Sususapi — a UX Design

Renaldi Sidiq Wibowo
4 min readOct 11, 2020

Hello, this time I will share my assignment from the Web Design course by the California Institute of the Arts at Coursera.

In this assignment, I was asked to design a user interface for a restaurant website. This restaurant serves online orders. Where the ordered menu can be tailored to the wishes of the customer. The web interface I design is based on how it looks when accessed via a mobile web browser.

Note: the restaurant information listed here is fictional.

Restaurant Concept

Restaurant Name & URL

Sususapi
Sususapi.co.id

Food & drink

Cow’s milk

Customization

Flavors:
- Original
- Vanilla
- Chocolate
- Strawberry
- Melon

Size:
- Small
- Medium
- Large

Location

Yogyakarta, Indonesia (Urban)
Delivery Radius: Yogyakarta City

Main target audience

  • College students
  • Ages 18–23

Cost

$ — Affordable (Rp 10.000)

Elevator pitch

We provide delicious and fresh cow’s milk, processed hygienically, and at affordable prices. Feel the purity of cow’s milk which will make your day more productive.

Strategy

Target Audience

The website/app will focus on the following target audiences:

Roles (groups of people with similar goals)

  • Study groups
  • Sportsman
  • Student organizations

Demographics

  • Gender — Male or female
  • Education — College Education
  • Occupations — Student
  • Age — 18–23 years old
  • Marital status — Single
  • Income — Limited income
  • Location — Yogyakarta, Indonesia (Urban)

Psychographics (personality, values, attitudes, interests, lifestyles)

Personality & Attitudes:
- Healthy
- Sporty
- Enjoys studying

Values:
- Open minded
- Friendly
- Hygienic

Lifestyles:
- Active
- Spending time with friends
- Studios
- Event organizer

User Personas

Theo Gene (18) — Athlete

  • UNY students, 18 years old
  • Enjoys sports
  • Come from the village
  • Want to be a soccer player
  • Requires nutritious food for stamina

Rafael Victor (20) — Organizational activist

  • UGM student, aged 20 years
  • Organization and event manager
  • Enjoy hanging out with friends of the organization
  • Organization friends are my second family
  • Need snacks when gathering with friends from the organization

Bruce Vincent (22) — Learner

  • UGM student is 22 years old
  • Ambitious
  • Enjoy learning while eating snacks
  • Have a perfect GPA
  • Want to graduate cum laude

User Needs

The website needs to enable the user to:

  • Find out if the restaurant delivers to their area
  • Order food online
  • Find out if the restaurant is open
  • Know the total costs to be paid
  • Make payments using digital money
  • Know when orders arrive

Client Needs

The website needs to enable the client to:

  • To sell food online that will be delivered
  • Provide a system for order customization
  • Communicate affordability
  • Communicate cleanliness
  • Communicate freshness
  • Communicate the benefits of cow’s milk

Outline of Scope

Content Requirements

Content (text, images, video) that the user will need.

“The user will be looking for…”

● Text that stresses that deliveries are only for the city of Yogyakarta

● Food Menu

  • Images of menu items
  • Display prices

● Describe affordability

● Describe cleanliness

● Describe freshness

● Describe the benefits of cow’s milk

● About Us

● Testimonials

Functionality Requirements

Systems that will allow the user accomplish tasks.

“The user will be able to…”

● Customize orders

  • Choose the menu
  • Size

● Add items to shopping cart

● Place order

  • Order list
  • Calculate the total cost
  • Make payment using digital money
  • Contact information
  • Delivery information
  • Get order confirmation

● Log in

  • Create an account
  • View current/past orders

Sitemap

Wireframes

Moodboard

Pinterest: https://pin.it/1c9fH3y

Prototype

Test

Congratulations, you are invited to participate as a Sususapi design tester. Click on the link below

So, what about the web design that I made? Please give me a comment

--

--