ALL GOOD SALADサイトのイメージ

サスティナビリティーを意識したオーガニックサラダ専門店のサイト

URL

https://bit.ly/3Sxzo9F

担当

企画 / デザイン / コーディング

サイトの目的

店舗数の増加と今後の出店を見据えての新規サイト。新しくモバイルオーダーを始めたので周知させたい

コンバージョン

モバイルオーダー注文と来店数、Instagramフォロワー数

ターゲット

都心のオフィスに勤務のトレンド敏感なカジュアルなスタイル女性。お昼や夕食の一食を定期的にヘルシーな野菜を取りたいと思っている方

デザインについて

サイト全体はシンプルにまとめてサラダを目立たせつつ、アイキャッチになるようにボックスにカラーを入れたり、特集記事の画像を見栄えするようなデザインにして、競合店舗のサイトイメージと差別化させるデザインにしました。 コンバージョンとして設定している物はグローバルナビゲーションに入れ固定させました。
トピックスやインスタグラム画像はphotoshop、ロゴとモバイルオーダーのモックアップはIllustratorで作成しました。

コーディングについて

サイト全体で同じようなレイアウトになるので、設定が全体に適用されるようにタグをつけました。
メインビジュアルにはjQueryのプラグイン”bxslider”使用し、Q&A部分はCSSのチェックボックスを利用してアコーディオンの形状にし動きをつけました。

使用スキル

Illustrator / Photoshop / HTML / CSS / jQuery

制作期間

42時間 ( 企画:5時間 / デザイン・画像加工:18時間 / コーディング:19時間 )

対応機種

PC