Voxer: Instant Voice, Effortless Connection

Product | UI/UX Design | Brand Design

📄 BACKGROUND

Voxer is a walkie-talkie application. The app features a live push-to-talk system and a voice messaging system that allows users to talk one-on-one with other users. Users can also listen to recorded messages, send photos, and use a location feature to see the location of other users on a map.

🤔 CHALLENGE

As the voice messaging market continues to evolve, and the competition is incredible strong.
How might we innovate for the future of voice messaging app beyond the fundamental requirement of voice communication?

🛠️ SOLUTIONS

I transformed Voxer’s identity and key experiences to showcase an evolved lifestyle brand image. Using the new logo design, color palette, and bold imagery. I crafted a unique digital user experience, as well as adding new unique features, which drive recognition for Voxer. 

DESIGN PROCESS


HEAURISTIC EVALUATION


PROBLEMS


DESIGN GOALS


COMPETITORS


Why do Companies Use Walkie Talkie Apps?

User Needs of Walkie Talkie apps?

PERSONA 1


PERSONA 2


USER FLOWS


DESIGN SYSTEM


LOGO DESIGN


Logo

Logo Mark

DESIGN COMPARISON


Old

New

PAPER FIRST


I started brainstorming my ideas for wireframes by sketching them on paper. This process allowed me to lay out what I have in mind so that I can turn them into mockups and high-quality prototypes. In these sketches, you can see how I initially approached the design for each user flow.

FROM PAPER TO DIGITAL


I then brought my ideas from sketches into interactive lo-fidelity prototypes and brought them to 3 potential users to collect feedback and improvement.

Task 1: Create community page and send broadcast message

Task 2: GPS Location

Task 3: Preview voice message

USER TESTING


I conducted user testing sessions on 3 participants. I assigned each task to the 3 users so I could gather feedback and responses that they had.

CONCLUSION


  • The location pin icon needs to be added so that users can choose the pinned location to send to others. 

  • Add a map under the Share Location so that the users can use the pin to select the location. 

  • The Share Location section needs to be bigger.

  • The design of the record button might need to be redesigned.

  • Add a heart/favorite icon on the chat page.

  • The preview button needs to be bigger so it’s easier to press and listen to what was recorded.

  • Show the status feature under the name on the chat page. 

Based on the user testing, I gathered the comments and feedbacks from users for improvements. I continued working, and improve on my previous design. I also created another iteration of the design captured by the following lo-fidelity prototypes.

LO-FIDELITY


Task 1: Create community page and send broadcast message

Task 2: GPS Location

Task 3: Preview voice message

INTRODUCING THE NEW FEATURES


I have added 3 new features to Voxer- light/ dark mode, disappearing mode, and AI Assistance. Having these features will attract more users and allow us to compete with other competitors in the market.

HI-FIDELITY


FINAL DESIGN


Previous
Previous

WELLNEST : How can AR transform mental health support?