概要
記事本文のライティング自体は社内で作成されており、その原稿をもとに、Web掲載用の画像設計およびコーディング実装を実施。
課題
記事コンテンツは社内で作成されていたものの、Web掲載時のレイアウトやビジュアル設計が統一されておらず、視認性やブランドとしての一貫性に課題があった。
対応内容
- 支給された原稿をもとにしたWebページへのコーディング実装
- アイキャッチ画像・挿入画像の設計および配置調整
- 見出し構造（Hタグ）の整理と読みやすさの最適化
- スマートフォン表示を含めたレスポンシブ対応
- ページ内導線（他コンテンツへのリンク設計）の調整
工夫点
単なる記事の流し込みではなく、ディーラーサイトとしてのブランドトーンを崩さないよう、画像配置と余白設計を調整。また、スマートフォン閲覧時の可読性を重視し、テキスト量とビジュアルのバランスを最適化することで、読みやすさと回遊性の両立を意識した。
担当範囲
- Webコーディング実装（HTML / CSS）
- 画像設計・配置調整
- レイアウト最適化（PC / SP対応）
- 記事ページ構造の整理・実装対応