1. 1

  2. 2

  3. 3

  4. 4

WEB DESIGN

Pebbles WEBサイト(架空)/2023年

pebbles1
  • ◆ 概要

    架空のアウトドア用品メーカー株式会社Pebbles(ペブルス)の企業サイトを制作。「しぜんと、暮らそう」を事業のテーマに、普段使いができるシンプルなアウトドア用品や衣類を製造、販売。

  • ◆ ターゲット

    シンプルなライフスタイルを好み、ナチュラル志向。少々値段が高くても、質や物持ちの良さにこだわりを持つ30~40代の男女。

  • ◆ 目的/コンセプト

    企業の認知度・店舗来客数アップを目的にサイトを制作しました。余白や白を基調にレイアウトし、「心のゆとり」を表現。視線が集まるように要素はシンプルにまとめ、文字をなるべく大きめにして、視認性が高く見やすいデザインを心がけました。

  • ◆ 担当領域

    企画/ワイヤーフレーム作成/デザイン制作/コーディング/動作確認

  • ◆ 制作年/制作期間

    2023年/2週間

  • ◆ 使用ツール

    Illustrator/Photoshop/XD/HTML/CSS

pebbles2

◆topページ

土や石の自然物のイメージから、落ち着きのあるナチュラルなカラーを使用しています。余白や白を基調にレイアウトすることで、ターゲットに読みやすく、分かりやすいサイトを心がけました。視線が集まるように要素はシンプルにまとめ、文字をなるべく大きめに、視認性が高く見やすい落ち着いた雰囲気に仕上げました。全体がシンプルなのに対し、バナーは色を使い、サイトが単調になりすぎないようにしました。

pebbles3

◆aboutページ

企業理念や社長メッセージを伝えるため、白を貴重に、清潔さ、誠実さを演出。アウトドアファッションを商材とするため、社長は少しラフな装い。イメージがかっちりしすぎないよう、アクセントに「Message」の手書き文字を加えました。

pebbles4

◆shopページ

店舗の場所がすぐにわかるようにGooglemapとリンクさせました。住所などの店舗情報のほか、お店ごとの商品入荷情報やコーディネート、キャンプ飯レシピなどのコンテンツが楽しめるようにSNSの情報もリンクさせます。

pebbles5

◆名刺

pebbles6

◆紙袋

  1. 1

  2. 2

  3. 3

  4. 4