ホームページ制作事例一覧

レスポンシブWEBデザインでPC・スマホ・タブレットに対応したHPを制作。

HOME | 制作事例一覧 | ホームページ制作事例一覧

レスポンシブWEBでスマホも完全対応

レスポンシブWEBデザインとは1つのURLで複数のデバイスに対応出来るHPです。

レスポンシブWEBデザイン
Herbal Beauty Salon Mana様のレスポンシブサイト画像Herbal Beauty Salon Mana様のレスポンシブサイト画像

エステサロン
『Mana』様

レスポンシブ(スマホ対応)サイト13P

 
2020年春の開業時にホームページの制作をご依頼頂きました。HOME(トップページ)にアメブロとインスタを同期で読み込ませ新着情報をクライアント様ご自身で発信出来る設計に。ティファニーブルーを意識したカラーをベースに、上質な雰囲気のデザインにまとめてあります。大阪のサロン様のため、内装・施術などのお写真およびロゴデータはクライアント様よりご支給頂きました。

MENUページはFacial/Body/Order Made/Option/Personal Herb Detoxの5つのジャンルに分けれており、それがしっかり分かるようにMENU一覧ページも作成。各メニューには簡単な説明+『効果』を記載することで、お店で施術を受ける顧客がどんなメニューを受けると、『どのような効果があるのか?』分かりやすく伝えるような工夫をしてあります。

『junon田向店』様のレスポンシブサイト画像『junon田向店』様のレスポンシブサイト画像

エステ&ネイル&まつエクサロン
『junon田向店』様

レスポンシブ(スマホ対応)サイト

 
2020年春、それまで集客のメインとしていたホットペッパーの費用対効果を検討された結果、オリジナルHPに重点を移すお考えでホームページの制作をご依頼頂きました。エステ・ネイル・まつえくなど豊富なメニューの中でも、特にイチ押しメニューとなるHIFU(ハイフ)ページの作成には重点を置き、HIFUの特徴と効果をしっかり表現できるためのアイディアを重ねたため完成まで数ヶ月の時間を要しましたが、充実したページを制作することが出来たと思います。ネイルやまつえくなども同様に、最低限の情報だけでなく、それぞれのメニューの特徴はもちろん、効果や事例もおりまぜならが内容の濃いページを作成させて頂きました。青森のサロン様のため、内装写真はご支給頂き、その他のイメージ写真は当方のストック写真にて対応しております。ロゴも当方で制作。

ホットペッパーの代わりを担う集客のメインとなる役目としてのHPのため、簡易的なものではなく、SEOも考慮し相当な情報量(ページ数)を作成。QAページには各メニューのよくあるご質問を相当数まとめています。また、複数店舗を運営されているため求人ページも充実させ、求人フォームも設置。予約窓口として予約フォームも設置しています。

ボディケアサロン『raruru』様のレスポンシブサイト画像ボディケアサロン『raruru』様のレスポンシブサイト画像

ボディケアサロン
『raruru』様

レスポンシブ(スマホ対応)サイト8P

 
2020年2月の開業時にロゴ・A4三つ折りリーフレット・メンバーカード・名刺・紹介チケットなど多数の制作をご依頼頂きました。ロゴ完成後にリーフレットなどの印刷物を先に納品。最後にHP公開。遠方(広島)のため撮影画像はクライアント様よりご支給頂きました。落ち着いたブルーを基調にしたデザインに。

HOME(トップページ)にはインスタを同期で読み込み、NEWSではアメブロを同期で読み込み、クライアント様からの情報発信をHP内でも組み込んでいます。MENUページは3つジャンル合計6メニューを掲載。それぞれのメニューの効果や特徴を5段階評価で表示。施術を受ける人がどのメニューがご自身に合っているかを分かりやすくまとめることに注力を注ぎました。

美容室『Angel』様のレスポンシブサイト画像美容室『Angel』様のレスポンシブサイト画像

美容室
『Angel』様

レスポンシブサイトLP形式5P

 
2015年秋に店舗リニューアルに伴いリーフレットや撮影などのご依頼を頂きました。2019年冬、求人募集のための専用サイトおよびパンフレットを作成したいとのご連絡を頂きました。このサイトは集客のためではなく、美容学校の生徒さん向けに作成したもので、サロンサイトとは別に増設(リンク)する形で納品。当方で撮影した写真をメインに使用し、お店のリアルな雰囲気と魅力を美容学生さんに実感頂けるよう制作しています。

