Hikari Portfolio

業務用ラーメンスープのサイトのモックアップ 業務用ラーメンスープのサイトのモックアップ

業務用ラーメンスープのサイト

デザインのポイント
業務用ラーメンスープの仕入れを目的としたLPを制作しました。 飲食店経営者や開業予定者をメインターゲットとし、 専門性の高い商材でも直感的に理解できる情報設計を意識しています。 ベージュとオレンジを基調とした配色により、食品商材としての 温かみと親しみやすさを表現。 アイコンやセクション構成を活用することで、品質のこだわりや導入メリットを分かりやすく整理しました。 また、サンプル請求・購入ボタンを明確に配置し、ユーザーが迷わず行動できる導線を設計。 理解しやすさと購買導線を両立した業務用商材LPとして 構築しています。
ターゲット
ラーメン店、中華料理店、居酒屋などの飲食店経営者
ラーメン好きの一般消費者・料理好きの個人
課題
購入・資料請求までの導線が複雑になりやすい
業務用商品のため専門性が高く内容が理解されにくい
目的
商品の品質と使いやすさを分かりやすく伝える
仕入れ検討から購入・問い合わせまでをスムーズにする
情報設計
業務用商材は「理解 → 信頼 → 行動」の順で意思決定されるため、 購入判断プロセスに沿って構成しました。また、専門的な内容でも直感的に理解できるよう、 情報量を整理したシンプルな導線設計を重視しています。
カラー設計
【ベース】ベージュ:
温かみ・清潔感・食品への安心感を表現
【メイン】オレンジ:
食欲喚起・親しみやすさ・行動促進
制作期間
(TOPページ)
ヒアリング
:1日
企画・構成
:1日
ワイヤーフレーム
:3日
デザイン制作
:3日
コーディング
:7日
調整・修正
:2日
使用ツール
Canva / Figma / VSCode / ChatGPT / Gemini