tetote
オンライン招待状UIデザイン
プロジェクト概要
結婚式の前撮り・フォトウェディングを提供するサービスサイトのリニューアル案件。
ブランドの世界観を大切にしながら、ユーザーが迷わず予約まで進める導線設計を行いました。
ビジュアル重視のサービス特性に合わせ、写真の魅力を最大限に引き出すUI設計を行っています。
ブランドの世界観を大切にしながら、ユーザーが迷わず予約まで進める導線設計を行いました。
ビジュアル重視のサービス特性に合わせ、写真の魅力を最大限に引き出すUI設計を行っています。
課題
・写真の魅力が伝わりにくい構成
・情報が整理されておらず、導線が不明瞭
・ブランドの世界観が弱く差別化ができていない
・スマートフォンでの閲覧体験が最適化されていない
特に、フォトウェディングは「雰囲気」で選ばれる要素が強いため、
視覚的な印象と導線設計の両立が課題となっていました。
・情報が整理されておらず、導線が不明瞭
・ブランドの世界観が弱く差別化ができていない
・スマートフォンでの閲覧体験が最適化されていない
特に、フォトウェディングは「雰囲気」で選ばれる要素が強いため、
視覚的な印象と導線設計の両立が課題となっていました。
解決策・デザインの意図
・写真を主役にしたビジュアル中心のレイアウト設計
・ユーザーの検討フローに沿った情報設計
・ブランドのトーンに合わせた余白・タイポグラフィ設計
・スマートフォンファーストでのUI設計
トップでは世界観を伝えるビジュアルを大きく配置し、
サービスの魅力が直感的に伝わる構成に。
また、ユーザーが迷わず予約へ進めるよう
CTA配置や導線設計を最適化しました。
・ユーザーの検討フローに沿った情報設計
・ブランドのトーンに合わせた余白・タイポグラフィ設計
・スマートフォンファーストでのUI設計
トップでは世界観を伝えるビジュアルを大きく配置し、
サービスの魅力が直感的に伝わる構成に。
また、ユーザーが迷わず予約へ進めるよう
CTA配置や導線設計を最適化しました。
成果・結果
・ブランドの世界観が明確化
・写真の魅力が伝わるサイトへ改善
・予約導線の分かりやすさ向上
・スマートフォンでの閲覧体験改善
視覚的な魅力と使いやすさを両立した
フォトウェディングサイトへリニューアルしました。
・写真の魅力が伝わるサイトへ改善
・予約導線の分かりやすさ向上
・スマートフォンでの閲覧体験改善
視覚的な魅力と使いやすさを両立した
フォトウェディングサイトへリニューアルしました。