Logo

【架空案件】カフェのWebサイトデザイン制作(Cafe Miel)

クレジット
Avatar
デザイナー
【架空案件】カフェのWebサイトデザイン制作(Cafe Miel)-1
シェア

【架空案件】カフェのWebサイトデザイン制作(Cafe Miel)

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

あなたのforiioを無料で作成

fori.io/
Logo
【架空案件】カフェのWebサイトデザイン制作(Cafe Miel)-1

【架空案件】カフェのWebサイトデザイン制作(Cafe Miel)

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

あなたのforiioを無料で作成

fori.io/