Home Visit Beauty

Aid hair様訪問美容サイト

兵庫県尼崎市で、ご自宅や施設へ伺ってヘアカットをする訪問美容のWebサイトです。デザインからWordPressのオリジナルテーマ制作、公開まで担当しました。

Aid hair様のPC表示
Aid hair様のスマートフォン表示
Client
Aid hair様(尼崎市の訪問美容)
Category
Home Visit Beauty
Period
約1ヶ月(2021年)
Role
デザイン / コーディング / WordPressテーマ制作 / サーバー・ドメイン設定 / GTM設置 / 公開・修正対応
Tech
WordPress / ACF Pro / HTML / CSS / JavaScript / Google タグ マネージャー

概要

介護や子育て、体調などの理由で美容室に行くことが難しい方のもとへ伺う、訪問美容「Aid hair(エイドヘア)」様のWebサイトです。フリーランスのデザイナーさまからのご依頼で、2021年ごろに約1ヶ月で制作しました。

お客様とのやりとりはデザイナーさまが担当し、デザイン・コーディング・WordPressのオリジナルテーマ制作から、サーバー・ドメインの設定、公開までを担当しました。公開後の修正のご依頼にも対応しています。ロゴはデザイナーさまからのご提供、文章はお客様にご用意いただき、写真もお客様のものを中心に、一部はこちらで素材を用意しています。

工夫したポイント

  • TOPページ以外は、基本的に管理画面から更新できるようにした。ACF Proで作った自作の「パーツ」の仕組みを使い、見出し・本文・画像・リスト・FAQ・ボタンなどを選んで並べるだけで、ページを組み立てられる(WordPressで制作するサイトに共通で入れている仕組みで、案件ごとに改良を重ねています)
  • 料金表は、表の行を追加するだけで「メニュー風」のデザインになるため、料金の変更や追加をお客様自身でできる
  • 決まった形に収まらない一部のページは、HTMLを直接入れられる「ソース」パーツで対応した
  • 限られたご予算の中で、画像の作成などをデザイナーさまと分担し、制作コストを抑えた
  • Google タグ マネージャーを設置し、アクセス解析の土台を用意した

管理画面

料金表も、行を追加して金額を入れるだけで更新できます。

管理画面:料金表のパーツ

使用技術

CMS

  • WordPress(オリジナルテーマ)
  • ACF Pro — 管理画面のパーツの作成(WordPress案件で共通して使っている自作の仕組み)

言語

  • HTML
  • CSS
  • JavaScript

計測・解析

  • Google タグ マネージャー