How might I

Design a dashboard that simplifies complex service flows, supports multiple request states, and empowers homeowners to manage their projects with confidence.

Stakeholder Discovery Meetings

Understanding business priorities to define core design goals

In early discovery sessions, we met with business stakeholders to define product priorities: clear visibility into request states, simple request management, timely user actions, and balanced self-service. Business also expected a high level of dashboard clarity to minimize support needs. These inputs shaped our core design goals

Design Goals

Team Discussions

Designing for an unexpected

Following business requests around limiting active requests and keeping canceled requests visible, we ran team sessions to explore possible user scenarios. We simulated different cases to evaluate how to best present these limits, guide user actions, and organize declined or canceled requests without overwhelming users.

Edge Case Scenarios in Project Request Flow

Competitive Analysis

Insights for layout structure,
provider cards, and end-to-end flows

After identifying key business needs and edge cases, we analyzed how competitors approached similar challenges. I started with direct competitors like Thumbtack for card-based request management. To address gaps in full project tracking, I drew on Airbnb’s state clarity and Upwork’s end-to-end request-to-payment flows — shaping a dashboard structure that supports users across the entire service journey

Information Architecture

Structuring the Dashboard

Through stakeholder input, competitive analysis, and scenario exploration, we defined:

1. The initial 3-column dashboard structure. To refine information grouping, we ran two card sorting studies:

2.One focused on sidebar navigation categories,

3. And one targeting request states in the third column.
 These studies revealed intuitive groupings that improved navigation clarity and directly informed card structure and labeling.

Navigation and site map

Visualize the whole hierarchy of content

I created a sitemap to visualize the content hierarchy and navigation structure. This helped align the design and development teams on page relationships and ensured clarity before moving into prototyping.

Define

Develop

After analyzing our research data and understanding user needs, we developed solutions to address their concerns and integrated them into our design.

Design Solutions

Challenges

Solutions

1- Our users struggle with understanding the itinerary process and want a quick, easy way to get theirs plan.

• So, we added a homepage search bar to find top itineraries based on user interests.

2- Travelers have difficulties to choose their interests when they want to plan their trip

• Enable users to access interests in the search bar at the same time they can choose their destination,time, and accommodation

• giving users the option to choose different transportation methods like bus, taxi, bicycle, or even walking can make a huge difference in helping them save time and customize their travel experience!

3- Timing is everything when it comes to trip planning! commute time is a big factor for travelers, especially when they’re navigating a new destination. For many, the distance and time it takes to get from one point to another can impact everything from where they stay to what activities they include in their itinerary.

AI Plan Page

Sketches & Wireframes

We created low-fidelity wireframes to plan how each page of the TravelTale website would look for better communication with our team and to map out our ideas. We revised these sketches several times before finalizing the design.

Home Page

Hotel Suggestions

Itinerary

Loading page

Save Trips

Mid- Fidelity

We created low-fidelity wireframes to plan how each page of the TravelTale website would look for better communication with our team and to map out our ideas. We revised these sketches several times before finalizing the design.

Usability Test(Phase 1)

Before usability testing

After usability testing

Home Page

We created low-fidelity wireframes to plan how each page of the TravelTale website would look for better communication with our team and to map out our ideas. We revised these sketches several times before finalizing the design.

MoodBoard

We used Figma to create mid-fidelity designs and I developed a cohesive high-fidelity interface with a design system of consistent colors, fonts, and dimensions. Our mood board evokes a travel vibe with calming blue shades to enhance usability and convey warmth and trust.them before moving on to the detailed design process.

UI Kit

Building a UI kit based on mood board is a fantastic way to maintain consistency and streamline development. Including a color contrast test for Web Accessibility is also a great move, as it ensures that the design will be inclusive and accessible to all users.

Color Accessibility

Deliver

Usability Test

Building a UI kit based on mood board is a fantastic way to maintain consistency and streamline development. Including a color contrast test for Web Accessibility is also a great move, as it ensures that the design will be inclusive and accessible to all users.

Got a partnership idea, or a project you need help with? Shoot me a line and let's talk.

Let’s talk?