WEB制作実績 – インクループ株式会社|神奈川県相模原市 ホームページ制作、WEBマーケティング https://incloop.com インクループ株式会社は、お客様の顧客獲得をマーケティングを活用して支援する会社です。 データ分析、市場調査に基づく企画立案、コンテンツ制作、運用を通じてお客様の目標を実現します。 Thu, 19 Nov 2020 00:59:16 +0000 ja hourly 1 https://wordpress.org/?v=4.9.19 東京都港区の不動産会社『広栄不動産』様のホームページを制作しました https://incloop.com/%e5%ba%83%e6%a0%84%e4%b8%8d%e5%8b%95%e7%94%a3%e6%a7%98%e3%81%ae%e3%83%9b%e3%83%bc%e3%83%a0%e3%83%9a%e3%83%bc%e3%82%b8%e3%82%92%e5%88%b6%e4%bd%9c%e3%81%97%e3%81%be%e3%81%97%e3%81%9f/ Fri, 24 May 2019 08:00:38 +0000 https://incloop.com/?p=19306

東京都港区の不動産会社『広栄不動産』様のホームページを弊社にて制作させていただきました。 株式会社広栄不動産と […]]]>

東京都港区の不動産会社『広栄不動産』様のホームページを弊社にて制作させていただきました。

株式会社広栄不動産とは

東京都港区の田町エリアを中心に不動産の売買や賃貸を取り扱っている不動産会社様です。
創業40年を迎える老舗の会社様で、ホームページの更新頻度は高く、物件情報から地域の情報まで「住まい」に関する情報を多く発信しています。
是非一度、ご覧になってください。

広栄不動産様の紹介

広栄不動産様のホームページはこちらから。

ホームページをWordPress化

広栄不動産様は既にホームページを運用しておりましたが、トップページや会社概要は静的なHTML形式のページで運用し、ブログはWordPressで運用しておりました。
今回のリニューアルを機に、WordPress一本で全てのページが管理・更新できるように実装させていただきました。
トップページ

全体的な構成について

今までのホームページは賃貸物件の仲介をメインとしたページ構成となっていましたが、今後は不動産の管理にも力を入れたいとのことをヒアリングにてお伺いしました。
そのため、トップビューでコンテンツを大きく二つに分けて表示することで、広栄不動産様の業務がユーザーに明確に伝わるように実装しました。
トップビューの二つのコンテンツ

白を基調としたデザインへ

ホームページの色は白を基調として、文字や色のついた箇所が目立つようにデザインを整えました。

画像スライダーの設置

トップビューには画像スライダーを設置して、自動でスライドするように設定しました。
ホームページに動きを付ける事でユーザーが注目する箇所を作り、広栄不動産様が推したいコンテンツやキャンペーンがユーザーにしっかりと伝わるようにしました。
スライダーの設置

最大限ブログを活かせるように配置を整える

広栄不動産様はブログの更新頻度が高く、様々な情報を発信しています。
そういった新しい情報がしっかりとユーザーに伝わるように「お知らせ」「賃貸経営について」「入居者様の声」などの各カテゴリーの最新記事が自動で表示されるように実装しました。
カテゴリーごとの記事を自動で出力

全ページレスポンシブ化

弊社のホームページ制作はレスポンシブデザインが基本となりますので、WordPress内の全てのページがレスポンシブ対応となっております。
広栄不動産様は別のWordPressでブログを運用していましたが、そちらの記事は全て今回作成したWordPressに移植し、新しいデザインで閲覧できるように調整しました。
各種ページをレスポンシブ化

スマホ画面の操作性を向上

スマホ画面では画面の上部に「問い合わせ」「賃貸希望条件登録」「電話」の三つのアクションがワンタップで行えるショートカットアイコンを設置することで、ユーザーがどの画面にいても問い合わせができるようにしました。
スマホ画面

制作期間について

ヒアリング  :約3日
デザイン・調整:約5日
実装     :約8日
確認・調整  :約1日

お使いのシステムがスマホ対応しておらず、お困りの皆様へ

お使いの管理システムがスマホ対応していない場合でも、弊社にてスマホ対応を実現するお手伝いをすることができます。
スマホ対応している別のシステムに乗り換えることも一つの方法ではありますが、現在の使い慣れたシステムを変更するのはコストや手間の問題で難しいことです。
今回の例のように、弊社にてスマホ対応をお手伝いさせていただくことで、使い慣れたシステムを使い続けることができます。
お気軽にご相談ください。

制作費用について

今回の制作に関する費用はお問い合わせください。

この記事であなたの課題を解決することができましたか?

疑問点があったり、解決できなかったことがありましたら、お気軽にご相談してください。

]]>
アイホームズ様のホームページ(Webサイト)を弊社にてフルリニューアルさせていただきました! https://incloop.com/%e3%82%a2%e3%82%a4%e3%83%9b%e3%83%bc%e3%83%a0%e3%82%ba%e6%a7%98%e3%81%ae%e3%83%9b%e3%83%bc%e3%83%a0%e3%83%9a%e3%83%bc%e3%82%b8%e3%83%aa%e3%83%8b%e3%83%a5%e3%83%bc%e3%82%a2%e3%83%ab/ https://incloop.com/%e3%82%a2%e3%82%a4%e3%83%9b%e3%83%bc%e3%83%a0%e3%82%ba%e6%a7%98%e3%81%ae%e3%83%9b%e3%83%bc%e3%83%a0%e3%83%9a%e3%83%bc%e3%82%b8%e3%83%aa%e3%83%8b%e3%83%a5%e3%83%bc%e3%82%a2%e3%83%ab/#respond Mon, 27 Nov 2017 06:31:06 +0000 https://incloop.com/?p=15051 アイホームズ様の記事ロゴ

アイホームズ様のホームページ(Webサイト)を弊社にてフルリニューアルさせていただきました! アイホームズ株式 […]]]>
アイホームズ様の記事ロゴ

アイホームズ様のホームページ(Webサイト)を弊社にてフルリニューアルさせていただきました!

アイホームズ株式会社とは

