Auris Audiobooks Portal

UX/UI Design
Web

A place to learn, grow, and thrive. Auris is venturing into delivering audiobooks in a wide variety of genres, all from one app. Learning something new or catching up on the latest novels on the go, Auris delivers and in different languages.

My Role
Lead UX/UI Designer
Completion
March 2023
Team

Paulo R. (Lead Developer)

Adrian H. (Front-end Developer)

Mirna J. (Back-end Developer)

Platforms

Web

My Role
Lead UX/UI Designer
Completion
March 2023
Team

Paulo R. (Lead Developer)

Adrian H. (Front-end Developer)

Mirna J. (Back-end Developer)

Platforms

Web

Understand

00

In 2022 I was tasked to assist Auris in designing a portal for their app in order for new and continuing customer to be able to monitor and have control over their account. Emphasis on ease-of-use and accessibility.

Problem Statement. Speaking with stakeholders, I was able to understand not just the business goals, but to also understand what the users needed in order to use their product. I also needed to work in tangent with Authorize.net in order to view what is needed to be shown to users within payment and transactions.

Users need a way to easily and quickly manage their account in order to have transparency when using Auris audiobooks app because many find it frustrating not be able to control their experience.

Research &
Analyze

01

Starting out my process I started with a competitive analysis in order to bring insights into new features, user-flow, and possible solutions. While viewing other competitors I wanted view what was offered to users, how they manage their users experience within their portals, managing plans, and user flows.

Competitive Analysis.

User data

Introduced to future users I was able to conduct user surveys to better understand what users would expect when using the portal, prior experience using something similar, and what was crucial for them.

From the data I collected I was able create an affinity map and then sort through the valuable data, grouping them into themes viewing connections within participants, understanding the users and their needs, and to also plan for future product features. Creating user personas helped me as well to identify key themes, goals for the users, and problems they may face.

Affinity map. Feedback received from participants' on what they would need when using portal.
Affinity map. Organizing participants' feedback into themes.
User persona helped finding key themes, build user empathy, and prioritize user needs.

Ideation

02

Creating a information architecture assisted in the organization and structure of the portal. This helped me, with the collected data, see what screens are needed, essential features to include, and what would be the optimal work flow for the user.

In addition, creating a user flow for one of the portal's main function would help me understand how users would complete a objective and what they would need to accomplish it.

Information Architecture.
User flow - Plan activation.

Wireframes & Usability Testing

Following up I started sketching low-fidelity wireframes to explore workflows, simplifying tasks, and bringing ease-of-use to the users. From there I moved to Figma to start mid-fidelity wireframes to start solidifying workflows and viewing the user-flow in order to start maturing the paths the users can take.

From here I also created a prototype in order to start a usability testing with unmoderated and moderated usability testing. I then was able to receive valuable information which I brought back to reiterate certain screens.

Low -fidelity wireframe sketches.
Mid-fidelity wireframes as well showing visual user flow.

Design

03

Once finalizing and moving from mid to high-fidelity wireframes I moved to the Ui design. This brought the portal to feel inline of representing the users needs while meeting the business expectations. Once finalizing designs I organized and peered review with the dev team to clarify question or concerns, regarding functions for certain sections.

Launch

04

Project was presented to stakeholders and CEO of the new portal. Feedback was given, but overall was well received by everyone. We delivered the project to their development team and we were explained, to ensure quality control in the beginning, a beta will be launched with a small user base to view response and feedback to ensure there is a cohesiveness within the product as a whole.

Analyze again. Moving forward, we would assist with Auris dev team to address any concerns, feedback, and questions to better the user experience by understanding what was needed for users to succeed in using the platform. Overall, I learned a lot working and talking to Authorize.net representative to ensure a smooth transaction process, what needed to be shown to users when purchasing membership, and policies for users, especially California.

View Other Works

UX/UI Design
Mobile App

Evision App

View Case Study
UX/UI Design
Web

Online Learning

View Case Study
Coffee lover ☕️, night owl 🦉, gamer 🕹️