Cover image

All Aboard, Ferry booking web application design

All Aboard, Ferry booking web application design

All Aboard, Ferry booking web application design

UX and UI design

UX and UI design

Timeline

Timeline

2 Months (Jan 2024 - Feb 2024)

2 Months (Jan 2024 - Feb 2024)

Table of contents

Title

Overview

I am responsible for designing web applications, and dashboards for All Aboard, The ferry booking web application. Scope of work includes researching, UI design, design systems, and pinching with clients.


Design thinking process

In this project, the double-diamond framework is used to guide the understanding of design problems and define solutions.

Discover phase

In the discovery stage, I have desk research about competitor analysis, social insight, and UI usage for best practices.

Competitor analysis

My competitor analysis is to compare features and design patterns in various booking web applications in the market such as Airbnb, Agoda, Booking.com, and Trip.com


Define phase

After research and observation were done. I have defined HWM for the project.

HMW

With limited time and resources. The process has to skip user research and start defining how might we method.

  • How might we make users book a ticket with a clutter-free experience?

  • How might we reduce the process when users book a ticket?


Develop phase

The development stage is created from the define phase by aligning features. The development stage has included a site map, user flow, web application UI, and dashboard for the client.

Site map

UI Design - Web application in desktop view

UI Design - Web application in mobile view

UI Design - Dashboard in desktop view


Deliver stage

After designing all processes delivering the design to the developer and did some guerrilla usability testing with the team and close people. Now All Aboard is currently handed off to the development and prepare to launch a product.


Reflection

I’m proud to work on project to build a MVP. I excited in this project will help local ferry growth with digital solution. Thanks a lot to my team for believing in me and supporting me throughout the process. I learned to collaborate, time management, and hand off final deliverables.

Overview

I am responsible for designing web applications, and dashboards for All Aboard, The ferry booking web application. Scope of work includes researching, UI design, design systems, and pinching with clients.


Design thinking process

In this project, the double-diamond framework is used to guide the understanding of design problems and define solutions.

Discover phase

In the discovery stage, I have desk research about competitor analysis, social insight, and UI usage for best practices.

Competitor analysis

My competitor analysis is to compare features and design patterns in various booking web applications in the market such as Airbnb, Agoda, Booking.com, and Trip.com


Define phase

After research and observation were done. I have defined HWM for the project.

HMW

With limited time and resources. The process has to skip user research and start defining how might we method.

  • How might we make users book a ticket with a clutter-free experience?

  • How might we reduce the process when users book a ticket?


Develop phase

The development stage is created from the define phase by aligning features. The development stage has included a site map, user flow, web application UI, and dashboard for the client.

Site map

UI Design - Web application in desktop view

UI Design - Web application in mobile view

UI Design - Dashboard in desktop view


Deliver stage

After designing all processes delivering the design to the developer and did some guerrilla usability testing with the team and close people. Now All Aboard is currently handed off to the development and prepare to launch a product.


Reflection

I’m proud to work on project to build a MVP. I excited in this project will help local ferry growth with digital solution. Thanks a lot to my team for believing in me and supporting me throughout the process. I learned to collaborate, time management, and hand off final deliverables.

Contact