ECアパレルウェブサイト

形式 : website

制作期間 : 約2週間

担当 : デザイン・コーディング・実装

使用技術 : React, Javascript, CSS

スライダーによるアイキャッチと、購入と買い物カート追加システムを搭載したECサイトをReactのContextAPIを用いて制作。

コンセプト

ユニバーサルな視点でのスタイル、健康的な美しさ、姿の在り方、世界の広域を対応地域、 SDGsといった新しい世代の購買キーワードを元にカスタマイズされたデザイン。
機能面では、ユーザーが快適に商品を閲覧し購入できるよう、重要な情報やボタンは視認性を高めるために強調。APIからのデータ取得を最適化。ユーザーニーズに合わせ、広々とした印象とスタイリッシュで見やすい普遍的なデザインを保つため整列されたレイアウト、かつアクティブな印象で見やすくページの一貫性と美しさを保つためデザインを統一。

ペルソナ

健康でファストファッションに対し購買意欲が高い幅広い年代が対象

基本情報 : 性別:男女他+ 年代:キッズ〜シニア。
内面志向 : #無駄なく#シンプルで使いやすい#色々楽しめるのが好き
行動傾向 : 速い生活ペースを好む、消費は楽しみ

設計

全体のレイアウトと直感的な使用感、構造の論理的な流れを確保するため、既存のモデルとなるECサイトをリサーチし最適化し、ユーザーインタラクション、コンテンツ階層、応答性などの重要な要素に対し、一貫性があり分かりやすい仕様を目指した。スライダーやその他の動的パーツを追加し、レスポンシブデザインを実装し、ユーザビリティの向上を目指しました。

Have a project in mind? Let's build something together!