情報が混乱しないようLP形式(ページ移動なく上下推移のみの1P)で制作。A4仕上がりのパンフレットとの併用で求人募集に特化した作りにしてあります。お店の雰囲気を写真で表現。代表の方をはじめ、先輩スタッフさんからのメッセージ。このお店で働くことのメリット。入社してからスタイリストさんになるためのプログラムなどを掲載。最後に募集要項と応募方法を掲載。

エステサロン『Eclat』様のレスポンシブサイト画像エステサロン『Eclat』様のレスポンシブサイト画像

エステサロン
『Eclat』様

レスポンシブ(スマホ対応)サイト12.5P

 
2019年5月の開業時にロゴ・A4三つ折りリーフレット・メンバーカードなどの制作をご依頼頂きました。ロゴ完成後にリーフレットなどの印刷物の納品後に仮サイトをUP。最後にHP(本サイト)をUP。遠方(大阪)のため撮影画像はクライアント様よりご支給頂きました。白をベースに明るい雰囲気にグリーンをポイントに使用したデザインにまとめてあります。

ロゴ(4月)→メンバーカード(4月)→A4三つ折りリーフレット(5月)→仮サイト(5月下旬)→オープン(5月下旬)→本サイト(7月中旬)という流れで制作させて頂きました。先に印刷物と仮サイトをUP出来たことで、最後の本サイトは焦らずじっくり制作することでクオリティを高めることが出来たと思います。

美容室『Leaf』様のレスポンシブサイト画像美容室『Leaf』様のレスポンシブサイト画像

リラクゼーションサロン
『LICOCO』様

レスポンシブサイトLP1P(2021年3月までの公開)

 
ハワイのリラクゼーションサロン様からのご依頼で制作させて頂いたLP(ランディングページ)形式のサイト。通常のサイトとは違い、ページ推移の無い上下推移のみが特徴です。スマホユーザーはページ推移を嫌う傾向があるため、LPが有効なケースがあります。通常のサイトより低価格なのも利点ですが、SEOについては通常のサイトの方が有利です。今回は旅行代理店さんからの誘導があるためSEOの優先順位も低く、価格優先で制作させて頂きました。

上部のスライドで内装写真を大きく使用し、CONCEPTでお店の特徴を。PICK UPでおすすめ事項を掲載。MENUやインスタ同期、地図を掲載。お店への連絡方法は、電話・LINE公式・メールの窓口をご用意。旅行代理店さんからの紹介があるので、内容は比較的コンパクトにまとめてあります。

美容室『Leaf』様のレスポンシブサイト画像美容室『Leaf』様のレスポンシブサイト画像

美容室
『Leaf』様

レスポンシブ(スマホ対応)サイトLP1P

 
2018年、開業時に撮影・A4三つ折りリーフレット・名刺・メンバーカードなど多数の制作物をご依頼頂きました。ロゴデータはご支給頂けたので、まずカードなど簡易的な印刷物から着手。内装完成後に田無にて撮影を行い、その後、新規集客用にA5片面チラシを配布。HPは低価格かつスマホ対応したコストパフォーマンスの高いLP(ランディングページ)をご選択。必要最低限の情報をコンパクトにサロンカラーのグリーンを基調にまとめました。最後に既存顧客からの紹介用にリーフレットを制作させて頂きました。

メンバーカード・名刺など(3月)→撮影(5月上旬)→オープン(5月中旬)→A5片面チラシ(5月中旬)→HP(5月下旬)→紹介チケット(5月下旬)→A4三つ折りリーフレット(7月上旬)という流れで制作させて頂きました。撮影前の4月にメニュー情報などをしっかり整理出来たことでスムーズに進行することが出来ました。

リラクゼーションサロン『ohana terrace』様のレスポンシブサイト画像リラクゼーションサロン『ohana terrace』様のレスポンシブサイト画像

リラクゼーションサロン
『ohana terrace』様

レスポンシブ(スマホ対応)サイト7P

 
2018年5月、他社でのHP制作が難航されたため急遽、当方にて制作をご依頼頂くことに。ロゴデータはご支給頂けたので、まずは仮サイトをUP。その後、静岡に出張撮影を行いました。内外装のクオリティがとても高かったので、クオリティの高い撮影出来たと思います。その後、A4三つ折りリーフレットやHP(本サイト)を作成させて頂きましたが、写真のクオリティを出来るだけ生かすようなデザインを意識して制作させて頂きました。

