O’FIELDS
「香りで生活の質をデザインする」をコンセプトにした、ナチュラルライフスタイルブランドサイトのコーディング・WordPress構築を担当。
ブランドの世界観や空気感を損なわないよう、余白・写真表現・視線導線を意識しながら実装。
担当範囲
コーディング / WordPressオリジナルテーマ構築 / お問い合わせフォーム実装 / レスポンシブ対応
使用技術
HTML / CSS / Sass / JavaScript / PHP / WordPress / FLOCSS
構築内容
固定ページ 3ページ
お問い合わせフォーム 1ページ
合計4ページ構築
制作期間
約1週間〜10日間
実装で意識した点
✓ ブランドの世界観を崩さないよう、余白・文字組み・写真表現まで意識して高い再現性で実装
✓ FLOCSS設計を採用し、保守性・拡張性を考慮したCSS設計を構築
✓ WordPress管理画面から更新しやすい設計を意識し、公開後の運用負荷を軽減
✓ スマートフォン・PCそれぞれで心地よく閲覧できるレスポンシブ設計を実装