新之介

日常の空気が、ふと柔らかくなる場所をつくる。

新之介 宿・旅館のWebサイトのデザインについて、ご相談いただくためのポートフォリオです。 画面に触れると、灯りが空へ昇ります。

旅先の宿や温泉で感じる、静かに心がほどける時間。慌ただしい日々のすぐ隣に、そんな「逃避行の気配」をそっと差し出したい。

美大で培ったデザインの目と、現場で磨いてきたエンジニアリングの手。私にとってテクノロジーやAIは、目を見張らせるための道具ではない。光と影を現実の素材に溶かし込み、手触りのある空気を編み上げるための「筆」だ。

「画面の中」であっても、机の上や店舗の空間といった「手で触れられる場所」であっても、ただ眺めるだけのものでは終わらせない。

居合わせた人の、気づいた人の、心にそっと灯りがともるような体験を、自分の手で確かめながらつくっていく。

今回のご相談に向けた提案

宿湯灯ゆあかり

宿・旅館のWebデザインのご相談に向けて、新しくつくったデザインの提案です。伊香保温泉(群馬)を舞台にした架空の宿で、宿・料金・部屋の情報はすべて架空です。実装したサイトではなく、デザイン案として載せています。

舞台
伊香保温泉(群馬)
内容
トップページ(3案とスマホ版)、客室ページ(3案)
写真
街並みの写真は、伊香保を訪れたときに撮影したものです。人の顔や店名が写らないよう、トリミングしています。客室の画像はAI生成です。
担当
コンセプト、コピー、Webデザイン(PC・スマホ)、写真

画像に触れると、大きく見られます。

  1. 魅力を言葉にする

    湯けむりの向こうへ、ひと段ずつ。

    宿のデザインは、その場所の魅力を言葉にするところから始めます。伊香保の魅力は、石段街を一段ずつのぼるうちに、気持ちがほどけていく体験そのものにあると考え、この一行にしました。

  2. 方向性を3つ出す

    同じ宿でも、何を主役にするかで印象が変わります。「光と影(石段の影)」「湯けむり(石段)」「灯り(路地)」の3方向を出し、湯けむりと予約欄を組み合わせたBを軸に選びました。

    Bは、空室検索を最初の画面に置き、見てすぐ予約へ進める導線にしています。

    実際のご依頼でも、このように方向性を2〜3案お見せし、宿の方と並べて比べながら選んでいく進め方を考えています。

    ヒーロー案A 石段の影
    ヒーロー案B 湯けむりの石段
    ヒーロー案C 路地の灯り
  3. スマホ版

    移動中に宿を探す方にも使いやすいよう、軸に選んだBをスマートフォンの画面に組み直しました。空室検索は、指で押しやすい画面の下にまとめています。

    ヒーロー案B スマホ版
  4. 客室ページの3つの展開

    宿の性格や客層によって、合う見せ方は変わります。読ませる、比べて選ぶ、切り替えて見る、の3つの型を用意し、宿に合わせて選べるようにしました。

    客室ページ案1 写真で一室ずつ(読ませる)
    客室ページ案2 比べて選ぶ(旅の過ごし方から選べる比較表)
    客室ページ案3 切り替えて見る(写真に没入し、部屋を切り替える)
  5. 色と書体

    軸に選んだBの色と書体です。地と差し色は、伊香保の2つの湯、白銀(しろがね)の湯と黄金(こがね)の湯の色から選びました。

    湯灯見出し:しっぽり明朝 B1

    湯灯本文:Zen角ゴシック New

これまでの作品

写真に触れると、作品の説明が出ます。

  • 「学生時代の作品集」のトップ画面。見出し「場所や体験の印象を、画面と空間に置きかえる。」の下に、作品ごとのサイトを映したスマートフォンが並んでいる。 Webサイト 2024年 学生時代の作品集 大学時代の作品を、それぞれWebサイトの形に置きかえて紹介しています。 作品サイトを開く
  • 卒業制作「青龍蝦の視」のキービジュアル。紺地の中央にシャコの白いイラストがあり、周りに調査や展示計画の記録画面が斜めに並んでいる。 卒業制作 2023年度 青龍蝦の視 「スマートフォンを入力デバイスとした環世界のインタラクティブ体験」の提案 「青龍蝦の視」展は、スマートフォンを入力デバイスにして、生き物の「見ている世界」を体験できるインタラクティブ展示です。生物学者ユクスキュルが唱えた「環世界(Umwelt)」の考え方を手がかりにしました。すべての生き物は自分の知覚を通してしか世界を理解していない、という考え方です。博物館の体験型展示コーナーで、楽しみながら生態を学べるコンテンツを目指しています。 題材は、円偏光を見分けることができ、人間の4倍の光受容細胞を持つといわれるシャコ(青龍蝦)です。展示は2つの視点が互いに作用する構成にしています。大きな投影画面では、複数人が金魚すくいのような形式でシャコの動きや生態を学ぶ「人間視点」。手元のスマートフォンでは、シャコの見え方を体験し、捕まえようとする人間の気配から逃げる「シャコ視点」です。見る側と見られる側、両方の立場に立って考えるきっかけをつくります。 制作にあたっては、展示施設の実地調査を9か所で重ねました。あわせて、Unityでのネットワークマルチプレイの検証や、各種センサーの試作も行っています。
  • 夜の東京ビッグサイトの外壁に投影された映像。和風の建物と色とりどりの模様が映っている。 プロジェクションマッピング 2024年 いざ、開国!!新時代を切り開け!!! 東京国際プロジェクションマッピングアワード ノミネート(チーム「シン龍」)
  • 紺色のTシャツを何枚も並べた写真。背中には英字と筆文字の「走れ」、胸元には水色の小さなマーク。 グラフィック 2024年 Tシャツのデザイン 母校の陸上部向け
  • 今回のご相談に関連する業務(本業)

    スマートフォンアプリの制作

    本業の体験型コンテンツの仕事の中で、スマートフォンアプリの制作にも関わっています。アプリ制作の会社に勤めているわけではありません。

    現在も常設で使われているものがあります。仕事で制作したものなので、名前や画像は載せていません。

わたしについて

2024年
武蔵野美術大学 デザイン情報学科 卒業
現在
体験型コンテンツのエンジニア。企画の段階から入り、デザインの構成会議やモックの制作にも関わっています。

Webサイトのデザインは、本業の領域ではありません。「湯灯」は、今回のご相談に向けて自主制作したデザイン案です。

そのうえで、美大で学んだことと、毎日つくる側の手を動かしていることの両方を使って、ひとつの宿に向き合いたいと考えています。

まず宿の方のお話を聞き、その場所にしかない空気を見つけて、言葉と形にするところから始めます。本業はエンジニアなので、実装する方が迷わない形でデザインをお渡しできます。

ふだん使う言語:C#、C++、Python、JavaScript

お問い合わせ

ご相談やご質問は、こちらからお気軽にご連絡ください。

shinnobbcontact@gmail.com