埼玉県和光市で不動産売買および賃貸を取り扱う地域密着の不動産会社様です。
ホームページに力を入れており、豊富な写真はまるで内見をしているかのような充実度です。

物件の情報は休業日を除き毎日更新されており、代表の飯牟礼様や賃貸担当の田村様のお人柄が分かるブログもほぼ毎日更新されております。
ホームページは現在も改良を行っておりますので、本記事の公開日以降は更にホームページが良くなっていることが考えられます。

ご挨拶

アイホームズ様のホームページはこちらから!

ホームページをフルリニューアル

アイホームズ様は既にホームページを運用しておりましたが、やや複雑な導線をしていたため、ユーザーが迷ってしまいそうな箇所がいくつかございました。
また、色彩に関しても強い色が複数の箇所で使用されており、どこのコンテンツも等しく強調されていたため、ユーザーがどこに注目して良いのか迷ってしまいそうなデザインとなっておりました。

上記の不安要素を解消するために、本件では下記の項目を優先してWebサイトのデザインを考えました。
ユーザーにわかりやすく、使いやすい構成にする
ユーザーがストレスを感じない色彩にする
ユーザーに対して「どこに注目すべきか」を、色、文字、装飾等で示し、よりわかりやすいサイトにする

完成したホームページのスマホ画面とPC画面は下の画像になります。
トップページ

フルHD(1920×1080)の液晶モニタで見た場合でも、横の幅を有効活用して全画面を使うようにデザインを整えました。
また、配色も淡い色を基調として、ユーザーにとっては親しみやすく、サイト運営者としてはコンテンツに強弱が付けやすいように全体を整えました。
PC画面のトップページ

スマホ画面で見た際には、スクロール量が多くならないようにグローバルメニューとサイドメニューを画面右上のボタンで開閉式にすることで、コンパクトでストレスを感じない画面になるように仕上げました。
スマホ画面のトップページ

・右上の「メニュー」ボタンを押すことでグローバルメニューが開きます。
スマホ画面のメニュー

・右上の「サブメニュー」ボタンを押すことでサブメニューが開きます。
スマホ画面のサブメニュー

画面の下部には、ユーザーがアクションを起こしやすいように「電話」「メール(問い合わせ)」「LINE@」がワンタッチでできるようにボタンを設置しました。
スマホ画面の下部のボタン

各ページもリニューアルサイトに合わせてレスポンシブ化を実施

「会社概要」や「不動産売却についてのご案内」のページ等、各ページもリニューアルに合わせてレスポンシブ化を実施しました。

・会社概要ページ
会社概要ページ

・不動産売却についてのご案内ページ
不動産売却ページ

物件ブログの「おすすめ」や「新着」をトップページに自動で表示

アイホームズ様は物件ブログを運用しておりますので、ブログの更新があった際には自動で情報が表示されるようにシステムを組み込みました。
ブログの内容次第で「新築」や「中古」のアイコンが自動で表示されるようにもなっております。
トップページの物件ブログ表示

スマホ画面の際にはコンテンツが縦に並ぶように整えてコンパクトにまとめました。
スマホ画面での物件ブログ表示

物件ブログが物件情報に特化したページになるようにシステムを組み込む

物件ブログは通常のブログとは異なり、一目で物件の概要が分かるようなページとして表示されるようにシステムを組み込みました。
物件ブログページ表示

各市区の情報に特化したページを作成して分かりやすいサイトに

アイホームズ様は和光市、板橋区、練馬区、朝霞市、志木市の物件を扱っておりますので、各市区の情報に特化したページを作ることで、わかりやすい導線になるようにしました。
・和光市に特化したページ
和光市ページ

トップページと同じように、和光市のおすすめ物件や新着物件がブログで投稿された際には、自動で表示されるようにシステムを組み込みました。
和光市ページの物件ブログ表示

更に、ブログで各市区に関する情報を更新した際にも、ページの下部に記事が表示されるようにシステムを組み込みました。
ブログの内容を自動で表示するシステムを実装することで、今まで行っていた「情報の更新があったら他のページの更新も行わなければならない…」という手間を省くことができ、かつ最新の情報を常に表示することが可能となりました。
和光市ページの地域情報表示

また、各市区でテーマカラーを設定して全体の色を統一することで、ユーザーがどのページを見ているのかが色でも判断できるようになり、よりユーザーフレンドリーなサイトに仕上がるようにしました。

・板橋区に特化したページ
板橋区特集ページ

・朝霞市に特化したページ
朝霞市特集ページ

会員用のページは特別感が出るようにデザインやシステムを実装

購買意欲が高いと考えられる会員様に対しては、専用のページを作成することで特別感を演出するようにしました。
通常の各市区のページよりもややリッチなデザインになっております。
会員ページ

PC画面で見た際にはそこまで大きな違いはありませんが、スマホ画面で見た際はちょっと変わったシステムを導入しております。
下の画像はスマホで見た際の画面になります。
スマホ画面の会員ページ

検索用のリンクが見当たりませんが、各市区のコンテンツをクリックすると横からスライドして検索用の画面が表示されます。
右上の×ボタンを押すことで検索画面を消すことができます。
スマホ画面の会員ページの検索項目

このように、他のページとは違うシステムを導入することで、会員様に特別感を与える仕様にしました。

不動産システムの物件一覧ページもリニューアルサイトに合わせて構成を変更

アイホームズ様が使用している不動産システムの物件一覧ページも、リニューアルサイトに合わせて構成を変更しました。
物件一覧ページ

各物件に表示されるコメントは、スマホ画面の際にはスクロール量を増やす原因となり、ユーザーにストレスを与える可能性が高いため、画面の横幅によって表示内容が変わるシステムを実装することで、よりユーザーフレンドリーなサイトになるように仕上げました。
物件一覧ページのシステム

不動産システムの物件詳細ページもリニューアルサイトに合わせて構成を変更

アイホームズ様が使用している不動産システムの物件詳細ページも、リニューアルサイトに合わせて構成を変更しました。
物件詳細ページ

アイホームズ様は豊富な写真があることが特色の一つなのですが、豊富な画像はスマホ画面の際にはスクロール量を増やす原因となり、ユーザーにストレスを与える可能性が高いです。
そのため、画面の横幅によって画像を横スクロール形式で表示することによって、よりユーザーフレンドリーなサイトになるように仕上げました。
物件詳細ページのシステム

