Works | KA Websalon

Home page

KA websalonのホームページを制作しました。

「相談したい」と思ってもらえる温かさと、プロとしての洗練を両立させたデザインになるよう意識して制作しました。また、サービスページでは採用担当者の視点を意識し、情報を目で見て分かりやすく整理しました。

【制作期間】4週間

【使用ツール】 Photoshop/WordPress/CSS

【制作コンセプト】

⚪︎視覚的アプローチ
・安心感を与えるカラーと質感(ブルーとホワイトの配色)
清潔感と信頼感を象徴するブルーを基調としつつ、パキッとした青ではなく、少しニュアンスのある空色を採用。これにより、ビジネスライクになりすぎない「相談のしやすさ」を演出しています。
・繊細な装飾
手書き風のイラスト（鳥や風船）や、スクリプト体の英文フォントを配置。完璧すぎる整列よりも、少しの「遊び心」と「手仕事感」を加えることで、クライアントの細やかな感性に響くデザインにしています。

⚪︎TOPページ画像とメッセージ
・「Let me support you with the power of design.（デザインの力であなたのお手伝いをさせてください。）」
主役はあくまでクライアント。その活動を「デザインの力で支える」という控えめながらも力強いメッセージをセンターに配置しました。
・日差しと風を受けながら凛と咲く青い花が、たくましく突き進む個人事業主さん（と私‪）のイメージに重なり、この写真に決定いたしました。思いをもってたくましく前へ進んでいきたいですね。

澄み渡る空のように、まっすぐで誠実なデザインを届けたい。
あなたが大切に育てている活動が、もっと多くの人の心に届くように、デザインという光を当てて支えます。
ひとりで悩まず、二人三脚で歩んでいきませんか。あなたの夢に、彩りと安心を添えるパートナーになれたら幸せです。

Landing page

美容液のランディングページを制作しました。

スクール課題の「肌悩みをもつ30〜40代をターゲットにしたナイト美容液」LPサイトを制作しました。

【制作期間】4週間

【使用ツール】 Photoshop

【制作コンセプト】

⚪︎ファーストビュー(一枚目)
・左上の「乾燥・くすみ・ハリ不足」の悩みへの問いかけから始まり、モデルの表情、キャッチコピー、そして右下の実績(ゴールドメダル)へと視線が流れるように配置しています。これにより、ユーザーが『自分のための答えがここにある』と直感的に確信できるような構成にまとめました。
・単なる夜のイメージ(暗い色)ではなく、ユーザーに「翌朝の明るい肌」を予感させる表現にこだわりました。そのため背景には清潔感のある白と、潤いを感じさせる水のリキッドテクスチャを採用しました。

⚪︎下層ページ
・悩みのセクションではあえて少し暗めの背景色で「重さ」や「冷たさ」を出し、後の解決策セクション(明るい水色や光の演出)への視覚的な開放感を強めました。
・特典や価格情報のセクションでは彩度の高いゴールドやオレンジを採用し、お得感に訴えるため視認性を最大化しています。ユーザーは他のセクションとは明らかに違う「特別感」を察知します。
・悩み→解決→オファーという一連の流れが、色のトーン変化(暗い→明るい→強い)と連動しており、ユーザーの不安が解消されていく感覚を色のトーンで表現することで、違和感なくスムーズにアクションへ繋がるデザインを目指しました。