Slowly time

TYPE : ホームページ

CLIENT : なし(架空のサイト)

URL : http://slowlytime.erina-portfolio.com/

Slowlytimeカフェサイトモックアップ

贅沢な場所で特別な時間をゆったりと過ごす

制作情報

制作範囲 range
ワイヤーフレーム/デザイン/コーディング
使用ツール tool
Figma / Photoshop / Illustrator / VS Code
ターゲット target
20代から60代の男女。
読書や仕事、贅沢な時間をゆっくり過ごしたい方。
目的 purpose
集客ならびに常連客の増加を目的として制作しました。
毎月の限定ニューを掲載することで、サイトを訪れるたびに新しい情報が得られ、再来店のきっかけにつながる構成を意識しています。
また、オンラインストアでは店内で使用している豆や食器類を販売し、遠方で来店が難しい方にもお店の世界観を届けられるようにしました。
情報設計 information
とにかく「わかりやすさ」と「親しみやすさ」を重視し、年配の方にも直感的に伝わるよう、写真を多く・大きく配置したレイアウトを採用しています。
ニュース欄では期間限定メニューや休業日などの最新情報を掲載し、サイトを訪れることで常に新しい情報が得られる設計としました。
オンラインストアでは、実際に店舗で使用している豆や食器を取り扱い、来店されるお客様だけでなく、遠方のお客様にもお店を身近に感じてもらえるよう工夫しています。
デザイン design
お店の雰囲気を直感的に伝えるため、店内写真とコンセプトをファーストビューに大きく配置し、興味と親しみを持ってもらえるデザインにしました。
「特別で贅沢な時間を過ごせる場所」を表現するため、フォント選びで上質感・高級感を演出しつつ、アクセントカラーには親しみやすさを象徴するオレンジを使用しています。
落ち着いた雰囲気の中にも温かみを感じられるよう、全体のトーンバランスを意識して仕上げました。
本作品はWeb制作の基礎を学び始めて最初に制作したサイトであり、 「伝わりやすさ」と「世界観づくり」の両立を強く意識した作品です。
制作期間 period
50日間(ワイヤーフレーム:5日、デザイン:15日、コーディング:30日)

サイトイメージ

Slowly time カフェサイト PC表示 Slowly time カフェサイト SP表示

WORKS

  • ウェブサイトアイコン

    website

  • ポスターアイコン

    poster

  • バナーアイコン

    banner

  • ムービーアイコン

    movie

トップへ戻る TOP