Website
ブログサイト / コーディング
- 概要
- デザインカンプをもとに、雑貨店ブログサイトを想定した模写コーディング課題です。 情報量の多いレイアウト構造を整理し、PC/SP両対応でレスポンシブ実装しました。
- 制作コンセプト
- デザインカンプの余白や配色バランスを丁寧に再現し、写真が主役となるよう文字サイズや行間を調整しました。情報量が多い構成でも崩れないようレイアウトを整え、SP表示でも読みやすさを保てるよう実装しています。全体として、やわらかく温かみのある世界観を大切に仕上げました。
- 制作期間
- 5日
- 使用ツール
- HTML / SCSS / VS Code / Figma(確認用)
- 制作範囲
- ・トップページのコーディング
・レスポンシブ対応
・セマンティックなHTML設計
・BEM設計を意識したクラス設計