Kaede Ikuta PORTFOLIO

Kaede Ikuta PORTFOLIO

Kaede Ikuta PORTFOLIO

Kaede Ikuta PORTFOLIO

Kaede Ikuta PORTFOLIO

Kaede Ikuta PORTFOLIO

kaedeikutaPortfolioロゴ

作品

PCに映されたcafe azitoトップページ

cafe azito WEBサイトデザイン

概要

海辺にあるカフェ「cafe azito」のWEBサイトデザイン。
職業訓練校でFigmaの使用方法を学ぶ授業の中で制作。

作品形態

デザインカンプ ※レスポンシブ非対応

ターゲット

20〜30代の女性

コンセプト

店舗の魅力をサイト内で表現するとともに、必要な情報は適切な順番、見せ方で配置する。

デザイン

店舗のイメージを伝える為、画像を多く用いている。
その際にユーザーの目線が迷子にならないよう、視線誘導を意識した配置や画像の選定を行なっている。
色の設定はもともと用意されていたロゴの若干紫がかった青をメインカラーに設定し、やや主張の強いメインカラーとのバランスをとりつつ海辺の雰囲気を演出するために明度と彩度を下げた水色をアクセントカラーに設定。

使用フォント

Noto Sans JP / Akshar

使用色

#505096

#A6D1DB

#ffffff

制作時期

2025年 6月

製作時間

ワイヤーフレーム

8時間

デザインカンプ

5時間

使用ツール

Figma

WEBページのスクリーンショット