2017年7月20日からちょこちょこテストしていましたが、この度当サイトのデザインを一新しました。
随所で使いやすくアップデートすると共に、カラーリングも5年ぶりの黒に変更。スタイリッシュでクールなデザインにしています。
PC
PC版のデザインはこんな感じ。ブラックをベースに記事部分は白っぽいグレーを、差し色に当サイトのメインカラーであるオレンジを使用しています。
今回、新たにFacebookのいいね!ボタンも実装しております。また、記事下に関連リンクとしてこれまで追加した記事と似た記事を一覧に並べて、回遊性を向上させています。
モバイル
当サイトのアクセスのうち、スマホからのアクセス割合は75%に達しようとしています。
そんな増え続けるスマートフォンからのアクセスを考慮し、今回モバイル版の動線もかなり意識してリニューアルしました。
ハンバーガーメニューを介することなく「プロフィール」「ニュース」などのページヘ行けるようにし、赤ラインでお知らせを表示、その下に記事のアイキャッチ画像を横並びに配置することで、視覚的にわかりやすくなっています。
もちろんモバイル版でもFacebookのいいね!ボタンを表示。記事下にはPC版と同じく似たような記事を一覧表示する機能を載せて、回遊性の向上を実現しました
Osaka-Subway.comのデザイン変更自体は2016年6月から約1年ぶり、カラーリング基調をブラックにするのは207GMP時代から約5年ぶりとなります。
文章中の写真の著作権は著作者に帰属します。無断転載は固くお断りします。
Writer : 207 2017/07/20