Works

Webサイト制作「Private Nail Salon CALME」

ネイルサロンの1ページ構成のWebサイトを制作しました。
白を基調にした余白のあるレイアウトと淡いブルーグレーの配色で、安心感と上品さが自然に伝わるサイトに仕上げています。
サロンの雰囲気をビジュアルで感じてもらいながら、LINE予約まで迷わず進める導線を設計しました。
※このWebサイトはMichiWorksが自主製作したサンプルサイトです。

Private Nail Salon CALMEのWebサイト制作モックアップ
クライアント
Private Nail Salon CALME

担当範囲

  • サイト構成の設計
  • トップページ全体のデザイン
  • HTML / CSS / JavaScriptによるコーディング実装
  • PC・タブレット・スマートフォン対応(レスポンシブ)
  • LINE予約導線・追従CTAボタンの設置
  • 施術例ギャラリー(モーダル表示)の実装
  • GoogleマップおよびInstagram埋め込み
  • 基本的なSEO・OGP設定
  • 画像配置・表示調整

このサイトで実現できたこと

  • ターゲット層が「自分のためのサロンだ」と感じられる第一印象作り
  • 料金・施術例・口コミ・アクセスを1ページで完結させ、予約前の不安を先に取り除く
  • スマートフォンからでも快適に閲覧、ワンクリックでLINE予約ができる
  • Instagramへの連携を実装し、情報更新も補完できる

コメント

ターゲット層がサイトを開いたときに一瞬で「自分向けのサロンだ」と感じられるように意識して作りました。

文字や装飾を詰め込みすぎず、余白を広く確保することで、テキストを読まなくても落ち着いた雰囲気が伝わるデザインにしています。

GALLERY(施術例)の写真はクリックで拡大表示できるようにし、ネイルデザインの細部まで確認できる設計にしました。

LINE予約ボタンは複数箇所に配置し、スマートフォンでは画面下部に固定表示することで、「予約しようと思った瞬間」を逃さない導線にしています。

サイトを見る

「Webサイトを作りたいけど、何から頼めばいいか分からない」という方へ。
構成の設計からデザイン・コーディングまで一括してお任せいただけます。まずはお気軽にご相談ください。

CONTACTお問い合わせ