Overview
プロジェクト概要
ランジェリーブランド「AMPHI（アンフィ）」のブランドサイトを制作しました。左側にロゴとメニュー（Collection・Movie・News・Gallery・Web Store・Shop List）を縦に並べ、右側に季節のおすすめ商品の写真を大きく配置しています。写真の上に商品の切り抜き画像を重ね、雑誌の誌面のように見せました。
その下に、キャンペーンや特集をまとめたSpecial contents、ブランド紹介の「Meet & Sweetie」、ブランドムービー、2021 Winterコレクション、カテゴリを切り替えられるRecommend Item、Instagramのコーディネート写真を順に配置しています。デザインから実装まで、RuxelTechチームで一貫して対応しました。
- 業種
- アパレル・インナーウェア
- ロール
- サイト設計 / デザイン / フロントエンド実装 / レスポンシブ対応
- 技術
- HTML5 / CSS3 / JavaScript / レスポンシブ対応
TOP — トップページ
写真と余白で見せる、雑誌のようなブランドサイト
サイトの入口となるトップページを、PC版・スマホ版で掲載しています。写真同士を少しずつ重ねた配置と広い余白で、ブランドの雰囲気を伝えています。おすすめ商品はブラジャー・ルームウェア・インナーのタブで切り替えられ、価格と特長を確認してからWebストアへ進めます。
- 縦型メニューと大きな写真のファーストビュー
- キャンペーン・特集をまとめたSpecial contents
- ブランドムービーと季節のコレクション
- タブで切り替えるおすすめ商品とInstagram連携
全体をスクロールしてご覧いただけます
Results
成果
写真と余白を生かしたレイアウトで、ブランドの世界観を伝えながら商品とWebストアへ案内するブランドサイトとして制作しました。
Tech Stack
HTML5CSS3JavaScriptレスポンシブ対応