制作期間について

構成検討:約7日
デザイン:約7日
実装:約8日間
確認・調整:約7日

お使いのシステムがスマホ対応しておらず、お困りの皆様へ

お使いの管理システムがスマホ対応していない場合でも、弊社にてスマホ対応を実現するお手伝いをすることができます。
スマホ対応をしている別のシステムに乗り換えることも一つの方法ではありますが、現在の使い慣れたシステムを変更するのはコストや手間の問題で難しいことです。
今回の例のように、弊社にてスマホ対応をお手伝いさせていただくことで、使い慣れたシステムを使い続けることができます。
お気軽にご相談ください。

制作費用について

今回の制作に関する費用はお問い合わせください。

この記事であなたの課題を解決することができましたか?

疑問点があったり、解決できなかったことがありましたら、お気軽にご相談してください。

]]>
https://incloop.com/%e3%82%a2%e3%82%a4%e3%83%9b%e3%83%bc%e3%83%a0%e3%82%ba%e6%a7%98%e3%81%ae%e3%83%9b%e3%83%bc%e3%83%a0%e3%83%9a%e3%83%bc%e3%82%b8%e3%83%aa%e3%83%8b%e3%83%a5%e3%83%bc%e3%82%a2%e3%83%ab/feed/ 0
高知県高知市の不動産会社『旭町3丁目不動産』様のWEBサイトをスマホ対応(レスポンシブ化)いたしました! https://incloop.com/%e6%97%ad%e7%94%ba3%e4%b8%81%e7%9b%ae%e4%b8%8d%e5%8b%95%e7%94%a3%e6%a7%98%e3%81%aeweb%e3%82%b5%e3%82%a4%e3%83%88%e3%82%92%e3%82%b9%e3%83%9e%e3%83%9b%e5%af%be%e5%bf%9c/ https://incloop.com/%e6%97%ad%e7%94%ba3%e4%b8%81%e7%9b%ae%e4%b8%8d%e5%8b%95%e7%94%a3%e6%a7%98%e3%81%aeweb%e3%82%b5%e3%82%a4%e3%83%88%e3%82%92%e3%82%b9%e3%83%9e%e3%83%9b%e5%af%be%e5%bf%9c/#respond Mon, 30 Oct 2017 10:22:11 +0000 https://incloop.com/?p=14634 レスポンシブ化_アイキャッチ

旭町3丁目不動産様の不動産管理WEBシステムのスマホ対応を弊社にて実装させていただきました。 旭町3丁目不動産 […]]]>
レスポンシブ化_アイキャッチ

旭町3丁目不動産様の不動産管理WEBシステムのスマホ対応を弊社にて実装させていただきました。

旭町3丁目不動産とは

高知県高知市で不動産賃貸を取り扱う地域密着の不動産会社です。
高知市外から初めてきたお客様へ「困った時に相談できるつながり(人脈)」を作るために「竹村会」を開催するなど、お客様とのつながりを大事にする不動産会社様です。

旭町3丁目不動産様_概要

物件一覧ページをレスポンシブ化

物件の一覧を表示するページをレスポンシブ化致しました。

スマホ画面の際にはスマホで使いやすいメニューを表示

PCの際に表示しているメニューはスマホでは横幅が狭くて表示ができないため、スマホ画面サイズの際にはスマホで使いやすいメニューを表示するように実装しました。
物件一覧_スマホメニュー

スマホ画面の際には必須情報のみを表示

PCの際に表示しているテーブルの情報はスマホでは横幅が狭くて表示ができないため、スマホ画面サイズの際には必須情報のみを表示するように実装しました。
物件一覧_必須情報抜き出し

スマホ画面の際のみお問い合わせ関係のボタンを表示

ユーザーがいつでも気軽に問い合わせができるように、スマホ画面サイズの際にはお問い合わせを常に画面の下部に表示するように実装しました。
物件一覧_問い合わせアイコン設置

スマホ画面の際に「続きを読む」のリンクを表示してスクロール量を軽減

PCの際に表示している豊富な情報量は、スマホ画面サイズの際にはスクロール量を増やしてしまう要素となってしまいます。
そのため、スマホ画面サイズの際にはある程度の情報量だけを表示して、続きはリンク先で見られるようにすることでスクロール量を軽減しました。
物件一覧_続き読む

物件詳細ページをレスポンシブ化

物件の詳細を表示するページをレスポンシブ化致しました。

スマホ画面の際にはスマホで使いやすいメニューを表示

PCの際に表示しているメニューはスマホでは横幅が狭くて表示ができないため、スマホ画面サイズの際にはスマホで使いやすいメニューを表示するように実装しました。
物件詳細_スマホメニュー

スマホ画面の際に複数の画像をスライド化することでスクロール量を軽減

PCの際に表示している豊富な画像は、スマホ画面サイズの際にはスクロール量を増やしてしまう要素となってしまいます。
そのため、スマホ画面サイズの際には画像のエリアをスライド化することでスクロール量を軽減しました。
物件詳細_画像スライダ

スマホ画面の際のみお問い合わせ関係のボタンを表示

ユーザーがいつでも気軽に問い合わせができるように、スマホ画面サイズの際にはお問い合わせを常に画面の下部に表示するように実装しました。
物件詳細_問い合わせアイコン設置

建物ごとの概要表示ページをレスポンシブ化

建物の概要を表示するページをレスポンシブ化致しました。

スマホ画面の際にはスマホで使いやすいメニューを表示

PCの際に表示しているメニューはスマホでは横幅が狭くて表示ができないため、スマホ画面サイズの際にはスマホで使いやすいメニューを表示するように実装しました。
建物概要_スマホメニュー

スマホ画面の際に複数の画像をスライド化することでスクロール量を軽減

PCの際に表示している豊富な画像は、スマホ画面サイズの際にはスクロール量を増やしてしまう要素となってしまいます。
そのため、スマホ画面サイズの際には画像のエリアをスライド化することでスクロール量を軽減しました。
建物概要_画像スライダ

