<aside>

情報設計からStudio実装まで

貴社のディレクション工数を削減する、根拠のあるデザインをご提供します

</aside>

Profile

ご覧いただきありがとうございます。 Webデザイナー矢後みずきと申します。

稼働

• 週30-40時間

使用ツール

• Figma｜Illustrator｜Photoshop｜Studio｜Premiere Pro
• Slack｜Discord｜Google Chat｜Chatwork
• Chat GPT｜Claude｜Gemini｜Gemini Notebook

※ツールはお客様に合わせ柔軟に対応いたします。

連絡先

制作に関するご相談などはこちらにお願いいたします。 内容を確認の上、24時間以内に返信いたします。

<aside> <img src="/icons/send_gray.svg" alt="/icons/send_gray.svg" width="40px" />

[email protected]

</aside>

<aside> <img src="attachment:11c5eadf-1d91-4eea-8c3a-7cd13181bd36:logo-black.png" alt="attachment:11c5eadf-1d91-4eea-8c3a-7cd13181bd36:logo-black.png" width="40px" /> https://x.com/yagomiWeb

</aside>

実績PICK UP

女性向けサロン様｜サイトリニューアル

<aside>

プロジェクト概要

**担当範囲：**情報設計・ワイヤーフレーム・ライティング・Webデザイン

制作期間： 約6週間

使用ツール： Figma｜Photoshop

実際のサイトURL： https://hana-official.com/

</aside>

<aside>

課題

• 情報設計が不十分で何がどこにあるかわからず、またUIパーツの機能性が不十分
• 固有名詞が多く、知識の少ない新規ユーザー向けの情報が少ない
• 実際の施術が想像できるような写真などの情報が少ない </aside>

競合分析と差別化戦略の設計

近隣地域の競合店の口コミ収集→ユーザーのニーズ収集から情報設計へ

100件以上口コミを収集。 この地域で**「なにが評価され」「なにが不満になるのか」を調査**し、クライアントの強みを合わせ、なにを訴求するとユーザーに効果があるか検討を重ねました。

デザイン・サイトリサーチ→デザインコンセプト立案に

近隣競合店舗、業界全体、希望デザインテイスト、など様々な軸に従い、50サイト以上をリサーチ。

デザインの見せ方、また強みのポイントなど特徴を収集。デザインコンセプト立案やテーマカラーの選定などの際にも使いました。

競合分析と差別化戦略の設計

そのリサーチ結果をベースに、ターゲットとなる詳細な「ペルソナ像」「マーケテティング案」を具体化しました。

根拠のあるデザイン・実装を見据えたコーダーフレンドリーなデザイン設計

戦略から逆算「根拠のあるビジュアル」をお客様へご提案。

• デザインとは別でコンセプトをまとめた資料を作成・提出。
• 今回はサロンの核心にある「整える」という思想に基づき、過度な装飾を足すのではなく、あえて要素を削ぎ落とす「引き算のデザイン」を採用しました。
• 余白の持たせ方や空間の広がりを緻密に計算し、サロンが持つ洗練された空気感をWeb上で表現しています。

後工程であるコーディングのしやすさは常に強く意識し、 スタイルガイドを作成しています。

• バリアブル機能を用いた余白管理や、コンポーネント（共通パーツ）のルール化
• カラー：競合調査、「元の自分を取り戻す」コンセプト設計をもとに、独自の色味を選択。ベージュピンク系のワントーンに
• 実装例のリンク付きアニメーション指定

制作実績

Untitled

非公開実績

上から順に新しい実績となっています。

| --- | --- | --- | --- | --- |

大事にしていること

対応可能業務／料金の目安

内容、量によりお見積り内容は変わります。柔軟に対応いたしますのでお気軽にご相談ください。

私について

こんな人です

• 愛知県名古屋市在住
• 1987年生まれ
• 2児の母（3歳、2歳）
• 特技：ラップの切れ端を見つけること