ONE-LOVEのサイトを制作しました

新規作成情報

投稿日: 2013年07月24日

最終更新日: 2016年11月28日

皆さんこんにちは、SSウェブデザイン、代表の堀川です。

とっても久しぶりのブログ更新になってしまって、申し訳ありません。

ここ最近は、このサイトのアクセスは「看板」「手作り」などのキーワードで検索されて、ちょっとだけそっちで人気のようですw

肝心のサイト制作依頼の方は………な事になってしまっていますが、まぁ気長にゆっくりお客様を待つことにします。

新規サイト作成しました

ONE-LOVEのサイトを制作しました
今回は、出張リラクゼーションサービスを展開するONE-LOVEさんのウェブサイトを制作させていただきました。

ONE-LOVEさんは、「自宅にいながら電話1本でプロの施術を受けられる」という、利用者にとても優しいサービスを展開している事業主様です。

そのサービスもさることながら、レトロでノスタルジックな優しいデザインを好まれる方でしたので、サイトデザインにも取り入れてみました。

デザインに関しましては、ほぼ一貫して依頼主様のご希望通りのものとなっております。とてもご満足頂けました。

様々なデバイスに対応

site_idスマートフォンやタブレット端末に対応させて欲しいとのことでしたので、メディアクエリを利用して、横幅に応じてディスプレイを最適化させました。

上記の画像からONE-LOVEさんのサイトにアクセスし、ウインドウの横幅を変えてみて下さい。横幅に応じてデザインやレイアウトが変化することが確認できると思います。

最近では、インターネット閲覧はパソコンからだけでなく、スマートフォンやタブレット端末などの機種で閲覧される方も増えており、そのような時代の流れに対応させるべく、どのようなデバイスでもキレイに表示されるように工夫しました。

飛び出すサイドバーも装備

パソコンやタブレット端末の場合、横幅がある程度広いため、サイドバーを活用した2カラム編成にすることができるのですが、スマートフォンからアクセスする場合、横幅が狭いので、どうしても1カラムのレイアウトになってしまいます。

でも、サイドバーの機能は欲しい。どうしたものか。悩んだ結果、Facebookのように横に飛び出すサイドバーを装備させることにしました。

そうすれば、出したいときにいつでもサイドバーを出現させることができますし、そこから簡単にあらゆるページにジャンプすることができます。

見た目もシックでオシャレにすることができましたし、閲覧者様も見やすく使いやすいサイトになったはずです。

jQueryを利用してマウスオーバーイベントを実現

リンクが張られた画像にマウスのポインタを合わせたとき、ふわっと透過させるようにしました。マウスオーバー時に画像を変化させると、閲覧者様が視覚的に分かりやすく、「ここにはリンクが張られている」と認識しやすくなります。

ただ透過させるということもできるのですが(実際当サイトはjQueryを装備していません)、アニメーションを付加させた方がビジュアル的にも良いかなと思い、追加させていただきました。

jQueryで文字サイズ変更機能も装備

サイトに来てもらえる方の中には、細かい文字を読むのが苦手という方もいらっしゃいます。

「字が小さくて読みにくい!」

と感じるウェブサイトは山ほどあります。ONE-LOVEのサイトでは、細かい字を読むのが苦手だ、という方のために、文字サイズ変更ボタンを設けました。

そうすることにより、サイト内のテキストを大きく表示することができますので、ユーザビリティの向上に一役買ってくれるはずです。

ちなみに、文字サイズの変更はCSSではなくjQueryで対応させました。CSSで対応させようとすると、それようにCSSファイルを用意しなければならないばかりか、動作も遅いので、素早くサクサクと文字サイズを変更することができるように、jQueryを導入しました。

スタッフブログでサイトボリュームを増やしてアクセスを集める

ONE-LOVEさんは、複数の若い従業員の方がいらっしゃいますので、ブログの執筆を各自で行ってくれています。

SSウェブデザインでもブログの執筆代行は行っていますが、やはり現場の声をダイレクトにサイト訪問者に見ていただくには、現場の方がブログを書くに越したことはありません。

ONE-LOVEさんは、その点、従業員さんたちが分担して記事を執筆されるということでしたので、とてもいいサイトになると思います。ウェブサイトって、愛情を注いだ分だけ成長するものです。その愛情を、従業員の皆様から注いでもらえるのであれば、至高の愛情ということができます。これに、お客様の声などが加われば完璧ですね。

様々なメディアと連携

ONE-LOVEのホームページでは、様々なソーシャルメディアと連携しております。FacebookやTwitterはもちろん、mixi、LINE、はてな、Googleプラスなどとも連携を図り、露出を増やしています。

我が社の経験上、依頼主様がソーシャルメディアに長けているということはありません。ちょっとだけかじったことがある、または個人的に利用している、という方がほとんどです。中には、全く利用したことがないという方もいらっしゃいます。

しかし、ご安心下さい。SSウェブデザインでは、依頼されたウェブサイトに、標準的にソーシャルメディアとの連携システムを組み込んでいます。Facebookページを作成し、Twitterアカウントなども作成して連携させますので、その後自由に運用することができます。

ちなみにONE-LOVEさんでは、Facebookいいね!をしてくれたお客様に対し、割引きサービスを行っております。そのようなサービスを運用することもできるようになりますので、ぜひSSウェブデザインにサイト制作をご用命下さい。

Web関連業務

  • スマホ対応サイト制作

  • ネット予約システム

  • 無料ネット集客

  • ロングテールSEO

  • 売り上げ倍増計画

  • HP制作実績

DTP関連業務(印刷・各種制作)

  • オリジナルタトゥーシール制作

  • 名刺・パンフレット制作

  • オーダーカッティングシート制作

  • のぼり旗のデザイン・制作

  • アクリル電飾看板制作

  • 記念スライドショームービー制作

  • 画像制作・写真加工

  • 簡単自作看板制作

  • DTPデザイン作例集