Whooz Map

 Whooz Map

Timeline

4 Months

Platform

Web

Team

Product Designer (me), Engineer (Juha Kim), Project Mentor (Taylor Emmerson)

My Role

Information Architecture, Wireframe, Visual Design

Overview

Share Favourite Places with Others

Whooz Map is a web platform that shares places, like cool restaurants or fun date spots, through personalized maps.

I was responsible for the end-to-end process, from early planning to launch. That included information architecture, user flows, wireframes, and visual design. I worked closely with our engineer throughout the entire project.

Whooz Map is a web platform that shares places, like cool restaurants or fun date spots, through personalized maps.

I was responsible for the end-to-end process, from early planning to launch. That included information architecture, user flows, wireframes, and visual design. I worked closely with our engineer throughout the entire project.

Whooz Map is a web platform that shares places, like cool restaurants or fun date spots, through personalized maps.

I was responsible for the end-to-end process, from early planning to launch. That included information architecture, user flows, wireframes, and visual design. I worked closely with our engineer throughout the entire project.

Whooz Map is a web platform that shares places, like cool restaurants or fun date spots, through personalized maps.

I was responsible for the end-to-end process, from early planning to launch. That included information architecture, user flows, wireframes, and visual design. I worked closely with our engineer throughout the entire project.

Problem

One Member Fails, The Group Fails

Sharing places through chat is one of the most common ways to do it. However, when multiple people ask for recommendations, you have to keep sending the same messages repeatedly, which becomes a hassle. It’s also easy to lose track of which places you’ve already shared.

Our Goal was to create a simple and organized way for people to share and manage place recommendations

Sharing places through chat is one of the most common ways to do it. However, when multiple people ask for recommendations, you have to keep sending the same messages repeatedly, which becomes a hassle. It’s also easy to lose track of which places you’ve already shared.

Our Goal was to create a simple and organized way for people to share and manage place recommendations

Sharing places through chat is one of the most common ways to do it. However, when multiple people ask for recommendations, you have to keep sending the same messages repeatedly, which becomes a hassle. It’s also easy to lose track of which places you’ve already shared.

Our Goal was to create a simple and organized way for people to share and manage place recommendations

Sharing places through chat is one of the most common ways to do it. However, when multiple people ask for recommendations, you have to keep sending the same messages repeatedly, which becomes a hassle. It’s also easy to lose track of which places you’ve already shared.

Our Goal was to create a simple and organized way for people to share and manage place recommendations

Solutions

Create and Share Personal Maps

Create a Personal Map

It allows users to share their recommended places by creating a personal map. To provide accurate and extensive place data, we used the Google Maps API. Users can easily search for places and add a comment to each one, explaining their recommendations and making the map more personal and trustworthy.

Share a Map with a link

After creating a map, users can share it instantly through a link. There's no need to sign in or create an account to view it. anyone with the link can access the map. This makes sharing favourite spots with friends or groups simple and flexible.

Explore Maps

To browse shared maps faster, I organized maps into nine main categories. Users can browse by category or sort maps by “newest” and “most popular” to find what’s relevant to them. Each map also displays its creation date and number of saves, helping users identify what’s trending. A save button allows users to keep maps they like and revisit them later.

Information Architecture

Simpler Paths Lead to Quicker Starts

I separated the site pages into personal and shared sections to organize the structure. Initially, the map creation was placed on the “Maps” page, which wasn’t immediately visible and required users to enter the page to create a map.

I moved the map creation to the navigation menu, making it faster and easier for users to find and encouraging them to create maps with fewer steps.

I separated the site pages into personal and shared sections to organize the structure. Initially, the map creation was placed on the “Maps” page, which wasn’t immediately visible and required users to enter the page to create a map.

I moved the map creation to the navigation menu, making it faster and easier for users to find and encouraging them to create maps with fewer steps.

I separated the site pages into personal and shared sections to organize the structure. Initially, the map creation was placed on the “Maps” page, which wasn’t immediately visible and required users to enter the page to create a map.

I moved the map creation to the navigation menu, making it faster and easier for users to find and encouraging them to create maps with fewer steps.

I separated the site pages into personal and shared sections to organize the structure. Initially, the map creation was placed on the “Maps” page, which wasn’t immediately visible and required users to enter the page to create a map.

I moved the map creation to the navigation menu, making it faster and easier for users to find and encouraging them to create maps with fewer steps.

Development

Edit Everything in the Same Page

During team reviews, I realized that updating map information required users to move back and forth between steps, adding unnecessary friction.

I worked with the engineer to make the flow more flexible by allowing users to edit information directly on the same page.

During team reviews, I realized that updating map information required users to move back and forth between steps, adding unnecessary friction.

I worked with the engineer to make the flow more flexible by allowing users to edit information directly on the same page.

During team reviews, I realized that updating map information required users to move back and forth between steps, adding unnecessary friction.

I worked with the engineer to make the flow more flexible by allowing users to edit information directly on the same page.

During team reviews, I realized that updating map information required users to move back and forth between steps, adding unnecessary friction.

I worked with the engineer to make the flow more flexible by allowing users to edit information directly on the same page.

Before

After

Visual Identity

Exciting, Inclusive, and Friendly

I wanted Whooz Map to feel open and inviting, encouraging anyone to create and share their own maps. I chose a bright yellow as the primary color, inspired by map markers and exploration energy.

To create a friendly and modern look, I used a clean sans-serif typeface and rounded borders. To reflect inclusivity, I also designed a set of diverse characters representing a range of people and identities.

I wanted Whooz Map to feel open and inviting, encouraging anyone to create and share their own maps. I chose a bright yellow as the primary color, inspired by map markers and exploration energy.

To create a friendly and modern look, I used a clean sans-serif typeface and rounded borders. To reflect inclusivity, I also designed a set of diverse characters representing a range of people and identities.

I wanted Whooz Map to feel open and inviting, encouraging anyone to create and share their own maps. I chose a bright yellow as the primary color, inspired by map markers and exploration energy.

To create a friendly and modern look, I used a clean sans-serif typeface and rounded borders. To reflect inclusivity, I also designed a set of diverse characters representing a range of people and identities.

I wanted Whooz Map to feel open and inviting, encouraging anyone to create and share their own maps. I chose a bright yellow as the primary color, inspired by map markers and exploration energy.

To create a friendly and modern look, I used a clean sans-serif typeface and rounded borders. To reflect inclusivity, I also designed a set of diverse characters representing a range of people and identities.

Logo

Logo

Characters

Characters

What I Learned

Designing with API Data

Using the Google Maps API taught me how to design within the limits of third-party data. While the API gave us access to rich location info and saved development time, I had to be selective about what to show. For example, I initially included Google user reviews, but removed them to reduce loading time and keep the experience lightweight.

More Work

Redesign

•

Development

Cutts Gallery

Improving the online art gallery shopping experience

View Project

Redesign

•

Development

Cutts Gallery

Improving the online art gallery shopping experience

View Project

Redesign

•

Development

Cutts Gallery

Improving the online art gallery shopping experience

View Project

Did you like my work?

Contact me!

Jang.Huigeun@gmail.com

Linked In

Did you like my work?

Contact me!

Jang.Huigeun@gmail.com

Linked In

Did you like my work?

Contact me!

Jang.Huigeun@gmail.com

Linked In