仮サイト(5月)→メンバーカード・名刺(6月上旬)→撮影(6月中旬)→優待チケット(6月下旬)→A4三つ折りリーフレット(8月上旬)→本サイト(9月下旬)という流れで制作させて頂きました。仮サイトを立ち上げたことで、撮影も含めクオリティを高めるための時間を確保出来たことでじっくり制作させて頂くことが出来ました。

メンズエステ『T.Asai』様のレスポンシブサイト画像メンズエステ『T.Asai』様のレスポンシブサイト画像

メンズエステ
『T.Asai』様

レスポンシブ(スマホ対応)サイトLP1P

 
大阪にあるメンズエステ様のサイト。ご予算の都合でLP(ランディングページ)形式のサイトでの制作。LPはページ推移の無い上下推移のみが特徴です。情報はコンパクトに抑え、レディースのエステサロン様のホットペッパーのサイトにリンク。価格優先で制作させて頂きました。

上部のスライドで内装写真を大きく使用。クリニック監修サロンであること。おすすめメニューをピックアップして掲載。メニューはホットペッパーから抽出した一部を掲載してあります。

美容室『Lounge』様のHP画像美容室『Lounge』様のHP画像

美容室
『Lounge』様

レスポンシブサイトLP1P

 
京急富岡の美容室『éclat』さんのご紹介で2017年10月、開業時にロゴのデザインからご依頼頂きました。ロゴ完成後、まずは印刷物のA5片面チラシとメンバーカードを納品。その後、本サイトに着手。ご予算の都合で低価格かつスマホ対応したHPをとのリクエストでしたので、LP(ランディングページ)という1P形式を選択。必要最低限の情報をコンパクトにまとめつつサロンの雰囲気を出来るだけデザインに落とし込みました。

ロゴ(10月)→メンバーカード(10月)→A5片面チラシ(10月)→オープン(11月1日)→本サイト(11月中旬)という短期間の制作でしたが、クライアント様のご理解のお陰で、しっかりコミュニケーションをはかることが出来、ロス無くスムーズに進行させて頂くことが出来ました。

美容室 『Luxage』様のHP画像美容室 『Luxage』様のHP画像

美容室
『Luxage』様

PCサイト13P+スマホ20P

 
2016年2月、開業時にロゴのデザインからご依頼頂きました。ロゴ完成後、数日間で仮サイトをUP。メンバーカードなどの印刷物も4月のオープン日に間に合わせました。オープン後に本サイトに着手、約4ヶ月後に完成(この時点ではPCサイトのみ)。本サイト完成後、数ヶ月後にスマホ対応のご依頼を頂きました。2017年5月現在ではPCスマホどちらでも閲覧出来る状態になり、追加ご依頼頂いたリーフレットなども納品差し上げ、集客面で必須のアイテムを全て無事納品出来ました。

ロゴ(2016年2月)→仮サイト(2月)→カードなどの印刷物(3月)→オープン(4月)→本サイト(8月)→スマホサイト&リーフレット(翌年5月)という流れでしたが、焦らず優先順位の高いものから進行出来たので、結果的にロスがありませんでした。クライアント様のご理解のお陰で、どれもしっかり制作出来たので、完成度の高い仕上がりになったと思います。

メディカルエステ 『Lunavis』様のHP画像メディカルエステ 『Lunavis』様のHP画像

メディカルエステ
『Lunavis』様

PCサイト26P+スマホ15P

 
開業時に撮影や印刷物と合わせてご依頼頂きました。ロゴは既に完成していましたので、まずは仮サイトをUP。その後、撮影や印刷物の制作を優先させました。最後にPCサイトを完成させ、スマホ対応も直後に行いました。

内装のクオリティがとても高かったので、その理想的サロン空間をしっかり表現するため、撮影も合わせてご依頼頂きました。ご依頼当初はスマホユーザーは少ないであろうと思われ、スマホ対応は見合わせる方向でしたが、最終的には顧客にスマホユーザーが多いという事情が判明し、PCスマホ両方対応出来る形で納品させて頂きました。 

