飲食店店舗Webサイト(LP)

粋なたい焼き屋さんのアイキャッチ画像 Website
Webサイトはこちら: たい焼き屋「粋なたい焼き」

作ったポイント

概要
いつか好きな場所で好きなお店を出してみたい、という想いを架空の「沖縄のたい焼き屋さん」をLPで実現してみました。
ターゲット
休暇を取って1人で沖縄旅行をする女性の方。webサイト(SNS)を見てお店の雰囲気で行きたいお店を決める方。おしゃれが好き、昔ながらのものも好きな方。癒されたい方。​
目的
このサイトを見て行ってみよう!と足を運んでもらうため。
製作期間
デザイン・ワイヤーフレーム:37時間
コーディング:50時間
工夫した所
・参考にしたサイトを基に、商品が目立つシンプルなデザイン、大きめフォントにしました。
・写真は美味しそうに見えるように、photoshopのcamera rowフィルターで明るさを調整しました​。
使用ツール
デザイン:Photoshop、ワイヤーフレーム:Excel
コーディング:Visual Studio Code(HTML・ CSS・javascript使用)
参考サイト
鯛のないたい焼き屋 OYOGE(https://oyogetaiyaki.com/)
ねこねこ食パン(https://nekoshoku.jp/)
粋なたい焼きウェブサイトの上部3段落の画像(トップ画像、アバウト、メニュー)
  • たい焼き屋さんの和風なイメージに留まらず、「可愛い、癒される、気になる」をコンセプトに作成。
  • 写真を大きく使い、視認性を高めパッと見やすくあたたかみのあるイメージに。
  • 文字色はあんこのあずき色をベースに全体的に柔らかく統一。
  • セクションのフォントは、柔らかく丸いイメージのヒラギノ角ゴ ProN使用。
  • 文章にはなじみのあるNoto Sans JPを使用。​

タイトルとURLをコピーしました