スマホ画面の際のみお問い合わせ関係のボタンを表示

ユーザーがいつでも気軽に問い合わせができるように、スマホ画面サイズの際にはお問い合わせを常に画面の下部に表示するように実装しました。
建物概要_問い合わせアイコン設置

スマホ画面の際には必須情報のみを表示

PCの際に表示しているテーブルの情報はスマホでは横幅が狭くて表示ができないため、スマホ画面サイズの際には必須情報のみを表示するように実装しました。
建物概要_必須情報抜き出し

満室の場合は満室であることをわかりやすく表示するように実装

「情報がない場合にわかりやすく満室であることを伝えたい」というお客様のご要望がございましたので、満室の際はわかりやすく表示するように実装致しました。
建物概要_空き部屋

制作期間について

ヒアリング:約5日
デザイン・調整:約5日
実装・調整:約8日間
確認・調整:約1日

お使いのシステムがスマホ対応しておらず、お困りの皆様へ

お使いの管理システムがスマホ対応していない場合でも、弊社にてスマホ対応を実現するお手伝いをすることができます。
スマホ対応をしている別のシステムに乗り換えることも一つの方法ではありますが、現在の使い慣れたシステムを変更するのはコストや手間の問題で難しいことです。
今回の例のように、弊社にてスマホ対応をお手伝いさせていただくことで、使い慣れたシステムを使い続けることができます。
お気軽にご相談ください。

制作費用について

今回の制作に関する費用はお問い合わせください。

この記事であなたの課題を解決することができましたか?

疑問点があったり、解決できなかったことがありましたら、お気軽にご相談してください。

]]>
https://incloop.com/%e6%97%ad%e7%94%ba3%e4%b8%81%e7%9b%ae%e4%b8%8d%e5%8b%95%e7%94%a3%e6%a7%98%e3%81%aeweb%e3%82%b5%e3%82%a4%e3%83%88%e3%82%92%e3%82%b9%e3%83%9e%e3%83%9b%e5%af%be%e5%bf%9c/feed/ 0
現代日本のマーケティングには感性データの解析力が不可欠!日本マーケティング・リテラシー協会(JMLA)様のWEBサイトを制作いたしました。 https://incloop.com/%e7%8f%be%e4%bb%a3%e6%97%a5%e6%9c%ac%e3%81%ae%e3%83%9e%e3%83%bc%e3%82%b1%e3%83%86%e3%82%a3%e3%83%b3%e3%82%b0%e3%81%ab%e3%81%af%e6%84%9f%e6%80%a7%e3%83%87%e3%83%bc%e3%82%bf%e3%81%8c%e5%bf%85%e8%a6%81/ https://incloop.com/%e7%8f%be%e4%bb%a3%e6%97%a5%e6%9c%ac%e3%81%ae%e3%83%9e%e3%83%bc%e3%82%b1%e3%83%86%e3%82%a3%e3%83%b3%e3%82%b0%e3%81%ab%e3%81%af%e6%84%9f%e6%80%a7%e3%83%87%e3%83%bc%e3%82%bf%e3%81%8c%e5%bf%85%e8%a6%81/#respond Wed, 26 Apr 2017 14:26:55 +0000 https://incloop.com/?p=12077 日本マーケティング・リテラシー協会(JMLA)

日本マーケティング・リテラシー協会(JMLA)様のホームページを制作させていただきました。 https://w […]]]>
日本マーケティング・リテラシー協会(JMLA)

日本マーケティング・リテラシー協会(JMLA)様のホームページを制作させていただきました。

日本マーケティング・リテラシー協会(JMLA)パソコン版ページ

https://www.marketing-literacy.org

日本マーケティング・リテラシー協会(JMLA)とは?

日本マーケティング・リテラシー協会(JMLA)は現代社会におけるマーケティング活動において、今までの概念では解決が難しい課題を解決するために調査研究を行い、様々な講座を開設し、 現代マーケティングにおける課題解決を出来る人材育成を通じ、産業、経済、文化に 広く貢献することを目的としています。

講座の一つであるマーケティング解析士認定講座は、定量情報と定性情報(特に感性情報)を組み合わせた体系的なメソッドを学び、「戦略の意思決定」を行えるスキルを習得し、「事業の成果」に結びつけることができる講座としてこれまでに1000人以上が受講し、資格を取得しているそうです。

スマートフォン対応

スマートフォン対応はレスポンシブWEBデザインで対応しています。
※インクループのWEBサイト制作はレスポンシブWEBデザイン標準対応です。

日本マーケティング・リテラシー協会(JMLA)スマートフォン対応

ファーストビューで更新が分かるように構成

パソコンやスマートフォンに表示される最初の画面のことをファーストビューといいますが、このファーストビューで更新された内容が分かるように構成しています。

ファーストビューで更新されていることが分かることで直帰率を下げる効果があります。

ファーストビューでJMLAの更新が判明

暗号化通信HTTPSにも対応

Googleが推奨しているHTTPS (Hypertext Transfer Protocol Secure) を用いた暗号化通信にも対応しています。
※インクループで2016年12月以降で新規制作したサイトは基本的に全てHTTPSに標準対応(追加費用なし)しています。

JMLAはHTTPS対応

使用しているCMS

WordPress

制作期間について

ご依頼から納品まではトータルで約1ヶ月でした。

  • 構成検討:約3日間
  • デザイン:約3日間
  • 実装:約10日間
  • 確認・調整:約3日間

運用方針について

毎月1回のアクセス解析レポートを提出させていただいております。

Googleアナリティクスを用いたアクセス解析を基にして、アクセス数の増加はもちろん、ブログの投稿内容に関するアドバイスなどをサポートさせて頂いております。

制作費用について

今回の制作に関する費用はお問い合わせください。

この記事であなたの課題を解決することができましたか?

