ワイヤーフレーム─60代女性向けファッションブランドサイトのトップページ

概要:IT文京校課題
自分で設定した商用サイトのトップページのワイヤーフレーム作成。

競合調査として12社をピックアップし、
配色、フォント、レイアウト、余白、ボタン位置、アイキャッチ画像などを比較調査。
年代的に60代を設定したので、フォントサイズは少し大きめに、品格を持ちたいサイトにしたいことからタイトルは明朝系に、詳細説明は視認性を考えゴシック系を想定した。

設定
  • 業種:ファッション(アパレルに限らずに広義)
  • ターゲット:60代女性
  • ブランド・コンセプト
    60代女性が70代に向かってどんな自分になっていたいかどんな服を着て、どんな笑顔でいたいか。いま、その始まりを選ぶ。「人生の新たな段階への序曲に向かう」

制作期間:3日
使用ツール:Adobe Photoshop

ワイヤーフレームの内容

アイキャッチはブランドイメージの大きな画像。

★ブランドを知ってもらうためにストーリーでは、ブランドの理念、コンセプトなどが書かれているページへの誘導バナー(固定)

★同じ並びで右側には、季節の特集ページまたはジャーナル(素材へのこだわり、デザイナーの考え、インタビューなど)の一覧ページへバナーで誘導(トップページでは流動的)

商品のピックアップ。新着情報として、スライド式にお知らせする。

スタッフ・コーディネートで着こなしの提案。自分の体型に近いスタッフを見つけると商品イメージをつかみやすくなる。

売れ筋ランキング(総合)
「ランキングをもっと見る」のページではカテゴリー別の売れ筋ランキングがわかる。

ニュース欄では、お知らせや告知、メディア掲載、休業案内などの情報発信

会員登録について詳細ページへの誘導

フッター