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

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




展開例




TOPICKS バナー作成
4つとも全てPhotoshopのみで作成。


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





ECサイト/ORIGINAL GOODS
今回制作したitemの中で一番気にいっているビーニー。ロゴは刺繍風に仕上げ、WEB検索で制作方法を調べました。この制作中に「デザインは楽しいな」とすごく感じ、個人的に大きな気づきや学びの一歩となりました。
課題概要
架空のコーポレートサイト制作
担当
デザイン・コーディング
所要時間
企画(1時間)、デザイン(6時間)、コーディング(30時間)
ターゲット
男:3/女:7、20〜30代メイン、トレンド食に敏感な人達、差し入れやお土産、首都圏に住む人達
コンセプト
西海岸発のドーナッツ&カフェ(テイクアウトのみ)/ECショップ
メニュー、オーダーサービス、アクセス、アパレル・雑貨オンラインショップ、SNS誘致
サイトの目的
PV数UP、Instagramフォロワー数UP、ECサイトクリック数UP、グッズ購入、全ページクリック数UP問い合わせ数UP、オーダーサービス利用数UP
デザインについて
西海岸、ローカルなイメージ(パームツリー)、画像多め、大きめでインパクトを
コーディングについて
jQueryにてメインにslick、TOPICKSにSliderを使用。