Overview

A website and application providing a variety of different
service trucks
for individuals to book.

Aim is to simplify the listing process for luxury watch resellers and enhance the browsing and purchasing experience for buyers.
Challenges

Aim is to provide users with a vast collection of services for them to access and order in the comfort of their own homes.

Difficulty finding a needed service easily.
Existing services can be faraway and inconvenient.
Difficulty comparing different businesses within a specific field of service.
Rebranding of Truckit.
My Role

After Setting the goals I established my role in the project as the following:

Research & Strategy
UI/UX Design
Prototyping
Branding
Wireframing
Build a Design System

Tools Used

Figma Logo

Figma

Brainstorming, Wireframing and Prototyping
adobe-after_effects logo

Adobe After Effects

Animating icons & Brand Elements.
adobe-illustrator logo

Adobe Illustrator

Creating Illustrations and Icons
adobe-photoshop logo

Adobe Photoshop

Editing Photography for UI use.

Problem Solved!

The target audience's concerns were successfully addressed and used as a framework for the final visual design.
Rebranding
Created a new brand identity for the company with new brand guidelines including color variations, typography, and logo design.
Categorized services
Set up categories to organize all the services offered and showcased the different businesses within each category. Users can browse through a selected category to find their business of choice. Service summaries and user reviews were added to help users make comparisons easily and find the business that best suits their needs.
Dashboard
Created a dashboard where users can track the status of their ongoing orders. Users can also view previous orders with the option to easily re-order from the same business.
Design Process

Addressing these key challenges was crucial for creating the right product for the target audience:

Interviews

Conducted interviews with various members of the company’s team to study the project’s requirements from different angles. The company’s dietician provided insight regarding the nutritional needs, priorities, and concerns of users. Whereas the marketing team provided information regarding competitors and users preferences when it comes to managing subscriptions and interacting with a food service platform. The team also requested an E-commerce based shop within the application and website to sell merchandise and food items.

Older App Design Review

The older app design needed to be reviewd and redesigned to match the company's strategy.

New Brand Identity

The Brand's Logo has been recreated along with a new set of brand colores and Typography.
Numou flows

User-flows & Wireframing

The creation of user flows and wire frames commenced after consolidating market research and personas.
Frame 19

High Fidelity Designs & Handover

High Fidelity design phase
Select the fields to be shown. Others will be hidden. Drag and drop to rearrange the order.
  • Image
  • SKU
  • Rating
  • Price
  • Stock
  • Availability
  • Add to cart
  • Description
  • Content
  • Weight
  • Dimensions
  • Additional information
Click outside to hide the comparison bar
Compare