Challenge

Moving can often seem like a continuous stream of stressful events. From the repetitive process of reserving a truck to the challenges of modifying bookings, coordinating with moving assistants, and handling a large truck, do-it-yourself movers using U-Haul can find the moving experience both disjointed and frustrating.

Objective

This all-in-one virtual assistant redefines the entire moving journey. It offers responsive voice-guided features that optimize tasks, enhance coordination, and provide real-time alerts and guidance. It's particularly adept at intelligently addressing complex requests, which is a valuable asset for movers under pressure. By doing so, it significantly boosts the efficiency and overall enjoyment of the moving process while simultaneously alleviating driving concerns through hands-free, real-time support.


rebloom

A re-designated website to connect business owners with developers, designers, and digital marketers to make tech accessible and affordable

Timeline

2023 Aug - Oct ( 7 weeks )

team

Myself, content writer, marketing team, web developer, CEO

Tool

Figma, Figjam, Notion

My role

Web design, Visual design, Information architecture, information design

ABOUT

Re:Bloom is a small and passionate, digital agency that helps small business build simple, clean, and easy to maintain websites, connecting business owners with developers, designers, and digital marketers.

This project highlights

a comprehensive website redesign where I led the planning of the project sprint, ensuring stakeholder alignment through close collaboration with a cross-functional team.

Restructured the website following the analysis of user pathways and effectively aligned with both marketing objectives.

A focus on the website visual design, developing key graphic elements and icons, and emphasis on information design with effective graphic support, delivering informative and and visually engaging user experience.

FINAL DESIGN

Design Concept
Final Design
Final Design

problem

Current Website Issues (Identified through site audit and preliminary user interviews):

Confusions in finding information
"As a prospective volunteer, I want to easily find information about volunteering opportunities so I can determine if the program is a good fit."
“ As a non profit partner who recommends clients to re:bloom, I want information on the pricing to be conveyed in more intuitive and clear way”


Alignment issues,inconsistent use of colors, inappropriate use of interactions
“As a website visitor, I want consistent page styling and alignment so I can easily scan and digest information.”

design goal

How can we design a website that effectively caters to different types of users, presents information in a more digestible format, and drives users toward taking action?

This goal emphasizes understanding current users and their interactions, anticipating business-driven actions, reorganizing the website’s information architecture to enhance content findability and usability, and simplifying complex information for clarity and ease of use, ultimately encouraging users to take meaningful actions.

DESIGN

I began by creating personas to understand the different user types and their goals. After identifying the three main user groups, I restructured the website by developing a site map that (1) assigns each page to one or more specific user groups and (2) clearly defines the call-to-actions (CTAs) for each section to guide users to the appropriate pages.

Site Map

After creating the initial wireframe and sharing it with the group, I identified sections that needed iterations in information design to convey details more effectively, such as the "Cost to You" section and the "Work with Re:Bloom" card design. During the process, I also recognized areas where content needed optimization, which led to a meeting with the content writer to refine and enhance the messaging.

Wireframe

challenge

Another challenge we had is to transfer the dense information to more digestible format. For example the long paragraph of the program descriptions. I first analyzed the content and broke down the content into smaller sections, use icons and colors to emphases the key information and enhance readability.

Before
After

visual design

The visual design for the website draws from the marketing materials and style guide currently used by the Re:Bloom marketing team. The goal is to create website visuals that align with the existing design guidelines while introducing a sense of freshness to enhance the brand’s presence and appeal.

Marketing materials

REFLECTION

Coming soon

Wireframe