国内一杯の器をブランドの象徴にする
飲食 / タイポグラフィ
MENSHO
器の立体表現から世界各地の店舗と一杯のメニューへつなぐ、ラーメンブランドのサイト。
設計の見どころ
PC冒頭では黒い背景に白い線で描かれた大きな器が現れ、MENSHOの文字と共にブランドを印象づける。料理写真を並べる前に器そのものを象徴として扱う構成で、一般的な飲食店のメニュー一覧とは異なる始まり方になっている。
詳しい解説を読む →公式サイトを見る ↗← サイト事例に戻る
01 02 03 04 05 国内 
国内
国内
DESIGN NOTES
このサイトの設計を読み解く。
専門業界の困り事から機能を説明する
冒頭は品質の評価と収入に関わる課題を大きく示し、本文では反復作業、支払側とのやり取り、入金の遅れなどを挙げる。その後に監視、測定、分析の機能へ進む。技術の名前から始めず、対象となる医療業務の困り事から製品の役割を説明する順序である。
画面で優先される要素
クリーム色の背景に黒い大きな見出しを中央配置し、ロゴやデモのボタンに濃い赤を使う。上部にはイベントの告知帯があり、下には医療業務を思わせる赤系の画面図が続く。余白と色数を抑え、専門分野の説明文を読ませることを優先した画面になっている。
具体性を支える情報
問題の説明は単なる忙しさではなく、事務の繰り返しや支払処理の往復など業務に固有の状況を挙げている。続く製品説明では観測や分析の役割を分ける。利用者の業務を知っていることを、抽象的な専門性の宣言より具体的な言葉で示す構成が参考になる。
行動への導線
中心となる行動はデモの予約で、専門的な製品をすぐ購入させる構成ではない。大きな見出しと説明を読んだ段階で相談へ進む入口を用意している。確認時はCookieの選択画面も見えたため、画面下部の情報はその表示によって一部隠れる状態だった。
取り入れるときの考え方
特定業界向けのサービスでは、その業界で実際に使う業務の言葉を起点にすると対象者を明確にできる。国内向けに応用する場合は制度や業務手順が異なるため、海外の表現を翻訳するだけでは足りない。想定する業務と相談で確認する内容を合わせて設計したい。
APPLY TO YOUR PROJECT
自分の制作に取り入れるなら
専門業界の困り事を業務単位で具体的に述べ、その後に機能を対応させる。デモへ進む前に、自分向けの製品か判断できる説明にする。
そのまま真似する前に
医療業務や収入への効果はこの閲覧では検証していない。制度、情報管理、対応範囲の条件は見た目の参考と分けて確認する必要がある。
次に見ておきたい参考
一覧へ →国内国内KUSUMUSUBI
飲食 / タイポグラフィ
米屋の看板と一皿を左右に分ける
飲食 / タイポグラフィ
KUSUMUSUBI
左に米屋の看板、右に塩むすびと産地を置き、一品と土地の関係を見せる。
設計の見どころ
PCでは左側に紙のような背景と店の印を大きく置き、右側に黒い皿の三つのおむすびを配置する。上端を横断する大きな英字も看板の役割を持つ。左のブランドと右の具体的な商品を分けることで、品数の少なさをむしろ個性として見せている。
詳しい解説を読む →公式サイトを見る ↗国内強い第一印象から具体的な案件へ進める
マーケティング / タイポグラフィ
OASIZ
大きな社名と緑の抽象形状で視線を引き、縦型動画の具体的なプロジェクトへつなげる。
設計の見どころ
冒頭の短い姿勢表明から、縦型動画とSNSを起点にした支援内容へ進み、その後にプロジェクトや顧客、コラム、お知らせが続く。公開本文では戦略設計と制作運用の関係も説明され、動画の見た目だけでなく何のために制作するのかを読み取れる。
詳しい解説を読む →公式サイトを見る ↗