ホームページ > スタッフブログ > スタッフブログ - 大きな更新3つ。

大きな更新3つ。

投稿日:2017年10月 2日 19:14、カテゴリー:「お知らせ」、投稿者:Fukumoto

blog_17_276.jpg

ホームページをリニューアルしました(^O^)




blog_17_281.jpg

今回は、デザイン的な変化は少なく、見栄え重視の「やさしい」手を加えました!

全体的に文字を大きく見せる工夫と、文字を太く視認性を良くしました。

また、行間を大きく取ることで、タッチディスプレーやタブレット向けの

誤タッチ防止に一役買っています!


blog_17_280.jpg

こちらは画面右側のバナーです。

これらもバナー同士の間隔を広げて、同様に一工夫しています。

いずれのページにおいても同様の改善策を導入していますのでご確認ください!





blog_17_282.jpg

↑ もう一つ、毎年10月は「各部署紹介」ページのリニューアルでもあります。


blog_17_283.jpg

こちらもすべて「レスポンシブ」に対応しており、文字も大きく

体裁を変えることなくすっきりとした見栄えに変わりました!


blog_17_284.jpg

↑ ここで生地画像の確認の方法をおさらい・紹介しておきます。

まず、「1」の小さな画像たちをクリックすると、上に選択した画像が表示されます。

次に、「2」の拡大マークをクリックすると、別画面で大きな詳細画像が開きます。


blog_17_286.jpg

↑ それがこちらです。(画像サイズは640px × 480pxとなっています)


blog_17_285.jpg

↑ 画像上部に生地の「品番」を、画像下部には「品名」「混率」を明記しています。

(※ファブリック部の生地にはPR文も付け加えてあります。)




blog_17_287.jpg

では、スマートフォン(スマホ)ではどうでしょうか?

実際にこのように見えるようになっています!

すべてタテに並ぶようになり、スワイプ(指で上から下に、下から上にスライドすること)

する動きだけで、文字をピンチ(拡大)することなく見ることができます。


blog_17_288.jpg

↑ スマホ用のトップ画像、それに新着情報と続きます。

こちらもPC画面同様に、文字間を開けていますので、誤タッチが少ないと思います。


blog_17_290.jpg

↑ 展示会情報。


blog_17_289.jpg

↑ バナーもこのとおり、タテに並んで間隔も広くとってあります。


blog_17_291.jpg

↑ Facebookへの入口もこうして大きく見えるようになり、簡単にジャンプできます。


blog_17_292.jpg

↑ 各部署紹介ページ。

こちらも視認性は格段に良くなり、すべて縦方向に見ていくことができます。


blog_17_293.jpg

↑ 各部の紹介。スマホ用に自動的に文字もおおきくコンテンツごとに

タテに並びますので、読みやすくなりましたね。


blog_17_294.jpg

↑ 生地画像もきっちりとはっきりと見ることができます!


blog_17_295.jpg

↑ 生地の拡大画像の画面です。

これだけでも十分に生地の質感や情報は読み取れますが、さらに

ピンチ(指で画面を広げて拡大)することで、もっと鮮明に確認することも可能です。






blog_17_277.jpg

さらに、「生地ライブラリー」の視認性重視マイナーチェンジです!

文字情報を大きく見やすくし、表示速度を改善しました!


blog_17_278.jpg

↑ 1ページで確認できる生地の点数を「50点」に設定し、続きはページ数を増やすことで

読み込み速度の改善表示速度が格段に速くなりました。


blog_17_279.jpg

↑ 現在、「2017年」「2016」年分に絞り、公開表示しています。

残りの過去の生地は、画面左側にあるカテゴリー分類の一番下にある新規のバナー

さらに過去の生地はこちら」から見ることができます。

内容は今までの表示方法ですがライブラリー的に全て保存されています!




いかがだったでしょうか?

更新だけで今日一日がかりでした(;´・ω・)

が、念願の「レスポンシブ化」「モバイルフレンドリー対応」「生地ライブラリー改善

そして「各部署紹介リニューアル」とコンプリートできました!!


10代・20代のスマホ世代の方から、タッチ画面・タブレットを愛用されている方まで、

多くの人に弊社「桑村繊維株式会社」のウェブページにご訪問いただけることを願っています。

今後とも弊社並びに弊社WEBページ・Facebookページをご愛顧いただきますよう、

よろしくお願い申し上げますm(_ _)m


<<10月2日にWEBリニューアルします!スタッフブログ多可・播州織のふるさと写真展 開催!>>