MENU

自主制作

ウェブサイト

ジュエリーブランドwebサイト

クライアント

自主制作のためクライアント不在

製作時間

3日間(デザインカンプ1日/コーディング2日)

※レスポンシブ未対応

使用ツール

Photoshop , VisualStudioCode

制作物

要件定義

制作目的

ブランドの世界観やジュエリーへのこだわりを伝える

商品の魅力や取扱店舗を知ってもらう

ターゲット

20代~30代女性

シンプルで洗練されたファッションを好む人

商品の背景や作り手の想いにも共感して購入したい人

トンマナ

ナチュラル/洗練/親しみ/落ち着き

デザインの工夫

【使用カラーについて】

ジュエリーそのものに注目してもらいたいという意図から、あえて無彩色をベースに使用しています。ジュエリーを手に取ったときに、それぞれのアイテムから感じる色や印象を大切にしてもらえるようカラーの選定をしました。

【レイアウトについて】

洗練された雰囲気を表現するため、余白を意識して制作しています。フォントウエイトを抑えた書体を使用しているため、見出しと本文の区別がつきやすくなるよう、見出しの周囲に十分な余白を設けています。

【メインビジュアルについて】

メインビジュアルの画像

メインビジュアルではどのような商品があるのか、実際に身につけるとどのような印象になるのかが伝わるよう、画面を2分割して写真を配置しています。左側には商品写真を配置して商品のイメージを伝え、 右側には実際にジュエリーを身につけている人物の写真を配置することで、着用時のイメージがしやすくなるようにしました。

【コンセプトについて】

コンセプトの画像

コンセプトのテキストは、すべて中央揃えで配置しています。洗練されたトンマナに合わせる中で、左揃えにすると説明的で堅い印象になると考え、中央揃えにすることで余白を活かしたデザインにしています。

【コレクションについて】

コレクションの画像

クリックせずに複数の商品を見ることができるようにすることで、「この商品素敵だな」「これを身につけてみたい」と感じる商品との出会いを大切にしたいと考え、スライド形式さまざまな商品を見られるようにしました。 また、気になった商品をじっくり見たい人にも配慮し、カーソルを乗せるとスライドが停止するようにしました。

【取扱店舗情報について】

取扱店舗情報の画像

ブランドの世界観を伝えるためにも地図を表示するのではなく、各店舗の外観写真を掲載しています。一方で、店舗の場所を確認したい人にも配慮し、 外観写真から地図へ遷移できるようリンクを設定しています。

【フッターについて】

フッターの画像

これまでのレイアウトが中央揃え→横幅いっぱいの繰り返しの流れで構成されているため、フッターでは横幅を活かしたレイアウトにしています。

作品一覧ページへ戻る