ONPAMALL UIデザイン

ライブコマースプラットフォームONPAMALLサービスに関わる全ての画面をデザインしました。
フィード(トップページ)、お気に入り、カート、マイページ、ライブ、アーカイブ、商品、検索、ストア 、このアプリについて、特集 等。

XDのプロトタイプ機能を使用しながら実際の操作感を確認しつつ、ディレクターやエンジニアとの相談をしながらデザインを決定させていきました。

Web(PC、SP)、iOS、Android、各端末用にそれぞれデザインを起こしました。
1端末につき640画面程度、それぞれの端末に合わせてデザインを起こし、Zeplinを介して指示を加えながら、エンジニアの皆さんに実装していただきました。
実装の際に出てきた課題などにも都度相談をしつつ、改良しつつ進めました。

また、Premire proを使用したチュートリアルムービーの作成、After effectsを使ったlottieアニメーションなども作成しています。

担当箇所

  • デザイン
  • コーディング指示書作成

ツール

  • XD
  • Sketch
  • Zeplin
  • Photoshop
  • Illustrator
  • After effects
  • Premire pro