Jelateria MaKo 店舗サイト

概要 Overview

この課題は、架空のクライアントのホームページを作るものです。ターゲットを決めるために競合調査やポジショニングマップを使ってデザインを作成し、コーディングまでを行いました。

• 制作期間：1週間
• 担当箇所：デザイン、コーディング
• 使用ツール：Figma、Photoshop、illstrator
• URL：https://haruharuki-jelateriamako01.netlify.app/

ターゲット

• 都内に住んでいる20代女性。
• 社交的な性格で友人が多い。
• 自分の時間を大切にしたい。
• シンプルでセンスの良いものを追求する。
• 個性的でこだわりがある。
• 装飾より機能を好む。

デザイン

余白は大胆にとる。レイアウトは全体的に広がった印象にし、窮屈感を感じさせないようにする。配色も4色に抑えてさっぱりとした印象にする。

配色

テキスト以外の配色には、なるべく白に近い色を使用して窮屈感を出さずに広がったイメージにしています。さらにアクセント色でも派手目な色は使わずに少し濃いグレーで落ち着いた雰囲気に仕上げました。

フォント

和文フォントは、少しおしゃれで可読性の高いものを使用し、欧文フォントは、可読性は低くなるもののおしゃれを重視したフォントを使用することで少し遊び心のあるデザインになったと思います。