上野ハウジング有限会社 様

担当範囲

コーディング(制作期間:7日間)

プロジェクト概要

鳥取を拠点に、住まいづくりや地域とのつながりを提案するライフスタイルブランド「Noue」の公式サイトです。
ブランドの持つ「余白」や「つながり」といったコンセプトを体現するため、Noto Serif JPを用いた情緒的なタイポグラフィと、写真の魅力を最大限に引き出すミニマルなレイアウトで構築されています。

工夫した点

WordPressを用いた動的なコンテンツ管理を前提としつつ、フロントエンドでは一貫したブランド体験を提供するための実装を徹底しました。
FV(ファーストビュー)では、PC環境においてマウス操作に追従して背景が切り替わる「c-mouseStoker」や高度な背景制御を実装し、ユーザーを視覚的に引き込む工夫を凝らしています。
また、Swiper.jsを用いたカルーセル実装では、スライドの挙動をサイト全体の静謐なトーンに合わせ、自然な流動性を精密に再現しました。
技術面では、将来的な拡張を見据えてFLOCSS等の設計思想に基づいたコンポーネント化(c-要素、p-要素)を行い、BEMによる命名規則を守ることで、高い保守性と運用効率を両立させています。

サイトURL

https://noue.life/

まずはお気軽にご相談ください。

ホームページ制作やWebに関するお悩みなど、
どんな小さなことでもお気軽にご相談ください。

「何から始めればいいか分からない」
という段階でも大丈夫です。

内容を確認のうえ、迅速にご対応いたします。