架空のカフェのwebサイトデザインを制作しました。

使用ソフト:Photoshop・XD・Illustrator
制作期間:5日

TOPページ(PC)
TOPページ(PC)
ABOUTページ(PC)
ABOUTページ(PC)
MENUページ(PC)
MENUページ(PC)
TOPページ(スマートフォン)
TOPページ(スマートフォン)
ABOUTページ(スマートフォン)
ABOUTページ(スマートフォン)
MENUページ(スマートフォン)
MENUページ(スマートフォン)

依頼内容

クライアント:カフェの経営者
webサイト制作の目的:海へ遊びに来る観光客にカフェのことを知ってもらい、新規客、リピーターの獲得に繋げること。

ペルソナ

海が好きな20~30代の観光客。カップルや女性の友達同士で、フォトジェニックなものが好き。SNSを使っていて、インスタ映えする写真や動画を撮るのが趣味。

説明

TOPページは内容をシンプルにし、まずはカフェの概要が伝わるようにしました。
メインビジュアルはスライダーを使って色々な写真を掲載し、フォトジェニックなお店であることをアピールできる構成にしています。
ABOUTやメニュー、ニュースなど内容が多くなるカテゴリは詳細を別ページに掲載し、掘り下げてもっと見たい時に自由に選択して見られるような構成にしました。
ニュース、メニューはよく見られるページになるので、詳細ページへアクセスしやすいよう概要説明の下にアイコンを設置しました。

サイトデザインはシンプルをテーマに、海の波や泡をイメージした波線・円でビーチサイドにあるお店の雰囲気を演出しました。
また、レスポンシブデザイン用にスマートフォン表示のデザイン案も作成しました。