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

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

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

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

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

レスポンシブWEBデザイン
『Mano'n』様レスポンシブサイト『Mano'n』様レスポンシブサイト

エステサロン
『Mano'n』様

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

 
2021年春、店舗の撮影とホームページの制作をご依頼頂きました。デザインについてはロンハーマンの雰囲気がお好きとのことで、ロゴのカラー(紺色+緑)を組み合わせたデザインに仕上げました。逗子というリゾート地にある隠れ家的サロンということで、トップページにはクライアント様からご支給頂いた逗子を象徴する夕方の静かな海の写真を大きく使用することで、インパクトと逗子のサロンであることを象徴するようなデザインにしてあります。

医師が開発した結果重視の機能性化粧品『エンビロン』を取り扱う逗子市唯一の正規取扱店ということで、専用のお問い合わせフォームなども設置。オンラインからのカウンセリングも可能としてあります。サロン独自の出張サービスやギフトカードなども取り扱っておりHPからご利用出来ることを明確に表現して集客アップのための工夫を施しています。

『Coeur gracieux』様レスポンシブサイト『Coeur gracieux』様レスポンシブサイト

エステサロン
『Coeur gracieux』様

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

 
2020年、開業に合わせてロゴや看板、カードやチラシなどの制作をご依頼頂きました。HPについては一旦仮サイトを公開し、本サイト作成まで十分な素材が集まるまで約半年間待機。2021年春に、本サイト作成のご依頼を頂きました。開業直後にはご用意出来なかったお客様の声などの情報をしっかり掲載し、コンテンツを充実させる準備を行ってから本サイトをしっかり制作させて頂きました。

エステ業界でも有名な国際特許取得の高周波機器『INDIBA/インディバ』を中心に、女性はもちろん男性、お子様にも豊富なメニューをご提供されているサロン様です。オーナー様のラッキカラーが『赤』ということで、赤を基調としたデザインに仕上げています。

『SOLROS』様レスポンシブサイト『SOLROS』様レスポンシブサイト

メンズエステ
『SOLROS』様

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

 
群馬の男性をモテる男に、カッコよく。というコンセプトで経験豊富な女性スタッフ様が運営されています。デザインについてはクライアントのオーナー様のご希望で、紺や黒、グレーといったシックで暗めのカラーで調整。サロンの男性顧客が見た時に『かっこいい』と思って頂けるようなデザインを心掛けました。

メンズエステ=メンズ脱毛のお店ですが、料金表を特に注力して作成。イラストを併用することで、各部位と料金が分かりやすく伝わるように配慮してあります。また、脱毛サロンに不慣れな男性顧客も多いことを想定して、サロンに来店、ご予約されるまでの流れ(FLOW)ページもしっかり作成し、集客にしっかり役立つようなHPを心掛けて制作させて頂きました。

ホワイトニング&エステ
『Aloha spa』様

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

 
大阪のフェイシャルエステ&ホワイトニングサロン様からのご依頼でHPを制作させて頂きました。「健康」と「美」を大切にした本格プライベートサロン。ずっと白く、美しく。キレイは歯とお肌から。南国リゾート気分を味わえる贅沢なサロンということで、海をイメージしたブルー系のデザインにまとめています。

歯のホワイトニングについてはBefore・After事例を掲載し、その効果をしっかり伝えるページを作成。エステやドライヘッドスパなどのメニューも分かりやすくまとめるよう心掛けました。また、ブログやインスタなどSNSからの情報発信もされるとのことで、HPにも同期で情報を組み込むように設定してあります。

『Lovall』様レスポンシブサイト『Lovall』様レスポンシブサイト

エステ&まつエク
『Lovall』様

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

 
大阪のエステ&まつエクサロン様からのご依頼です。開業から5年、それまではHPBを中心に集客を行なっていましたが、オリジナルHPを中心にLINEや予約サービスと連携した集約に方向転換されるということでHPを制作させて頂きました。HP公開にともない、既存客への告知チラシなどもご依頼頂きました。

集客の中心を担うHPということで、豊富なまつげエクステのメニューをしっかり分かりやすく伝えること。VOICE(お客様の声)ページやQAページなどを作成することで、これまでの実績や顧客への不安感を払拭するための工夫を施しています。ピンクと白を基調とした多くの女性に好まれやすいデザインに仕上げています。

『junon四谷三丁目店』様レスポンシブサイト『junon四谷三丁目店』様レスポンシブサイト

エステ&ネイル&まつエクサロン
『junon四谷三丁目店』様

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

 
作成させて頂きましたjunon田向店様、junon八戸店様のHPをベースに作成させて頂きました。2店舗の約2倍のメニューを展開されているため、制作ページ数も約40Pという充実した内容量になっています。具体的には2店舗同様、HIFUを中心としたエステメニューやまつげエクステなどに加え、ハーブエステやネイルなどもをご提供されれています。

2店舗同様ホットペッパーの代わりを担う集客のメインとなる役目としてのHPのため、簡易的なものではなく、SEOも考慮し相当な情報量(ページ数)を作成しております。

『junon八戸店』様レスポンシブサイト『junon八戸店』様レスポンシブサイト

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

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

 
作成させて頂きましたjunon田向店様のHPをベースに作成させて頂きました。内容については田向店とほぼ同様、HIFUを中心としたエステメニューやまつげエクステなどをご提供されれています。

田向店同様ホットペッパーの代わりを担う集客のメインとなる役目としてのHPのため、簡易的なものではなく、SEOも考慮し相当な情報量(ページ数)を作成しています。

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仕上がりのパンフレットとの併用で求人募集に特化した作りにしてあります。お店の雰囲気を写真で表現。代表の方をはじめ、先輩スタッフさんからのメッセージ。このお店で働くことのメリット。入社してからスタイリストさんになるためのプログラムなどを掲載。最後に募集要項と応募方法を掲載。

美容室『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スマホ両方対応出来る形で納品させて頂きました。 

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

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

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

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

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

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

ネイルサロン
『Love Nail』様

PCサイト17P

 

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

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

| 1 | 2 | 3 | 4 |