Cafe HP

◽️目的

　カフェのご紹介

　ご案内のための店舗紹介サイト

◽️ターゲット

　都内在住の30代(男女比率7:3で女性が多い)

　カフェ巡りが趣味

◽️使用ツール

　Photoshop

◽️制作期間 (トップページ +下層7ページ)

　デザイン  2週間

 ＿＿＿＿＿＿＿＿＿＿＿＿＿＿

◽️情報設計

・ 都内在住の30代を中心にカフェ巡りを楽しむ層をターゲットに設定し、写真と雰囲気から直感的に「行ってみたい」と感じられる構成を意識

・初訪問のユーザーでも迷わず利用できるようメニュー・アクセスなど主要導線は視認性の高い位置に設定し、どこを押せば次の情報に進めるかが一目で分かる構成に

・情報量が多くなりすぎないよう各セクションごとに役割を明確に分け、写真とテキストのバランスを調整しながら閲覧の負担を軽減

・スクロールに伴い自然に情報が切り替わるようセクションごとの区切りが視覚的に分かる設計とし、長時間の閲覧でもストレスを感じにくい導線を意識

 ＿＿＿＿＿＿＿＿＿＿＿＿＿＿

◽️デザイン設計

・アットホームで温かみのあるカフェの世界観を表現するためベースカラーには淡いオレンジを採用し、全体に柔らかい印象を

 ・セクションごとに淡いオレンジと淡い黄色を交互に使用することで、ページ全体にリズムを持たせつつ区切りが直感的に分かる配色に

・About セクションでは、食事・ドリンクの写真からカフェの雰囲気やメニューの魅力が視覚的に伝わる構成に

・余白を多めに取ることで落ち着きと上品さを演出しつつ、写真やテキストが自然と目に入るデザイン設計に

・英字フォントには丸みのある書体を採用し、おしゃれさだけではなく親しみやすさや温かみを感じられるトーンに統一

ターゲットの来店シーンを想定し、雰囲気訴求と使いやすさの両立を意識したサイト設計としています。