国内対象者ごとに体験の入口を分ける
体験サービス / ミニマル
J-CAT
縦書きの言葉と小さな体験写真で日本文化への姿勢を示し、国内・海外・地域向けの事業へ分ける。
設計の見どころ
冒頭は日本の文化を未来へつなぐ姿勢を短い言葉で示し、本文では国内向けOtonami、訪日客向けWabunka、地域企業向けProduceを分けている。体験という共通軸を保ちながら、利用者と相談企業の目的を混同しない情報の順序が参考になる。
詳しい解説を読む →公式サイトを見る ↗
地域情報・一部文言を匿名化した制作画面。写真は生成イメージです。
店名・社名・ロゴ・所在地などを伏せた画面です。掲載画像から実際の事業者への連絡はできません。
DESIGN NOTES
ヒーローには明るい室内を配置し、清掃後に期待する状態を示す構成です。工具や作業工程を最初に説明するのではなく、何のために頼むサービスかを短い言葉で伝えています。結果のイメージと、実際の対応内容を次の情報で結ぶことが要点です。
左側の見出しは白い帯の上に置き、室内の明暗に左右されにくくしています。背景写真を全面的に暗くせず、自然光の印象を残したまま文字を読ませる方法。帯の端と改行を揃え、情報の塊として認識できる配置です。
冒頭の補足には新築の引渡し前と退去後の部屋、下部には清掃の種類を置いています。「きれいにする」だけでは広すぎるため、依頼する場面を具体化。訪問者が対象かどうかを先に判断できる言葉を選んでいます。
濃い青の相談ボタンを見出し・説明の下へ置き、白や淡い青の背景から区別しています。押すと何が始まるかが分かる動詞を使う点も重要。サービス内容に納得した人が、次の行動を探さずに済む位置として設計しています。
制作記録では、清掃内容、対応エリア、相談の流れをページ内に整理しています。物件の状態で条件が変わるサービスだからこそ、どの仕事を頼めるかを先に伝える必要があります。実際の問い合わせ接続はこれからで、受信成果は確認していません。
APPLY TO YOUR PROJECT
写真で利用後の状態を示し、短い文章で対象の作業を限定する。料金が一律でないサービスでは、対応範囲と相談の手順を整理して、問い合わせ前の不安を減らす構成が使えます。
写真は生成イメージで施工実績ではありません。掲載時は対応地域や作業条件を確定し、問い合わせ先と受信を確認する必要があります。
情報整理・LPデザイン・Web実装・スマートフォン対応
試作ページを実装済みです。写真・事業情報の確定と実際の問い合わせ先への接続はこれからです。問い合わせの受信や集客成果は未確認です。
国内対象者ごとに体験の入口を分ける
体験サービス / ミニマル
縦書きの言葉と小さな体験写真で日本文化への姿勢を示し、国内・海外・地域向けの事業へ分ける。
冒頭は日本の文化を未来へつなぐ姿勢を短い言葉で示し、本文では国内向けOtonami、訪日客向けWabunka、地域企業向けProduceを分けている。体験という共通軸を保ちながら、利用者と相談企業の目的を混同しない情報の順序が参考になる。
詳しい解説を読む →公式サイトを見る ↗
海外飲食 / ミニマル
小さなカップと余白で店名を覚えさせる
飲食 / ミニマル
カップの小さな印と広い余白から始め、茶色とクリーム色で街のカフェの親しみを伝える。
冒頭はクリーム色の広い余白に、湯気のあるカップの小さな印と店名だけを中央に置く。上部のナビと予約ボタンは控えめに配置され、店名の周辺を静かに保つ。大きな料理写真がなくても、喫茶の用途と落ち着いた調子を短い要素で示せる例になっている。
詳しい解説を読む →公式サイトを見る ↗
海外デザイン / ミニマル
細い自己紹介欄と大きな縦長画像を分ける
デザイン / ミニマル
左に自己紹介と連絡先、右に縦長の写真や画面を置くデザインエンジニアの一画面。
確認した画面では左側の細い欄に自己紹介がまとまり、右側の広い領域に縦長の画像が並ぶ。長いページを読み進めなくても、人となりと視覚的な作例を同時に見られる。情報をたくさん積むより、一画面の中で文章と画像の役割を明確に分けている。
詳しい解説を読む →公式サイトを見る ↗