リラクゼーション 『森家』様のHP画像リラクゼーション 『森家』様のHP画像

リラクゼーション
『森家』様

PC12P+スマホ1P(TOPページのみ)

 
ご依頼当時はオーナー様ご自身で制作されたHPが存在しましたが、限界を感じ当方にご依頼頂く形になりました。サロン空間がとても素敵だったので、それを顧客に伝えきれていない点が大きな課題点と判断し、撮影と合わせて制作させて頂きました。完成したHPでは森家さんの素敵なサロン空間をしっかり表現することに重きを置きました。ご予算を少しオーバーしてしまいましたが、結果的には制作費用を上回る形になりました。ご予算の関係で、TOPページのみスマホ対応になります。
 
 
HP・撮影・チラシ・看板などまとめてご依頼頂いた案件ですが、納品後に新規顧客数が大幅に増加(月1〜2名程度から10名以上に)数ヶ月後、売上が150%になったというご報告を頂きました。元々森家さんのサービス自体は好評で、殆どがリピーターさんでしたが、新規の方にはその魅力を伝えることが難しかった状況から、撮影とHPを制作させて頂きました。それによって新規集客という課題が、大幅に改善出来たという案件でした。
リラクゼーション 『森家』様のビューティ&ブライダルサイト画像リラクゼーション 『森家』様のビューティ&ブライダルサイト画像

リラクゼーション
『森家』様・特設サイト

PCサイト10P

 
『リラクゼーションだけでなく、美しさも手に入れられる』というコンセプトで開発された森家さんの『ビューティ&ブライダル』メニュー。上記サロンサイトの改善により、お店の状態が良くなった時期に、この新メニューが誕生。更なるサロン発展のために、このメニューを強力に打ち出すため、特設サイトの開設に至りました。

サロンサイトは既にしっかり完成していたので、メニューのコンセプトをしっかり伝えることに重きを置きました。メニューの性質上、顧客ターゲット層である女性を意識して、白をベースに清潔感と上質感を表現し、女性から好まれるデザインを心掛けました。

エステ&ネイル&まつエクサロン 『junon』様のHP画像エステ&ネイル&まつエクサロン 『junon』様のHP画像

エステ&ネイル&まつエクサロン
『junon』様

PC36P+スマホ1P(TOPページのみ)

 
ご依頼当時、開業から4年目で既にHPもお持ちでしたしたので、リニューアルでのご依頼でした。豪華な内装空間だったので撮影と合わせて制作させて頂きました。エステ・ネイル・まつエク・リラクゼーションなど豊富なメニューを掲載する必要があったので、あらゆるケースを想定しながらの設計・制作を行いました。完成当初は内装に近い黒系のデザインでしたが、2017年現在では、女性に受け入れやすい、ベージュ系にカラーチェンジしていいます。TOPぺーじのみスマホ対応。

内装や空間がとても魅力的だったので、撮影と合わせて制作させて頂きました。ご依頼当時の状況をヒヤリングすると、サロンとして一番打ち出したい『サーモ・シェイプ』という利益率の高いメニューの顧客数を増やしたいとのことでした。価格面で様々な課題が見つかったので、100を超える全メニューの価格改正からご相談に乗らせて頂き、効果的に集客出来そうなリーフレットなどの印刷物も合わせて制作させて頂きました。

ヘア&エステ&ネイルサロン 『JEWEL』様のHP画像ヘア&エステ&ネイルサロン 『JEWEL』様のHP画像

ヘア&エステ&ネイルサロン
『JEWEL』様

PCサイト9P

 
開業時にロゴの制作からご依頼頂きました。ロゴ完成後に仮サイトを数日でUP。撮影を行い、リーフレットやカード・紹介チケットなどの印刷物の制作を行いました。最後にHP(本サイト)を制作。撮影させて頂いた素敵な内装空間をしっかり表現出来るような心掛けました。ご予算の関係でPCサイトのみの制作。

ワンストップでヘア&ネイル&エステが受けられ、子供と同伴できるお母さんの理想とするサロンです。白を基調とした優しいサロン空間をHPでも表現出来ればと思いました。トップページには撮影させて頂いたネイル関連の写真を大きく配置し、『JEWEL』というサロン名同様に宝石のキラキラした感じを表現しました。リーフレットの反響も良く、増刷(再印刷)のご依頼も頂きました。

