URL

http://lily-portfolio.com/momoyama/

サイト概要

「ひとつひとつ丁寧に、心を込めて」をモットーに経営している和菓子屋のwebサイト（架空）。遠方の方にも購入いただきたい想いから、最近オンラインストアを始めた。また、オンラインストアの広報と商品の紹介を兼ねて、同時にSNSも始めた。SNSでは和菓子の写真をアップしている。ロゴマークは、ひとつひとつ丁寧に作り上げている和菓子の美しい形を表している。

ターゲット層

SNSでお店を知り興味を持った20～40代を中心

目標

【メインゴール】和菓子を買ってもらう
【サブゴール】お店を知ってもらう、オンラインストアを利用してもらう

制作期間

1週間

使用ツール

Visual Studio Code / Illustrator / Photoshop

レスポンシブ

PC / スマホ / iPad

ポイント

見やすくシンプルなサイトにしたいと思い、トップページは簡潔な情報を記載し、該当リンクから詳しい情報が閲覧できる形にしました。また、スマホのレイアウトは特にUIを意識しました。押してもらいたいボタンやリンクを大きくして目立たせたり、スライドショーがスワイプできることをレイアウトで知らせたりしました。