ザラザラの背景

{ Website - クライアントワーク }

Studio HAGA

メインビジュアルのpcとスマホそれぞれのモックアップが横に並んだ画像

概要

整理収納アドバイザーSudio HAGAのホームページをリニューアルしました。

目的

  • - 新規顧客獲得
  • - サイトリニューアル

ターゲット

  • - 50代以上の男女
  • - 物が多すぎて困っている
  • - スッキリとした生活を送りたい
  • - 子供など誰かに迷惑をかけたくないと思っている人
  • - ものが多すぎてどこから手を付けていいのかわからない

情報設計

お問い合わせに至るまでにユーザーが「どのような会社なのか」「自分が利用者に該当するか」を判断しやすいよう心理面を考慮しました。正しい判断材料となるよう情報を必要最低限に絞り、整理して構成しています。サイト全体で整列と反復を意識し、統一感と清潔感を感じられるよう工夫しました。

デザイン

ベースフォントにはゴシック体を使用し、視認性に配慮しました。キーワードである「落ち着き」を表現するために要素間に余白を設け、窮屈な印象を感じさせないよう心がけています。サイト全体に曲線を取り入れ柔らかい印象を演出することで、お問い合わせへの抵抗感を軽減する工夫もしました。また、StudioHAGAのロゴカラーをサブカラーとして使用し統一感を持たせました。アクセントには暖かみのあるオレンジを加え、明るくフレンドリーな雰囲気を感じてもらえるようにしました。

カラーパレット サイトのスクリーンショットが並んだ画像

製作範囲・期間

  • 2023/10 - 2024/6 (9ヶ月)
  • 企画・デザイン:2023/10 - 2024/1 (3ヶ月)
  • コーディング・wordpress設定:2024/1 - 2024/6 (5ヶ月)

使用ツール

photoshop / illustrator / visual studio code / xd

制作詳細

ポートフォリオ内に収めきれなかった情報をNotionにて補足しています。
Notion : https://ebony-crustacean-4f0.notion.site/Studio-HAGA-cbaa9b771a27418e93a0e40856d1f567

サイト全体のスクリーンショット。pc版 サイト全体のスクリーンショット。スマホ版

OtherWork