SIMPLE NOTE 阿蘇スタジオ
デザイン性と暮らしやすさを両立する住宅ブランド「SIMPLE NOTE 阿蘇スタジオ」のWebサイト構築を担当。
施工事例や家づくり情報など、継続的な情報発信を前提としたサイト構成のため、更新性・運用性を考慮しながら実装。
ブランドの世界観を損なわないよう、余白・写真表現・視線導線を意識し、デザイン再現性にも配慮しております。
担当範囲
コーディング / WordPressオリジナルテーマ構築 / カスタム投稿実装 / お問い合わせフォーム実装 / レスポンシブ対応
使用技術
HTML / CSS / Sass / JavaScript / PHP / WordPress / FLOCSS
構築内容
TOPページ 1ページ
下層ページ 4ページ
カスタム投稿機能 2種類
お問い合わせフォーム 1ページ
合計8ページ構築
制作期間
約10日間
実装で意識した点
✓ デザインカンプの世界観を維持しながら、高い再現性を意識して実装
✓ FLOCSS設計を採用し、コンポーネント単位で管理しやすいCSS設計を構築
✓ 施工事例・お知らせなど継続運用を想定し、WordPress管理画面から更新しやすい構成を設計
✓ PC・スマートフォンそれぞれで快適に閲覧できるレスポンシブ設計を実装