ネイルサロン 『Love Nail』様のHP画像ネイルサロン 『Love Nail』様のHP画像

ネイルサロン
『Love Nail』様

PCサイト17P

 

ご依頼当時、開業から数年で既にHPもお持ちでしたしたので、リニューアルでのご依頼でした。世田谷区祖師谷大蔵と成城学園前に2店舗運営されていた状況でしたが、HPは1つにまとめてTOPに2つの入口を設ける設計にしました。ネイルサロン様なので、ネイルチップやネイルハンドの撮影・内装・ネイリストさんの人物撮影なども合わせてご依頼頂きました。

既存HPの一番の課題は写真が圧倒的に少ないことでした。日々のサロンワークでネイリストさんが、せっかく素敵なネイルを施されても、それを表現出来なければ集客効果は見込めません。日々の努力の結果である素敵なネイルはもちろん、素敵な内装も合わせて、HPのリニューアルが出来たことが良い結果に繋がったと思います。

エステサロン 『Aione』様の特設サイト画像エステサロン 『Aione』様の特設サイト画像

エステサロン
『Aione』様・特設サイト

PC・スマホ対応のLP仕様

 
大阪と都内に2店舗運営されており、3店舗目の開業時にロゴの制作からご依頼頂きました。ロゴ完成後に仮サイトをUP。撮影やワイドDMなどの印刷物の制作も行う中、オープン記念イベントを開催されるとのことで、その特設サイト(レセプションサイト)を制作させて頂きました。レセプション(受付)サイトなので受付フォームも導入しています。

本サイトは未完成の状況でしたが、仮サイトがあったのでそれを入口に、今回の特設サイトへのリンクを貼ることでクライアントさんのニーズにお応えしました。1週間程度の短期条件でしたが、スマホ対応も行いLP(ランディングページ)形式の1Pで、インパクトの強いサイトに仕上げました。

メンズメイク&ネイルサロン 『nanoMAKE』様のHP画像メンズメイク&ネイルサロン 『nanoMAKE』様のHP画像

メンズメイク&ネイルサロン
『nanoMAKE』様

PCサイト14P(一部LP仕様)

 
過去にリラクゼーションサロンなど複数のサイト制作をご依頼頂き、今回3つ目のサイト制作をご依頼頂きました。過去にもHPだけでなく、撮影やチラシなどの印刷物をご依頼頂きましたが、今回も同様に撮影などと合わせての制作をさせて頂きました。TOPページと他1Pは通常のサロンサイトと異なり、LP(ランディングページ)形式で、より集客訴求を行える設計になっております。

『メンズメイク』という対応経験の無い業種でしたが、過去に2サイトご依頼頂いたこともあり、クライアントさんとの信頼関係も築けていたので、比較的スムーズに短期で完成しました。今回、TOPページなど一部のページはLP形式になっていますが、それもクライアントさんのアイディアで、具体的にどんなデザインにしたいかというご意向を、明確な資料をご提供下さったことがスムーズな進行と高いクオリティに繋がったと思います。

リラクゼーション 『EARTH COLOR』様のHP画像リラクゼーション 『EARTH COLOR』様のHP画像

リラクゼーション
『EARTH COLOR』様

PC21P+スマホ1P(TOPページのみ)

 
開業時にご依頼頂きました。ロゴは既に完成されていたので、仮サイトをすぐにUP。撮影を行い、チラシ・リーフレット・カードなどの印刷物の制作を行い、最後に本サイトを制作させて頂きました。TOPページのみスマホ対応。

納期よりも細かいデザインのご希望を反映させることを優先されていたので、じっくり時間を掛けながら、何度もご提案を行いました。例えば、キーカラーにもなっている『緑』ですが、黄緑やエメラルドグリーンなど、『緑』にも様々な色相が存在します。また、背景色によっても、その『緑』との相性があるため、組み合わせは無限にあります。最終的には1つの組み合わせになるのですが、細かい色の配色まで、じっくり時間を掛けながらの進行となりました。『急ぎ案件』ですと対応にも限界がありますが、時間の猶予さえ頂ければ、かなり細かい調整も可能です。HPは集客に強い影響を持つとても大事なアイテムなので、制作期間はかなり要しましたが最終的にはとても満足頂けたようです。また、顧客からの評判もとても良いとご報告を頂けました。

| 1 | 2 | 3 | 4 |