TAKATERU SASAKI PORTFOLIO

HairSalon LionHeart ヘアサロン

Visit Site
  • 概要

    宮城県でヘアサロン・ネイルサロンを運営するLion Heart様のヘアサロンの公式サイトをリニューアルしました。 ご要望は古い情報の更新、新たな情報の掲載、レスポンシブ対応をしつつもデザインの雰囲気は変えたくないということで素材を再利用しクオリティと利便性の向上を図りました。

  • ターゲット

    美容に関心のある20代から50代までの人

  • 課題

    開設から数年が経過しているが更新されておらずレイアウトが古いままであり、レスポンシブに非対応のためSEOの観点からも不利になりやすい。 料金一覧や施術内容の説明がバラバラに記載されているため複数のページを往復する必要がある。 店舗が2店舗あるがホームページ上には1店舗分の情報しか記載されていないためユーザーに必要な情報が届いていない。

  • 目的

    ユーザービリティを向上させスマホでも簡単に店舗の情報確認と予約ができるようにする。

  • 設計

    本サイトは、デザインの雰囲気を維持しながら、レイアウトを見直し、より見やすくリニューアルしました。 レスポンシブデザインを導入し、スマホやタブレットでも快適に閲覧できるよう最適化しています。これにより、どのデバイスからでもスムーズに情報を確認できます。 また、メニューや料金などの情報は、タブを切り替えて閲覧できる設計にし、1ページ内で完結するようにしました。さらに、複数店舗の情報には、ハンバーガーメニューから素早くアクセスできるよう工夫し、利便性を向上させています。

  • 使用ツール・言語

    Adobe Photoshop / Adobe XD / Visual Studio Code / HTML / CSS / PHP / jQuery

  • 担当範囲

    制作全般(デザイン制作・コーディング)※画像はクライアント提供です

  • 制作期間

    1年 2021.07〜2022.07

全体ビジュアル

Visit Site
topへ戻る