疑問点があったり、解決できなかったことがありましたら、お気軽にご相談してください。

]]>
https://incloop.com/%e7%8f%be%e4%bb%a3%e6%97%a5%e6%9c%ac%e3%81%ae%e3%83%9e%e3%83%bc%e3%82%b1%e3%83%86%e3%82%a3%e3%83%b3%e3%82%b0%e3%81%ab%e3%81%af%e6%84%9f%e6%80%a7%e3%83%87%e3%83%bc%e3%82%bf%e3%81%8c%e5%bf%85%e8%a6%81/feed/ 0
香川県高松市の不動産会社『ライブエステート』様のWEBサイトをスマホ対応(レスポンシブ化)いたしました! https://incloop.com/%e3%83%a9%e3%82%a4%e3%83%96%e3%82%a8%e3%82%b9%e3%83%86%e3%83%bc%e3%83%88%e6%a7%98%e3%81%aeweb%e3%82%b5%e3%82%a4%e3%83%88%e3%82%92%e3%82%b9%e3%83%9e%e3%83%9b%e5%af%be%e5%bf%9c/ https://incloop.com/%e3%83%a9%e3%82%a4%e3%83%96%e3%82%a8%e3%82%b9%e3%83%86%e3%83%bc%e3%83%88%e6%a7%98%e3%81%aeweb%e3%82%b5%e3%82%a4%e3%83%88%e3%82%92%e3%82%b9%e3%83%9e%e3%83%9b%e5%af%be%e5%bf%9c/#respond Mon, 03 Apr 2017 09:20:50 +0000 https://incloop.com/?p=11572 00_ライブエステート様レスポンシブ化対応_ロゴ

ライブエステート様のホームページと不動産管理WEBシステムのスマホ対応を弊社にて実装させていただきました。 ラ […]]]>
00_ライブエステート様レスポンシブ化対応_ロゴ

ライブエステート様のホームページと不動産管理WEBシステムのスマホ対応を弊社にて実装させていただきました。

ライブエステートとは

香川県高松市で不動産賃貸を取り扱う地域密着の不動産会社です。
ホームページに力を入れており、物件の地域情報が細かく掲載されているため、情報量が充実したWebサイトになっております。
代表の関口様は不動産の”今”の情報を発信することに力を入れているため、ホームページは毎日更新されております。

01_ライブエステートとは

ライブエステート様のホームページはこちらから!

ホームページをレスポンシブ化

ライブエステート様は既にホームページを運用しておりましたが、スマホに特化したサイト作りがしたいとの要望で弊社にお話を頂きました。
ホームページのデザインとしては、元のホームページから印象が大きく変わらないようなデザインで各ページを作成させていただきました。
完成したホームページのスマホ画面とPC画面は下図になります。
02_トップページをスマホとPCで表示

スマホ表示の際には「お問い合わせ」「電話」のアイコンをスマホ画面の下部に固定表示して、どんなページにいてもすぐに連絡ができるようにしました。
03_スマホ時にお問い合わせと電話のアイコンを常に表示

スマホ表示の際は、トップページには必要な項目のみを表示するようにしました。
スクロールが長くなる要素に関してはアイコン、別メニュー、別ページにまとめて、トップページをコンパクトに仕上げました。
04_トップページのメニューやタイムラインをアイコンや開閉式メニューに変更

スマホの開閉式のメニューはクリックすることでメニューを表示します。
・ヘッダーメニューの開閉
07_スマホ表示でのヘッダーメニュー開閉
・物件検索メニューの開閉
08_スマホ表示での物件検索メニュー開閉

各種ページも全てレスポンシブ化

トップページ以外のページも全てレスポンシブ化致しました。
・「会社概要」ページ
05_会社概要ページ

・「お部屋をお探しの方へ」ページ
06_お部屋をお探しの方へページ

更新情報をページの上部に表示

今までのサイトはホームページの更新情報がサイト訪問者に伝わりづらいデザインになっていました。
そのため、トップページの上部にホームページに関する更新情報と、物件に関する更新情報が表示されるようにしました。
09_更新情報一覧表示

どんな情報がいつ更新されたのか、またどんなページが更新されたのかがサイト訪問者にわかりやすくなりました。

画像スライダーで新着物件情報を掲載

訪問者に物件の画像から興味を持ってもらうために、画像スライダーを設置しました。
画像をクリックすると物件詳細ページへ飛ぶため、訪問者が興味を持ったらワンタッチで物件詳細のページへ誘導することができます。
15_物件画像のスライダー

オススメの賃貸情報をトップページに表示

更新情報の一覧とは別に、賃貸物件のブログ記事をサムネイル画像と共にリンクを設定して表示するコンテンツを作成しました。
ブログに投稿した物件情報をサムネイル画像を使用して表示することで、訪問者に視覚的なアプローチをします。
10_賃貸情報表示

サイドバー等のバナーも新規で作成

サイドバー等のバナーはWebサイトに合うようなデザインに変更して、画像の大きさを統一して設置させていただきました。
11_新規作成バナー

物件一覧画面をレスポンシブ化

物件の一覧を表示するページをレスポンシブ化致しました。
スマホ表示の際にはフッターに電話のアイコンを常に表示して、メニューは開閉式で表示・非表示が切り替えられるようにしました。
また、スマホ表示の際には、PC画面で表示していたテーブルの項目を全て表示することは難しいため、必要最低限の項目だけを表示するようにしました。
12_物件一覧画面

物件詳細画面をレスポンシブ化

物件の詳細を表示するページをレスポンシブ化致しました。
スマホ表示の際にはフッターにお問い合わせと電話のアイコンを常に表示して、メニューは開閉式で表示・非表示が切り替えられるようにしました。
13_物件詳細画面

ライブエステート様では、物件によって登録している動画の種類が異なるため、動画の登録状況によってページの上位に表示されるアイコンの表示・非表示が切り替わるようにしました。
アイコンをクリックすると、登録されている動画の位置にページのスクロールが自動で飛ぶように設定されています。
14_物件詳細_アイコンの表示切替

制作期間について

構成検討:約3日
デザイン:約5日
実装:約7日間
確認・調整:約1日

お使いのシステムがスマホ対応しておらず、お困りの皆様へ

お使いの管理システムがスマホ対応していない場合でも、弊社にてスマホ対応を実現するお手伝いをすることができます。
スマホ対応をしている別のシステムに乗り換えることも一つの方法ではありますが、現在の使い慣れたシステムを変更するのはコストや手間の問題で難しいことです。
今回の例のように、弊社にてスマホ対応をお手伝いさせていただくことで、使い慣れたシステムを使い続けることができます。
お気軽にご相談ください。

