SOCO TOWN
不動産・物件や
サービスコンサルタントをテーマと するサイトなどコンセプトと 事業内容を分かりやすく伝える レイアウト 安心・信頼・やさしさを 重視しながらも充実した拡張性の 高いコンテンツ
安心・信頼・やさしさを感じさせるテイスト。
画面全体にSOCO
TOWNの事業内容を一言で簡潔に見せることと、コンセプトの文章を背景の写真付きで紹介することで「住みやすい街づくりの意識」をユーザーに感じ取ってもらいお問い合わせへと繋げることを目的とした、「住みやすい環境へと一歩踏み出す明るい未来を感じる自分」を予感させるファーストビュー。
ファーストビューすぐ下の流れるスライダーには好きな画像をギャラリー形式で設置可能なので、例えば、社内の明るく楽し気な雰囲気をよりリアルに感じてもらいたいための社内の風景写真を入れることも可能です。また、自身のサイトで醸し出したい雰囲気の写真を選定し入れることでサイトそのものにアクセントをプラスすることも可能です。
スクロールすると事業内容のセクションでは次々に横にスクロールされます。一件横スクロールはアンチパターンのようかもしれませんが、多くの事業を展開している企業の場合だと縦に長くなってしまうよりスッキリと見せることが可能になります。また、今の流行りのアニメーションでもあります。
多くの事業内容をストレスなく自然に閲覧させることができることから、不動産・物件に限らず、規模の大きい会社のコーポレートサイトなど様々な業種にマッチしやすいよう、カスタマイズ性を重視したコンテンツは「あなただけ」のホームページに作り変えることができます。
向いているサイトイメージ
-
敢えて左側に余白を取った物件情報には、ユーザーに「スライダーだろうな」と一目でわかりやすく思わせることが可能であり、次々とカードをめくっていくような楽しさのある動きでもあります。
また、たくさんの情報を掲載できるだけでなく、人物紹介やお客様の声などカードレイアウトで実現可能なコンテンツなら汎用的に使用可能な「見やすさ」「分かりやすさ」にも配慮したデザインです。
-
「SOCO TOWN」の強みですが、番号の周りを英字が丸の形で回り続けるというアニメーションが実装されております。コンテンツそのものは、タイトル・文章・画像というシンプルなものですが、こういったワンポイントがWebコンテンツにちょっとした楽しさを付与することができ、強みの内容を硬く尖りすぎないようにマイルドなイメージも混ぜ合わせることが可能でありながら、しっかりと自社の強みを紹介できます。
-
2010年代以降、スマートフォンの普及率は国内だけでなく、世界中で圧倒的なシェアを誇るようになり、今ではサイト検索の約90%がスマートフォンで行われています。
そこで必須なのが、どのデバイスでも見やすくする「レスポンシブ対応」です。SOCO TOWNのスマホデザインは敢えてファーストビューの画像をファーストビューエリアの下側に表示させることで、最適なSOCO TOWNの想いをユーザーに見せることが可能です。
以降のコンテンツでは、PCと同じ画像をリサイズし、最終的にキャンペーン・お問い合わせへと誘導することで、どのデバイスでも見やすくコンバージョンにつながりやすいように工夫しております。
ユーザーの好きなタイミングでナビゲーションをタップしやすいように工夫し、画面右上のアイコン(ハンバーガーメニュー)で構成することで、サイト閲覧の邪魔にならず、コンテンツが視認しやすいように配慮しております。
SOCO TOWNの強みでは大きい画面サイズなら2カラム、スマホサイズだと1カラムを採用し、画像を最初に持ってくることでユーザーに何のセクションかをすぐにイメージしてもらいやすくなるように設計しております。
SOCO TOWNでは、パソコンとスマホだけでなくあらゆるデバイスで最適なコンテンツが表示されます。
つまり、「スマホにはスマホ、パソコンにはパソコン」といった具合に、その画面サイズに適正なコンテンツが表示できるのです。私たちはSOCO TOWNで「あなただけのサイト」をご提案いたします。
動作環境
-
Google Chrome 最新バージョン
-
Safari 最新バージョン
-
Fire Fox 最新バージョン
internet explorerの サポートは終了しております。 Microsoft Edgeを ご使用ください。