見出し画像

no.006 コナとスパイス

【制作会社】
Re:design

【概要】
カレーパンの店舗販売、オンライン販売を行っているお店。

【ファーストインプレッション】
パンチの効いた女性のイラスト。カレーパンが出てくるまで何のサイトか分からないので、最後まで気になって見たくなるようなサイト。

【ターゲット層】
20代~40代

【使用フォント】
メイン
sans-serif

サブ
見出ミンMA1

日本語
見出ミンMA1

数字
見出ミンMA1

【配色】


ベースカラー #d5b798
メインカラ  #c09e6e
アクセントカラー  #dc6317
フォントカラー  #000000

【文字や色の印象・雰囲気・効果】
背景の色が一色だけではなく、様々な色の茶色を使っていて、
紙ような質感を感じた。
イラストにインパクトがあるが、字体はシンプルでとても読みやすい。


【サイト構成】
-ページ数
1ページ

-セクション数
6

- 導線はどうなっているか
オンラインショップで購入して欲しい。

- お問い合わせ(CTA)はどこに配置しているか
メインビジュアルの下。

- 背景色の変化はあるか
セクションごとに区切られている。

- スクロールするごとに変化はあるか
特になし。

【トップページ構成】
メインビジュアルのみ。

【デザインポイント】
-メインビジュアル
3人のイラストにカレーパンの写真。
アクセント?でオレンジの手書き風イラストが入っている。

-ヘッダー

-フッター
余白を広く使って、お問い合わせフォームを真ん中に置いている。

-ナビ
スクロールしてメインビジュアルが終わると、右上固定で現れる。

-ハンバーガーメニュー
なし。

- 一番最初に目につく箇所
メインビジュアル。

- キャッチコピー
≪“サクッ、もちっ” スパイス薫る本格カレーパン≫

- メインビジュアルの動き
3人のイラストが時間差で現れる、最後にカレーパンが出てくる。

【実装ポイント
スクロールするごとに、写真、文章がふわっと表示で現れる。

【レスポンシブデザイン】
右上にハンバーガーメニューが表示される。
個人的には、画像や説明が画面に1枚ずつ大きく表示されて、
じっくり見れるので、
PCサイトよりモバイルサイトのほうが見やすく読みやすく感じた。

【ひとつだけ自分のデザインに取り入れるとしたら】
文字がすべて横書きではなく、見出しだけ縦書きにして横に画像を配置していて、そのデザインを取り入れたい。

【感想・フリースペース】
イラストにインパクトがあるが、中身は本格的なカレーパンのサイトで、とても目を惹くサイトだと思った。
今っぽくて、30代前後の女性が好きそうなサイトだと思う。

この記事が気に入ったらサポートをしてみませんか?