- クライアント
-
カフェ・雑貨店・サロンなど、情報発信やブランディングを目的とした小規模店舗様
- ターゲット層
-
カフェや暮らし情報を探している20〜40代女性
- 概要
-
デザインカンプをもとに、ブログ型Webサイトのコーディングを行いました。
スタイルはSCSSで管理し、メンテナンス性・保守性を高めた設計にしています。
また、各デバイスでレイアウトが崩れないようレスポンシブ対応を行っています。
- 制作のポイント
-
・記事一覧・詳細ページともに余白設計を意識し、長文でも読み疲れしないレイアウトに調整
・アイキャッチ画像とテキストのバランスを最適化し、視認性を向上
・カテゴリ・最新記事エリアを整理し、回遊しやすい導線を設計
・SCSS管理により、今後のデザイン調整や機能追加にも対応しやすい構造に設計
- 期待できる効果
-
・記事コンテンツの視認性向上による、滞在時間の増加
・カテゴリ導線の整理により、回遊率向上
・ブランドイメージに合わせたデザイン設計による認知向上
・更新しやすい構造により、継続的な情報発信が可能
- 制作期間
-
約3日間
- 使用ツール
-
Figma / Visual Studio Code