制作費用について

今回の制作に関する費用はお問い合わせください。

この記事であなたの課題を解決することができましたか?

疑問点があったり、解決できなかったことがありましたら、お気軽にご相談してください。

]]>
https://incloop.com/%e3%83%a9%e3%82%a4%e3%83%96%e3%82%a8%e3%82%b9%e3%83%86%e3%83%bc%e3%83%88%e6%a7%98%e3%81%aeweb%e3%82%b5%e3%82%a4%e3%83%88%e3%82%92%e3%82%b9%e3%83%9e%e3%83%9b%e5%af%be%e5%bf%9c/feed/ 0
神奈川県藤沢市の不動産会社『湘南村岡不動産』様のWEBサイトをスマホ対応(レスポンシブ化)いたしました! https://incloop.com/%e6%b9%98%e5%8d%97%e6%9d%91%e5%b2%a1%e4%b8%8d%e5%8b%95%e7%94%a3%e6%a7%98%e3%81%aeweb%e3%82%b5%e3%82%a4%e3%83%88%e3%82%92%e3%82%b9%e3%83%9e%e3%83%9b%e5%af%be%e5%bf%9c/ https://incloop.com/%e6%b9%98%e5%8d%97%e6%9d%91%e5%b2%a1%e4%b8%8d%e5%8b%95%e7%94%a3%e6%a7%98%e3%81%aeweb%e3%82%b5%e3%82%a4%e3%83%88%e3%82%92%e3%82%b9%e3%83%9e%e3%83%9b%e5%af%be%e5%bf%9c/#respond Mon, 27 Feb 2017 10:04:35 +0000 https://incloop.com/?p=11038 00_湘南村岡不動産様レスポンシブ対応_ロゴ

湘南村岡不動産株式会社様が利用している不動産管理WEBシステムのスマホ対応を担当いたしました。 湘南村岡不動産 […]]]>
00_湘南村岡不動産様レスポンシブ対応_ロゴ

湘南村岡不動産株式会社様が利用している不動産管理WEBシステムのスマホ対応を担当いたしました。

湘南村岡不動産株式会社とは

湘南村岡不動産株式会社様は、藤沢市村岡地区周辺に特化した不動産会社です。
ホームページを閲覧するたびにトップページに新しいギミックが追加されている程に、ホームページの運用に力を入れている不動産会社様になります。

スタッフブログはほぼ毎日更新されており、地域に関するニュースが非常に多く発信されています。

湘南村岡不動産株式会社様のホームページはこちらから!

物件一覧画面をレスポンシブ化

物件一覧画面は、PCで閲覧した場合とスマホで閲覧した場合とで、下図のようにレイアウトを変更し、どちらのデバイスでも見易くしました。
01_物件一覧

元のページにはメニューがなかったため、メニューの設置を実装しました。
ブラウザとスマホで見たときに、メニューの見た目が変わるようにしています。
02_物件一覧_メニュー

スマホで閲覧時には画面下部に常に電話をかけるためのボタンが表示されており、すぐに電話をかけることができます。
03_物件一覧_スマホ時電話表示

物件詳細画面をレスポンシブ化

物件詳細画面も物件一覧画面と同様にレスポンシブ化いたしました。
04_物件詳細

こちらも元のページにはメニューがなかったため、メニューの設置を実装しました。
ブラウザとスマホで見たときに、メニューの見た目が変わるようにしています。
05_物件詳細_メニュー

スマホで閲覧時には画面下部に常に電話をかけるためのボタンと問い合わせの項目に自動でスクロールするボタンが表示されており、すぐに電話をかけたりお問い合わせに飛ぶことができます。
06_物件詳細_スマホ時電話表示

湘南村岡不動産株式会社様は不動産情報を掲載するサイトとは別に、地域情報を発信するサイトを運用しており、
地域情報を物件詳細にも表示したいとの要望を頂きましたので、下記のように地域情報を表示するようにしました。
07_物件詳細_地域情報表示

お問い合わせページに関しても、レスポンシブ対応をしてほしいとの要望がございましたので、
下記のように物件詳細の中にお問い合わせのフォームを設置しました。
08_物件詳細_問い合わせフォーム設置

問い合わせフォームから確認画面、サンクスページへ遷移するのですが、そちらもレスポンシブ対応させていただきました。
09_物件詳細_問い合わせフォーム確認画面_ブラウザ

制作期間について

構成検討:約4日
デザイン:約2日
実装:約3日間
確認・調整:約1日

お使いのシステムがスマホ対応しておらず、お困りの皆様へ

お使いの管理システムがスマホ対応していない場合でも、弊社にてスマホ対応を実現するお手伝いをすることができます。
スマホ対応をしている別のシステムに乗り換えることも一つの方法ではありますが、現在の使い慣れたシステムを変更するのはコストや手間の問題で難しいことです。
今回の例のように、弊社にてスマホ対応をお手伝いさせていただくことで、使い慣れたシステムを使い続けることができます。
お気軽にご相談ください。

制作費用について

今回の制作に関する費用はお問い合わせください。

この記事であなたの課題を解決することができましたか?

疑問点があったり、解決できなかったことがありましたら、お気軽にご相談してください。

]]>
https://incloop.com/%e6%b9%98%e5%8d%97%e6%9d%91%e5%b2%a1%e4%b8%8d%e5%8b%95%e7%94%a3%e6%a7%98%e3%81%aeweb%e3%82%b5%e3%82%a4%e3%83%88%e3%82%92%e3%82%b9%e3%83%9e%e3%83%9b%e5%af%be%e5%bf%9c/feed/ 0
トランスの事なら少量・多品種!高千穂電気様のホームページを制作させていただきました。 https://incloop.com/jisseki-takachiho-denki/ https://incloop.com/jisseki-takachiho-denki/#respond Tue, 07 Feb 2017 23:19:10 +0000 https://incloop.com/?p=10735

