フードデリバリーアプリのリスト画面

OVERVIEW

Daily Cocoda!のUIデザイン制作お題

YEAR 2020

Overview

題材:フードデリバリーアプリのリスト画面

制作時間:3時間半

制作ツール:AdobeXD

媒体:アプリ

 

Details

ターゲット:都内に住む会社員

コンセプト:食べたいものがすぐに見つかるフードデリバリーアプリ

雰囲気:明るい、美味しそう

 

フードデリバリーサービスを行うお店を検索して注文できるアプリ。

キーワードとジャンルごとに検索できるほか、配達時間の早い順におすすめのお店が表示されるため時間がない時には考える時間も節約できる。また、現在地近辺の人気店舗が表示されるのでゆっくり選びたい時の新規開拓にもつながる。マイページで支払い情報を登録しておくと注文履歴を確認することが可能となる。

 

Processes

1.類似アプリのリサーチ

2.素材の選定(アイコン、画像)

3.制作

 

■課題

忙しい時でも「住所や現在地から、周辺のお店を探せる」「カテゴリごとの横スライドで、表示される店舗量を増やして選択時間を節約できる」デザインにする。

 

■工夫した点・反省点

・入力した現在地(または住所)などから、忙しい時にはすぐに注文して食べられるお店、選ぶ余裕のある時には近隣で人気のお店を検索できるようにしました。

・マイページ横の注文履歴からそれまでの注文を確認できる一方で、新規開拓や節約のためにカテゴリからの検索、こだわりたい時にはフィルタで詳細に絞り込みが可能という機能を想定しています。

・店舗のフード写真が目につきやすいように上部のカテゴリアイコンをわかりやすいけれど目立たないようなイラストにしたくて試行錯誤したため時間がかかってしまいました。