リッピースドーナツサイトの全体図

サイト全体図

画像が多いのでサイズ感と配色に注力してデザインしました。ECサイトは8型全ページ制作したのもポイントです。

リアルなドーナツ感を表現したく立体的にし、テーマでもある”西海岸”らしさはパームツリーを添えて。 Illustratorのみで作成。

Rippy's Dounutsのロゴ、手書き風 Rippy's Dounutsのロゴ、文字部分がオレンジ Rippy's Dounutsのロゴ、押し込まれている感じ Rippy's Dounutsのロゴ、ドーナツが半分に割れ飛んでいる
ヤシの木がかかったプールの上に2つの夏限定のドーナツの画像 海を背景に新鮮なパイナップルとオリジナルボトルに入ったジュースの画像 新しいロゴの発表 ECグッズの案内

4つとも全てPhotoshopのみで作成。

Rippy's Dounutsサイトのオリジナルグッズページ Rippy's Dounutsサイトのオリジナルグッズページの詳細ページΩ

アイテムは8型全てモックアップで作成。全て商品ページにリンクできます。他ページとフッター内容を変更。ECサイトと商品ページは統一感が出るよう、上記ロゴを配置。

Rippy's Dounutsの刺繡風ロゴ
Rippy's Dounutsのビーニー、白 Rippy's Dounutsのビーニー、ピンク Rippy's Dounutsのビーニー、水色 Rippy's Dounutsのビーニー、黒

今回制作したitemの中で一番気にいっているビーニー。ロゴは刺繍風に仕上げ、WEB検索で制作方法を調べました。この制作中に「デザインは楽しいな」とすごく感じ、個人的に大きな気づきや学びの一歩となりました。

架空のコーポレートサイト制作

デザイン・コーディング

企画(1時間)、デザイン(6時間)、コーディング(30時間)

男:3/女:7、20〜30代メイン、トレンド食に敏感な人達、差し入れやお土産、首都圏に住む人達

西海岸発のドーナッツ&カフェ(テイクアウトのみ)/ECショップ

メニュー、オーダーサービス、アクセス、アパレル・雑貨オンラインショップ、SNS誘致

PV数UP、Instagramフォロワー数UP、ECサイトクリック数UP、グッズ購入、全ページクリック数UP問い合わせ数UP、オーダーサービス利用数UP

西海岸、ローカルなイメージ(パームツリー)、画像多め、大きめでインパクトを

jQueryにてメインにslick、TOPICKSにSliderを使用。