小型精密トランスおよびコイルの専門メーカーとして「品質第一」「お客様第一」に徹する「高千穂電気株式会社」様のW […]]]>

小型精密トランスおよびコイルの専門メーカーとして「品質第一」「お客様第一」に徹する「高千穂電気株式会社」様のWEBサイトを制作させていただきました。

高千穂電気株式会社とは?

50年の歴史を持つトランスおよびコイルの専門メーカーで、スイッチングトランス、単相電源トランス、WBトランス、低周波トランスなど、さまざまな種類のトランスを扱っております。

受注から設計、材料選定、試作、製造、検査、納品に至るまでワンストップで対応し、少量・多品種・短納期を特徴としているそうです。

高千穂電気の巻線技術

構成・デザインについて

何ができるのかということをファーストビューで印象付けるためにトランスの写真を配しております。
巻線技術の高さや製造事例の多さをしっかり伝えるための構成にしております。
シンプルでわかりやすいサイト構成です。

トップページ

スマートフォン対応について

スマートフォンでも見やすいようにレスポンシブWEBデザインを採用しています。

使用しているCMS

WordPress

制作期間について

ご依頼から納品まではトータルで約3週間ほどでした。

  • 構成検討:約5日間
  • デザイン:約2日間
  • 実装:約5日間
  • 確認・調整:約2日間

制作費用について

今回の制作に関する費用はお問い合わせください。

この記事であなたの課題を解決することができましたか?

疑問点があったり、解決できなかったことがありましたら、お気軽にご相談してください。

]]>
https://incloop.com/jisseki-takachiho-denki/feed/ 0
ご予算に応じて最適なタレントを派遣「ユライエージェント」様のWEBサイトを制作させていただきました。 https://incloop.com/%e3%81%94%e4%ba%88%e7%ae%97%e3%81%ab%e5%bf%9c%e3%81%98%e3%81%a6%e6%9c%80%e9%81%a9%e3%81%aa%e3%82%bf%e3%83%ac%e3%83%b3%e3%83%88%e3%82%92%e6%b4%be%e9%81%a3%e3%80%8c%e3%83%a6%e3%83%a9%e3%82%a4%e3%82%a8/ https://incloop.com/%e3%81%94%e4%ba%88%e7%ae%97%e3%81%ab%e5%bf%9c%e3%81%98%e3%81%a6%e6%9c%80%e9%81%a9%e3%81%aa%e3%82%bf%e3%83%ac%e3%83%b3%e3%83%88%e3%82%92%e6%b4%be%e9%81%a3%e3%80%8c%e3%83%a6%e3%83%a9%e3%82%a4%e3%82%a8/#respond Wed, 01 Feb 2017 14:54:42 +0000 https://incloop.com/?p=10574 ご予算に応じて最適なタレントをチョイスし派遣 ユライエージェント

イベントはもちろん、歓送迎会、新年会や忘年会などを盛り上げてくれるタレントさんの派遣を行っている「ユライエージ […]]]>
ご予算に応じて最適なタレントをチョイスし派遣 ユライエージェント

イベントはもちろん、歓送迎会、新年会や忘年会などを盛り上げてくれるタレントさんの派遣を行っている「ユライエージェント」様のWEBサイトを制作させていただきました。

ご予算に応じて最適なタレントをチョイスし派遣

ユライエージェントとは?

ユライエージェントは心に残るイベントを演出するためのお手伝いをしている会社です。

演奏家の派遣を最も得意としていますが、テレビでおなじみのタレントからアイドルまで幅広いジャンルに対応しているのが特徴です。

ご予算に応じて最適なプランを作成することもできますので、催し物を盛り上げたいとお考えの方はぜひ相談してみてください!

ご予算に応じて最適なタレントをチョイスし派遣 ユライエージェント

http://yurai-agent.jp/

構成・デザインについて

何ができるのかということをファーストビューで印象付けるために大きな写真を大胆に画面幅いっぱいに広げてみました。

ご依頼の多いプランをいくつか提示することで、依頼者の方がイメージを連想できるようにしています。

シンプルでわかりやすいサイト構成です。

スマートフォン対応について

スマートフォンでも見やすいようにレスポンシブWEBデザインを採用しています。

使用しているCMS

WordPress

制作期間について

ご依頼から納品まではトータルで約2週間ほどでした。

  • 構成検討:約2日間
  • デザイン:約2日間
  • 実装:約2日間
  • 確認・調整:約1日間

運用方針について

イベント開催時のブログ更新と、各種お知らせの更新を担当させていただいております。(定額サービス)

【PR】お知らせだけの更新なら月額500円で対応できます。

制作費用について

今回の制作に関する費用はお問い合わせください。

 

この記事であなたの課題を解決することができましたか?

疑問点があったり、解決できなかったことがありましたら、お気軽にご相談してください。

]]>
https://incloop.com/%e3%81%94%e4%ba%88%e7%ae%97%e3%81%ab%e5%bf%9c%e3%81%98%e3%81%a6%e6%9c%80%e9%81%a9%e3%81%aa%e3%82%bf%e3%83%ac%e3%83%b3%e3%83%88%e3%82%92%e6%b4%be%e9%81%a3%e3%80%8c%e3%83%a6%e3%83%a9%e3%82%a4%e3%82%a8/feed/ 0
慢性病治療でお悩みなら – 「はりきゅう中野屋」様のWEBサイトを制作させていただきました。 https://incloop.com/%e3%81%af%e3%82%8a%e3%81%8d%e3%82%85%e3%81%86%e4%b8%ad%e9%87%8e%e5%b1%8b/ https://incloop.com/%e3%81%af%e3%82%8a%e3%81%8d%e3%82%85%e3%81%86%e4%b8%ad%e9%87%8e%e5%b1%8b/#respond Sun, 13 Nov 2016 21:11:32 +0000 https://incloop.com/?p=9300 はりきゅう中野屋様WEBサイト

相模原市中央区上溝の鍼灸院「はりきゅう中野屋」様のWEBサイトを制作させていただきました。 はりきゅう中野屋と […]]]>
はりきゅう中野屋様WEBサイト

相模原市中央区上溝の鍼灸院「はりきゅう中野屋」様のWEBサイトを制作させていただきました。

