- クライアント
-
旅行情報を発信する個人ブロガー様
- ターゲット層
-
20〜40代の旅行好きユーザー
- 概要
-
旅行ブログサイトを想定した架空サイトのコーディング課題です。
デザインカンプをもとにHTML / SCSSで実装いたしました。
記事一覧・サイドバー・ランキング・アーカイブなど、ブログに必要な基本構成を制作しています。
- 制作のポイント
-
・写真が主役となるよう余白とグリッド設計を意識
・記事一覧はカード型で統一し視認性を向上
・サイドバーはプロフィール・ランキング・アーカイブを配置
・SCSSでパーツごとに管理し保守性を意識
- 期待できる効果
-
・記事一覧の視認性向上による回遊率アップ
・スマートフォン閲覧時のユーザビリティ向上
・写真コンテンツの魅力訴求
- 制作期間
-
約2日間
- 使用ツール
-
Figma / Visual Studio Code
