制作期間: デザイン:3日間 / コーディング:3日間
使用言語・ツール: Figma/Canva/VScode
担当範囲: 企画、情報設計、UIデザイン、コーディング
ポートフォリオ用に自主制作した、架空のカフェ「Cafe Miel(カフェ・ミエル)」のWebサイトです。
ターゲット設定から情報設計、ビジュアルデザイン、そしてコーディング(実装)までを一貫して担当しました。
【デザインの意図・コンセプト】
「蜂蜜を使ったスイーツが人気の、温かみのあるアットホームなカフェ」をコンセプトに設定。ターゲットである20〜30代の女性が「週末に行ってみたい」と思えるよう、蜂蜜を連想させる柔らかなイエローをベースカラーに採用しました。
メインビジュアルやメニュー部分にはシズル感のある写真を大きく配置し、お店の魅力を直感的に伝えられるレイアウトを意識しています。
【実装(コーディング)について】
デザインの再現性を意識し、スマートフォンでの表示にも対応したレスポンシブWebデザインとして実装済みです。
(※現在はローカル環境での実装のため、デザインカンプのみの掲載としております)