【自主制作】架空のコーヒーブランドサイト(ブランディング・デザイン・実装)

OVERVIEW

架空のデカフェ専門のコーヒーブランドを考案し、ブランドサイトを制作しました。

ブランド情報

【ブランド概要】

カフェインを控える人がコーヒーを楽しむためのデカフェ専門コーヒーブランド。
大好きなコーヒーを控えている人も安心して楽しめるよう、好みや気分に合わせて味を選べる商品を展開をしている。


【ターゲット】

・コーヒーは好きだけど、カフェインが体に合わない人
・夜にコーヒーを飲みたいけど、寝れなくなってしまうため我慢している人
・デカフェは普段から飲むけれど、もっと沢山の種類から選びたい人
・コーヒーの味は好きだけど、体に良くないと感じている人


サイトについて

【サイトの目的】

サイトを訪れた人に、ブランドイメージやコンセプトを感じてもらうこと。その上でオンラインストアに遷移してもらうこと。


【ターゲット】

ブランドの公式Instagramがきっかけでブランドに共感し、興味を持ってサイトを訪れてくれた人


【ペルソナ】


【制作したサイト】

実際のサイトはこちら


http://portfolio-yuki.staba.jp/ReleaseCoffee/

【工夫したこと】

・シンプルで見やすい構成にして、サイトを訪れた人にとって必要な情報をすぐ見つけらるようにしたこと

→「デカフェ=身体にやさしい」というイメージから、身体にやさしいだけでなくユーザーにやさしい分かりやすいサイトにしました

・ページのどの部分を見てもコーヒのサイトだと認識できるように、コーヒー豆を背景に取り入れたこと

・オンラインストアに遷移しやすいよう、ヘッダー以外に2カ所遷移できるボタンを設置したこと

・マウスホバー時に動きを入れることで、思わず押したくなるようにしたこと