サイト名：九条ネギと海老のおこげはん【京都祇園 吉楽】
URL：https://works.saharakairi.com/

PC版デザインカンプ

モバイル版デザインカンプ

iPhone 14 Pro Max（430px×932px）をモデルにしています。

webサイト制作：既存商品のLP

使用ソフト｜デザインカンプ／Photoshop、XD
　　　　　　素材／Photoshop、Illustrator
商品画像｜株式会社 京都菓子工房 イチハナダッテ様　https://shop.ichihanadatte.com/
使用画像｜写真AC様　画像①　画像②　画像③　画像④
　　　　　Unsplash様　画像①

制作過程

最初は必要な情報をメモ書き→手書きでデザインラフを書いてから、Photoshopで作業→途中からXDで作成しました。
Web版ワイヤーフレーム→モバイル版ワイヤーフレーム→デザインカンプの順で作業しています。
公式サイト様の画像もお借りし、その他に足りない画像は実際に商品を購入していたので、撮影とリタッチなどの加工練習も兼ねて作業を進めました。
ブレイクポイントは、640px、1280pxを想定して作成しています。

コンセプト

京都のお煎餅をテーマに、和風な雰囲気でLPデザインを考えました。
既存商品で公式サイト様もあるのですが、社名やロゴは架空で考え、サイトデザインも似すぎないようオリジナルで考えています。
商品パッケージがかわいらしい雰囲気でインパクトもあるため、キャラクターを活かしながら、特に女性の購買層を意識しやさしい色合いのLPを目標に作成しました。