リニューアルでどこを変えたのか?

先日スマホ向けのサイトデザインを変更しましたが 詳細を備忘録として残しておきます。

帯状のヘッダーを廃止

デザイン的に古いと判断。 無難なデザインだったがやや圧迫感があった。

丸ボタンでナビを表示

丸ボタンのリンクを3つのみ表示するようにした。 必要なナビゲーションはこれだけと判断。

戻るリンクを廃止

ブラウザのフリック移動が標準で搭載されるようになったから。 OSの機能かもしれない。

ブログのリンクをHOMEのみに移動

恐らく需要が低い上に見て欲しい度も低いから。 HOMEの表示とも繋がるので。

ヘッダーに大きくイラストを表示

絵描きを目指す者として結局見て欲しいのは絵。 初見時のインパクトを出したかった。

フッターにCopyrightを表示

さりげなく名前をアピール。 セルフブランディングの一環。

文字のフォントを変更した

現行のiOSで「ヒラギノ丸ゴ ProN」という いい感じの標準フォントがあったから。 Androidは知らん。サイズも少し大きくした。

CSSをスマホとPCで分離した

レスポンシブに対応してから肥大化していたので メディアクエリーで完全に分離させた上、 セレクターをなるべく減らしてダイエットした。

前後のエントリー