はりきゅう中野屋WEBサイト

はりきゅう中野屋とは?

はりきゅう中野屋は「少ない刺激で大きな治療効果を引き出す」をコンセプトとする鍼灸院です。
東洋医学の四診「望・聞・問・切」に基づいた脈診を中心とした経路治療で、次のような悩みをお持ちの方から喜ばれております。

  • 肩こり
  • 腰痛
  • 頭痛
  • 慢性病
  • 改善困難な症状
  • 難病

「東洋医学が必要な方に全力でサポートをしたい」「気持ちが弱っている方を熱く応援したい」と語るのは院長の服部先生です。

服部先生

  • カラダの不調により病院で検査したが異常がない、と言われた。
  • 診断を受けたが治療法が確立されていない。
  • 同時にカラダのあちこちが痛い・しびれる・冷えるなどの不定愁訴。
  • 病院へ行くほどでもない。
  • できれば薬に頼りたくない。
  • どこで、どうやって症状のカイゼンをすれば良いのか?

このようなときは服部先生に相談してみてはいかがでしょうか。

はりきゅう中野屋様WEBサイト

はりきゅう中野屋様ホームページへ

構成・デザインについて

「見易く分かりやすい」ことを意識し、イメージ写真やイラストの使用と大きめのフォントで、読みやすいデザインとしました。

診療日カレンダーも院長自ら更新ができるように、更新しやすい仕組みを採用しました。

スマートフォン対応について

スマートフォンでも見やすいようにレスポンシブWEBデザインを採用しています。

また、画面下部には常に電話をかけるためのボタンを表示するようにしておりますので、気になった方は電話番号を探すことなくボタンを押すだけで電話がかけられます。

はりきゅう中野屋WEBサイトスマートフォン表示

使用しているCMS

WordPress

制作期間について

ご依頼から納品まではトータルで約1週間ほどでした。

  • 構成検討:約2日間
  • デザイン:約1日間
  • 実装:約2日間
  • 確認・調整:約1日間

運用方針について

Googleアナリティクスを用いたアクセス解析を基にして、アクセス数の増加、サイト構成のブラッシュアップを継続的に取り組み、さらなる最適化に取り組んでいます。

制作費用について

今回の制作に関する費用はお問い合わせください。

この記事であなたの課題を解決することができましたか?

疑問点があったり、解決できなかったことがありましたら、お気軽にご相談してください。

]]>
https://incloop.com/%e3%81%af%e3%82%8a%e3%81%8d%e3%82%85%e3%81%86%e4%b8%ad%e9%87%8e%e5%b1%8b/feed/ 0
相模原で髪染めするなら!「髪ぞめや」様のWEBサイトを制作させていただきました。 https://incloop.com/%e7%9b%b8%e6%a8%a1%e5%8e%9f%e3%81%a7%e9%ab%aa%e6%9f%93%e3%82%81%e3%81%99%e3%82%8b%e3%81%aa%e3%82%89%ef%bc%81%e3%80%8c%e9%ab%aa%e3%81%9e%e3%82%81%e3%82%84%e3%80%8d/ https://incloop.com/%e7%9b%b8%e6%a8%a1%e5%8e%9f%e3%81%a7%e9%ab%aa%e6%9f%93%e3%82%81%e3%81%99%e3%82%8b%e3%81%aa%e3%82%89%ef%bc%81%e3%80%8c%e9%ab%aa%e3%81%9e%e3%82%81%e3%82%84%e3%80%8d/#respond Fri, 11 Nov 2016 13:41:50 +0000 https://incloop.com/?p=9294 髪ぞめや

相模原市中央区で髪ぞめの専門店として新規オープンした「髪ぞめや」様のWEBサイトを制作させていただきました。 […]]]>
髪ぞめや

相模原市中央区で髪ぞめの専門店として新規オープンした「髪ぞめや」様のWEBサイトを制作させていただきました。

髪ぞめや

髪ぞめやとは?

髪ぞめやは完全予約制の女性専用美容院として2016年10月にオープンしたばかりの髪染めの専門店です。

髪染めを自分でやっている人も多いとは思いますが、準備が大変だったり、うまくできなかったりなど、結構面倒だったりすると思います。

そんな髪ぞめをリーズナブルな価格でできるのが髪染め専門店の「髪ぞめや」です。

髪ぞめや

http://kamizomeya.com/

構成・デザインについて

天然由来成分が配合された2つのシードオイル(=植物種子オイル)と6種類のオーガニックハーブエキスを使った髪染めをメインのサービスとしていますので、オーガニック感をシンプルに表現してみました。

構成についてもシンプルな1枚のページで構成されたものとしており、サービスの内容を容易に把握できることを重視しています。

スマートフォン対応について

スマートフォンでも見やすいようにレスポンシブWEBデザインを採用しています。

また、画面下部には常に電話をかけるためのボタンを表示するようにしておりますので、気になった方は電話番号を探すことなくボタンを押すだけで電話がかけられます。

髪ぞめやスマホ対応

使用しているCMS

WordPress

制作期間について

ご依頼から納品まではトータルで約1週間ほどでした。

  • 構成検討:約2日間
  • デザイン:約1日間
  • 実装:約1日間
  • 確認・調整:約1日間

運用方針について

毎月1回のアクセス解析レポートを提出させていただいております。

Googleアナリティクスを用いたアクセス解析を基にして、アクセス数の増加、サイト構成のブラッシュアップを継続的に取り組み、さらなる最適化に取り組んでいます。

制作費用について

今回の制作に関する費用はお問い合わせください。

この記事であなたの課題を解決することができましたか?

疑問点があったり、解決できなかったことがありましたら、お気軽にご相談してください。

]]>
https://incloop.com/%e7%9b%b8%e6%a8%a1%e5%8e%9f%e3%81%a7%e9%ab%aa%e6%9f%93%e3%82%81%e3%81%99%e3%82%8b%e3%81%aa%e3%82%89%ef%bc%81%e3%80%8c%e9%ab%aa%e3%81%9e%e3%82%81%e3%82%84%e3%80%8d/feed/ 0