WORK DETAIL / WEB DESIGN
はれはな ポートフォリオサイト
Webデザイナー「はれはな」のポートフォリオサイトです。企画からデザイン、WordPressでの構築まで、一人で制作しました。
制作概要
制作目的人柄と制作実績を伝え、「まずはこの人に相談してみたい」と思ってもらい、お問い合わせにつなげる。
ターゲットサロン・クリニック・教室など、地域で人と向き合う事業者の方。はじめてホームページを持つ方や、何から相談したらいいかわからない段階の方。
担当範囲企画・構成・デザイン・ロゴ制作・WordPress構築
使用ツールFigma／WordPress／Canva
デザインの工夫
初めての方でも安心して相談できるよう、見た目と伝え方の両方を考えました。
01
相談しやすい導線
「まずは無料で相談する」ボタンだけを塗りにして目立たせ、ほかのボタンは枠線にして、迷わず相談に進めるようにしました
02
やさしく読みやすい見た目
ピンクとベージュでやわらかい印象にしつつ、見出しと本文にメリハリをつけて、読みやすさを優先しました
03
迷わず伝わる構成
料金を3つのプランに整理し、お支払いのタイミングまで先に示しました。専門用語には、わかりやすい説明を添えました
SITE STRUCTURE
サイトの構成
6つのページで、人柄・実績・ご依頼の流れまでを伝える構成にしました。
トップページへ移動します。
01
トップ
人柄・実績・できること・流れを1ページで見渡せる入口
02
私について
経歴や大切にしていることを伝え、人柄を知ってもらう
03
制作実績
一覧と詳細で、目的と工夫まで伝える
04
できること
よくあるお悩みと、サービス内容・料金
05
ご依頼の流れ
7つのステップと、お支払いのタイミングを示す
06
お問い合わせ
Googleフォームで気軽に相談できる
CONTACT
お問い合わせ
料金のことも、初歩的なことも、相談だけでも大丈夫です。
無理な営業はしません。
ご連絡には2日以内にお返事します。