Pas a Pas様サロンサイト

概要

アイラッシュ（まつげエクステ）と脱毛の専門サロン「Pas a Pas（パザパ）」様のWebサイトです。フリーランスのデザイナーさまからのご依頼で、2021年ごろに約1ヶ月で制作しました。

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

工夫したポイント

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

管理画面

用途に合わせて、パーツを選んで追加できます。

段組みやスマホでの表示も、パーツごとに設定できます。

使用技術

CMS

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

言語

• HTML
• CSS
• JavaScript

計測・解析

• Google タグ マネージャー