Works:
DESIGN_ROOM
DESIGN_ROOM
Web制作
リンク
概要
デザイナー・フロントエンドエンジニアとしての活動において、気づいたことや学んだことをアウトプットするために、Jamstackブログを開発しました。
サイトの目的
- デザインやフロントエンド開発を仕事とする、いわゆる同業者に有益な情報を提供する(情報のオープンソース化)
- (自分にとって)日々の学習や取り組みをアウトプットする機会
「雑誌的なWebデザイン」を目指して
同業者向けかつ個人で運営するサイトであったことから、当時自分がやってみたいと考えていた「雑誌っぽいWebデザイン」を目指しました。
装飾として罫線や吹き出しを使う、丸みを帯びた英字フォントに縁取りをつける、アンティーク風の日本語フォントを用いるなどして、ポップカルチャー系の雑誌のようなデザインを制作しました。
デザイン性を重視する一方で、ブログとしての読みやすさが失われないよう留意しました。
コンテンツ幅を1080pxと狭めに設定して視線移動を抑えて読めるようにする、見出しに応じた目次を自動生成するなどして、文章コンテンツとしての読みやすさ」を意識しました。
採用技術
- Next.js
- SCSS
- Newt(ヘッドレスCMS)