ホームページ > スタッフブログ > スタッフブログ - 10月2日にWEBリニューアルします!

10月2日にWEBリニューアルします!

投稿日:2017年9月26日 08:27、カテゴリー:「」、投稿者:Fukumoto

blog_17_275.jpg

突然ですが、弊社のWEBページをリニューアルします!

大きな変化ではありませんが、とっても「やさしい」リニューアルです(o^^o)♪



【新しいWEBデザイン「レスポンシブ」】

スマートフォンやタブレットなど、近年増え続けるさまざまなデバイス(=情報端末機器。スマホやタブレットなど)に対応するため、最近では「レスポンシブ」というWebデザインが注目されています。


【レスポンシブWEBデザインとは】

アクセスした人のデバイス(実際は画面サイズ)によって、自動的にレイアウトが切り替わるデザインとなります。レスポンシブWebデザインは、既に大手有名企業で採用されています。


【モバイルフレンドリー】

モバイルフレンドリーとは、WEBページをスマートフォンや携帯電話などのモバイル端末での表示に最適化(=スマホ対応)することを意味しています。


モバイルフレンドリーはGoogleが検索結果のランキング要素に用いている評価基準の一つです。(2015年4月21日導入)

モバイルフレンドリーなWEBページは、拡大しなくても読みやすいテキストサイズ、横スクロールの必要がない、リンクやボタンがタップしやすい、Flashを使用していないといった点が挙げられます。

簡単に説明すると、現段階では「パソコン画面で見える体裁そのままに小さなスマホ画面に反映されている」のを閲覧している状態なので、文字も小さく指で拡大しないとわからない状態ですがこれを「見慣れたデザインはそのままに、文字を大きくバナーの間隔を広くし、さらには先程のレスポンシブデザインを導入する」といった改善を行ないます。

言わば、「スマホ・タブレットユーザーには嬉しいリニューアル」といったところです。



【現在の桑村繊維のページは・・・】

これらを踏まえてGoogleが提供する「モバイルフレンドリーテスト」をおこなってみます。

blog_17_269.jpg

↑ これがテストページ。空欄にテストするWEBページのアドレスを入力して実行ボタンを押します。


blog_17_270.jpg

↑ 数十秒で分析してくれます。


blog_17_271.jpg

↑ はい、このとおり^^; 対応していないことがわかりますね。


一度皆さんも、現在の桑村繊維株式会社のWEBページを、スマホで見てみてください。とても小さく拡大無しでは確認できないくらいだと思いますが、これが10月2日からは改善されるのです!



【生地ライブラリーを快適に!】

大変好評を得てTOP5にもランクインする「生地ライブラリー」のページです。

blog_17_272.jpg

↑ 現在の生地ライブラリーページ。


多くの問題を抱えていまして、

1.読み込みに時間がかかる。

これは、1ページ内に全ての生地情報を詰め込んでいるためで、古い情報を見ようとするとスクロールで延々と下まで検索する羽目になります。スマホやタブレットではさらに読み込みが遅くなってしまい、表示がストップしてしまう端末まであります。

『解決!』1ページの表示数を限定し、読み込み速度を確保しました。

2.登録数が多いカテゴリーを読み込まない

先染め綿織物の産地ですので、どうしても「綿」や「綿100%」の分類は多くなってしまいます。このページを登録する作業だけでも大変な時間ロスが起こっており、作る側も見る側も表示に悩まされているんのです。

『解決!』ページ数を増やし、表示速度を確保。過去資料はリンクを設置。

3.一覧ページにカテゴリー

文字が小さいことやカテゴリーがわかりにくい、増えすぎてきたこともあり、不満点はつのるばかり。。。

『解決!』大きな窓枠設置でカテゴリーを見やすく分類することにしました。



【各部署紹介ページ】

前回より年に一度のリニューアルをおこなっています。各部署の特徴を知っていただく大事なページですので、「どんな部署なの?」「どんな物を作っているの?」「問い合わせ先、担当者は?」などの情報はもとより、「取り扱い生地写真」を見やすく情報も付け加えて刷新します!

blog_17_274.jpg

↑ 現在の「各部署紹介」ー「短繊維1部2課」のページ。


blog_17_273.jpg

↑ 生地情報の拡大画面と詳細。


各部署5点の品番とそのカラーバリエーション。本社7部署+大阪3部署に関連会社も含めて50点を超える生地写真を様々なアングルから撮影しています。

こちらもお楽しみにお待ちください!!


以上、長くなりましたが『10月2日(月)』のリニューアルにご期待下さい<(_ _)>


<<夏の仕事納めに。。。スタッフブログ大きな更新3つ。>>