Solo wedding
site “AMUNA”

ROLE
Web Design / Movie / Photo
TOOLS
Figma / VS Code / Photoshop / Firefly
PERIOD
116 Hour
amunaジャケ

「今だけの自分を残す」という新しい価値観を提案するソロウェディングの特設サイト。
既存の結婚式サイトにある「煌びやかさ」をあえて抑え、
一人の決意に寄り添う「楽しさ」と「親しみ易さ」をデザインの軸に据えました。

※レスポンシブ非対応(PCメインのサイトです。)
TOPページとGalleryページの構成です。
01 / CONCEPT LAYER

余白で語る、
静寂な世界観。

ターゲットは「自立した女性」。
情報を詰め込むのではなく、余白(ホワイトスペース)を大胆に使うことで、 ユーザーが自分自身の気持ちと向き合える「間」を作りました。

02 / UI DESIGN LAYER

迷わせない
直線的な導線設計。

感情の高まりを阻害しないよう、導線は極めてシンプルに設計しました。
スクロールに合わせて要素がふわっと浮き上がるインタラクションを採用し、 物語を読み進めるような体験を提供します。

03 / ANIMATION LAYER

GSAPが引き出す、
心地よいリズム。

平面的なデザインに「時間」のレイヤーを加えるため、
GSAPを用いたリッチなアニメーションを実装しました。
各要素の出現タイミングやコンマ1秒のイージングに徹底的にこだわり、
ユーザーのスクロールに合わせてシームレスに展開する、
心地よい没入感を実現しています。

コンセプト解説の画像 デザイン解説の画像 GSAP解説の画像