JOGGOは、ユーザーが色やパーツを選んでカスタマイズした革製品を注文できるオーダーメイドレザーグッズのECサイトです。ブランドの打ち出しを見直すリブランディングに合わせて、サイトのデザインを刷新しました。
ブランドの考え方が伝わるサイトにする
リブランディングでは、商品の見せ方だけでなく、ブランドが何を大切にしているかを伝えることが主題になりました。そのため、トップページやサービス案内を作り直すことに加えて、ブランドの考え方そのものを伝えるページを新たに設けることが求められました。
デザインと実装を分担し、ページごとに作り直す
デザイナーがデザインに専念し、実装は別の担当が受け持つ分担で進めました。
- トップページ: 第一印象になる冒頭の画面を作り直し、アニメーションによる演出を入れました
- サービスとギフトの案内: カスタマイズ、ギフト、購入後のサポートを、ひとつのページで順に案内する構成にしました
- ブランド紹介: 工場と職人、革素材、これからの取り組みを伝えるページとして作り直しました
- ブランドストーリー: ブランドの成り立ちを伝える読み物のページを新設しました
あわせて、ヘッダー、フッター、メニューにブランド紹介とサービス案内への導線を足し、どのページからもたどれるようにしています。
スマートフォンでは、読み物を縦に並べるとページが長くなり、3つの物語のまとまりも伝わりにくくなります。そこで横スワイプのカルーセルにまとめました。
成果
刷新したサイトを公開しました。トップページからブランドストーリーまで、商品を選ぶ前にブランドの考え方に触れられる構成になっています。公開後も、企画ページの制作などを通じて運用を続けています。
なお、同じJOGGOのサイトを対象に、2020年からのリニューアル開発と継続運用、表示速度の改善にも取り組んでいます。