Problem

As a top global event planner platform, Plannie wants to expand its business by creating a system that allows consumers and planners direct communication without Plannie's involvement. Users of the platform have complained about the difficulty of the visualization of the presented information on the dashboard.

As a top global event planner platform, Plannie wants to expand its business by creating a system that allows consumers and planners direct communication without Plannie's involvement. Users of the platform have complained about the difficulty of the visualization of the presented information on the dashboard.

Solution

The User dashboard provides the user's finances, current and past jobs, and reviews. The Text and buttons will be adjust to have a better hierarchy. Create a message log that users can easily access to create better usability.



The User dashboard provides the user's finances, current and past jobs, and reviews. The Text and buttons will be adjust to have a better hierarchy. Create a message log that users can easily access to create better usability.

Problem

As a top global event planner platform, Plannie wants to expand its business by creating a system that allows consumers and planners direct communication without Plannie's involvement. Users of the platform have complained about the difficulty of the visualization of the presented information on the dashboard.

As a top global event planner platform, Plannie wants to expand its business by creating a system that allows consumers and planners direct communication without Plannie's involvement. Users of the platform have complained about the difficulty of the visualization of the presented information on the dashboard.

Solution

The User dashboard provides the user's finances, current and past jobs, and reviews. The Text and buttons will be adjust to have a better hierarchy. Create a message log that users can easily access to create better usability.



The User dashboard provides the user's finances, current and past jobs, and reviews. The Text and buttons will be adjust to have a better hierarchy. Create a message log that users can easily access to create better usability.

Plannie

Plannie

A B2C on-demand platform for consumers to connect with event planners for their events.

A B2C on-demand platform for consumers to connect with event planners for their events.

Overview

Plannie is a global platform where consumers can find local event planners and producers to help plan an event or assist with their event. Consumers and event planners are connected through the platform where they can access their finances, reviews, and current and past jobs.

Overview

Plannie is a global platform where consumers can find local event planners and producers to help plan an event or assist with their event. Consumers and event planners are connected through the platform where they can access their finances, reviews, and current and past jobs.

Jira Tickets

Two Jira tickets were requested for Planner Dashboard and Events Page primarily focusing on the visual hierarchy of the two pages. The feedback from the users was that they feel like the page is congested.



Two Jira tickets were requested for Planner Dashboard and Events Page primarily focusing on the visual hierarchy of the two pages. The feedback from the users was that they feel like the page is congested.


Problem

As a top global event planner platform, Plannie wants to expand its business by creating a system that allows consumers and planners direct communication without Plannie's involvement. Users of the platform have complained about the difficulty of the visualization of the presented information on the dashboard.

Solution

The User dashboard provides the user's finances, current and past jobs, and reviews. The Text and buttons will be adjust to have a better hierarchy. Create a message log that users can easily access to create better usability.



Roles

UX/UI Designer

Tools

Task# 1

  • Replace the buttons with hypertext style to minimize the congested visual presentation.

  • Update the text size to create a better visual hierarchy and consistency.

  • Create a functional prototype to make sure all the screens are connected properly.

  • Replace the buttons with hypertext style to minimize the congested visual presentation.

  • Update the text size to create a better visual hierarchy and consistency.

  • Create a functional prototype to make sure all the screens are connected properly.

Task# 2

  • Create new components of the Top Navigation, Event Detail, Tasks, and Time Logged into the event screen.

  • Matching the new components with the same consistency.

  • Create a message log on the page to allow users to access the chat

  • Create new components of the Top Navigation, Event Detail, Tasks, and Time Logged into the event screen.

  • Matching the new components with the same consistency.

  • Create a message log on the page to allow users to access the chat

Style Guide

I created a style guide based on to existing design. This will help with the consistency and organizing font, color, and buttons.

I created a style guide based on to existing design. This will help with the consistency and organizing font, color, and buttons.

High Fidelity Screens

My task was to make the screen less congested and keep its consistency. I applied the components, buttons, fonts, and colors in Planner Dashboard, and Event Page.

Discovery

Discovery

Jira Tickets

Two Jira tickets were requested for Planner Dashboard and Events Page primarily focusing on the visual hierarchy of the two pages. The feedback from the users was that they feel like the page is congested.



Task# 1


  • Replace the buttons with hypertext style to minimize the congested visual presentation.

  • Update the text size to create a better visual hierarchy and consistency.

  • Create a functional prototype to make sure all the screens are connected properly.

Task# 2


  • Create new components of the Top Navigation, Event Detail, Tasks, and Time Logged into the event screen.

  • Matching the new components with the same consistency.

  • Create a message log on the page to allow users to access the chat

Planner Dashboard

I replaced the buttons with hypertext to make the page less congested. Resizing the font to make sure a visual hierarchy is applied. Autolayout was applied to be sure the consistency of spacing.

I replaced the buttons with hypertext to make the page less congested. Resizing the font to make sure a visual hierarchy is applied. Autolayout was applied to be sure the consistency of spacing.

Event Page

I applied components to the event page to make sure all the components are aligned and consistent with the other pages. I created a chat box that allows users to chat while seeing other information. The chat box allows users to minimalize or expand when they want to access chat.

I applied components to the event page to make sure all the components are aligned and consistent with the other pages. I created a chat box that allows users to chat while seeing other information. The chat box allows users to minimalize or expand when they want to access chat.

Design

Design

Style Guide

I created a style guide based on to existing design. This will help with the consistency and organizing font, color, and buttons.

High Fidelity Screens

My task was to make the screen less congested and keep its consistency. I applied the components, buttons, fonts, and colors in Planner Dashboard, and Event Page.

Planner Dashboard

I replaced the buttons with hypertext to make the page less congested. Resizing the font to make sure a visual hierarchy is applied. Autolayout was applied to be sure the consistency of spacing.



Event Page

I applied components to the event page to make sure all the components are aligned and consistent with the other pages. I created a chat box that allows users to chat while seeing other information. The chat box allows users to minimalize or expand when they want to access chat.

Prototype

After finalizing the high-fidelity screens, our team gathered all the screens in order. I took all the high-fidelity screens to connect them to make sure all the buttons and screens functioned correctly according to the flows. We worked together to build the mobile website flow. My contribution was creating a prototype for the new user flow and the moderator flow.

Prototype

After finalizing the high-fidelity screens, our team gathered all the screens in order. I took all the high-fidelity screens to connect them to make sure all the buttons and screens functioned correctly according to the flows. We worked together to build the mobile website flow. My contribution was creating a prototype for the new user flow and the moderator flow.

Reflection

Reflection

Learning

I enjoyed working on Plannie to become a better user experience designer. During the process, I learned the importance of having a clean and visual hierarchy page. This project improved my vision and knowledge of the importance of creating components and variants to expand my design skills. My use of auto layout was also improved during the process, and it demonstrated the best practice of auto layout. Overall, this project helped me to improve my knowledge of the use of components, variants, and auto layout. These sets of skills will improve my future designs to be much more efficient.



Learning

I enjoyed working on Plannie to become a better user experience designer. During the process, I learned the importance of having a clean and visual hierarchy page. This project improved my vision and knowledge of the importance of creating components and variants to expand my design skills. My use of auto layout was also improved during the process, and it demonstrated the best practice of auto layout. Overall, this project helped me to improve my knowledge of the use of components, variants, and auto layout. These sets of skills will improve my future designs to be much more efficient.