Case study

Empowering borrowers through a portal overhaul

Details

Project

Odyssey

Type

School project

Deliverables

Mobile application

Tools

Figma, Adobe Illustrator

Problem

Develop a music streaming app that could stand out in a highly competitive market, dominated by apps such as Spotify and Apple Music. To do this, we needed an original and inventive approach, whether it's offering exclusive content, personalized playlists, or unique features that make listening to music more exciting and enjoyable.

Solution

A music streaming app that invites users to embark on a journey of musical exploration. With its global focus, Odyssey enables music enthusiasts to discover a diverse range of genres, artists, and songs from around the world.

One of the app's unique features is its country search functionality, allowing users to dive deep into local music scenes and uncover hidden gems. Moreover, the app includes a song lyric feature that fosters a deeper connection between users and their favorite tracks.

Process

Discover

User interviews
Competitive analysis

Define

User personas
User flow chart

Develop

Moodboard & sketches
Design kit
Wireframes

Deliver

Low-fidelity prototype
User testing
High-fidelity prototype

Discover

To understand the user journey in music apps, I interviewed individuals with varying needs and made a user flow chart based on my own experience with Spotify. By visualizing the user's steps, I identified areas for improvement and designed a user-friendly music app that addressed diverse needs.

Below are some interview responses that ultimately shaped the development of this project.

Is there a feature you wish Spotify would include?

Including a lyric feature on the app something which apple music has. it would allow me to understand and connect better with songs I am listening to.

What can Apple Music do to improve your experience?

I wish I was able to find more international music.

Define

Based on my research, I developed user personas and a user flow chart that prioritized ease of use. With this foundation in place, I was able to focus on creating a unique music app that allowed users to discover local artists and genres, while also incorporating a song lyric feature to enhance their connection to the music.

Develop

During the development stage of the app, I brainstormed keywords that represented its essence: community, travel, adventure, and connection with nature. While "Wanderlust" came to mind initially, I aimed for a more unique name.

I explored words from different languages related to the concepts, ultimately choosing "Odyssey" to perfectly capture the app's purpose as a transformative and adventurous journey.

1 //

A significant CTA button that became lost within the page. I then created an icon to replace this button. Which took over the placement of the global icon.

2 //

Similiar to the first issue, it was suggested an icon should be created for this CTA button. Many felt simple buttons with text would not be as eye catching.

3 //

The padding between the listed songs needed work. I needed to properly define the spacing. So I then removed the padding that created this awkward line space between each song component.

4 //

Created an interactive component that would switch between a plus sign and check mark. To help better communicate the song has been added to the playlist.

Deliver

I conducted user testing with the individuals I initially interviewed to determine whether their issues were resolved in the final prototype.

It was crucial for me to design for them and not myself, and I remained open to feedback throughout the process. User testing helped me identify previously unnoticed issues.

Details

Project

Quince

Type

Work experience

Responsibilities

E-mail design, Website management, Photoshoot directing & retouching

Tools

Figma, Adobe Photoshop

Overview

Quince was created to challenge the existing idea that nice things shouldn't cost a lot. Their mission is simple: create an item of equal or greater quality than the leading luxury brands at a much lower price.

Responsibilties

E-mail Design

Creating templates
A/B testing

Web Design

Content management
Design solutions

Photoshoots

Creative direction
Photo retouching

E-mail design

Ensuring that email design consistently complies with the company's brand guidelines while achieving the organization's business objectives. I collaborate closely with a cross-functional team, actively engaging in brainstorming sessions and offering design recommendations informed by valuable stakeholder feedback.

Additionally, conducting A/B tests to collect data, ultimately guiding our design decisions.

Web Design

With the goal of improving the website experience for our customers, I play a role in addressing UI-related site issues.

To support our business objectives, I design and implement long forms for new or underperforming products and frequently update the homepage with campaigns showcasing new and bestselling items.

Collaborating across various teams, I aid in refreshing product visuals and site information, which has contributed to our impressive average product review rating of 4.7.

Photoshoots

With the goal of improving the website experience for our customers, I play a role in addressing UI-related site issues.

To support our business objectives, I design and implement long forms for new or underperforming products and frequently update the homepage with campaigns showcasing new and bestselling items.

Collaborating across various teams, I aid in refreshing product visuals and site information, which has contributed to our impressive average product review rating of 4.7.

Details

Project

Student Loans Page Redesign

Type

Design challenge

Deliverables

Webpage

Tools

Figma

Problem

The current interface suffered from multiple usability issues, causing frustration among users as they navigated the web portal. The primary aim of this design challenge was to modernize and elevate the user experience for an outdated student loans portal.

Solution

To address these issues and create a user-friendly interface. I completed user and competitive research, created a mood board for inspiration, and sought feedback throughout every design revision.

This approach allowed me to create a modern design solution that meets the industry's current standards, holding up against their competitors while preserving the brand's identity.

Process

Discover

User interviews
Competitive analysis
Deconstruct

Define

User personas

Develop

Moodboard
Wireframes

Deliver

User feedback
Revisions
Final design

Discover

I began the project by deconstructing the original web page, to identify any necessary improvements and to better understand the structural details to ensure the inclusion of crucial elements.

After conducting competitive research, I gained insight into the industry's aesthetics and identified key themes for my design.

Define

Based on insights from the user interview, I developed a user persona to further understand their needs and struggles when using student loan websites.

The main goal identified was to provide users with a simple and efficient journey for viewing and paying their student loan, ensuring easy access to crucial account information during quick browsing.

Develop

To ensure alignment with industry standards, I incorporated common characteristics by creating a moodboard that inspired a new user interface design with a trusted, clean, and modern aesthetic.

Bringing the focus towards the menu and navigation bar, I separated them  by adopting a three-column layout instead of two, as I found that combining them in one column detracted attention from both elements.

Deliver

After creating my design toolkit, I crafted the first design by prioritizing the loan balance as the central focus and consolidating additional content into a notification bar.

Seeking feedback, I aimed to resolve any previous design issues. Leading me to adjust the navigation bar structure to enhance visibility, and keep the colors choices for the sub menu to maintain familiarity for returning users.

Details

Project

Digital Designs

Type

Gallery

Deliverables

Landing pages, e-mail designs, social media ads, and mobile app screens

Tools

Figma, Adobe Illustrator, Adobe Photoshop

Overview

My experience as a freelancer has led me to work for small start up companies specializing in the e-commerce industry. Where I was able to collaborate with a diverse range of stakeholders.

Here you will find some of my recent work along with a design challenge that showcases my creativity and commitment to delivering exceptional design solutions.

Landing pages

This section includes a few landing page designs created during my time at a digital agency. I was responsible for visualizing and presenting redesign concepts to both potential and existing clients. Addressing any of their website business challenges.

E-mail designs

Crafted for clients with a well-established brand identity, these designs demonstrate my ability to deliver visually captivating and engaging communication materials while consistently adhering to brand guidelines.

Social media ads

I also had the opportunity to create captivating social media ads and posts. With the goal of creating insightful and memorable experience toward the target audiences and boost brand visibility.

UIOTW

User Interface of the Week is a design challenge that focuses on the mastery of creating and understanding specific UI components through weekly exercises.

Through this challenge, I was able to showcase my creativity in designing various components such as navigation bars, sliders, text fields, date pickers, and more.

Details

Project

Crystals & Cannabis

Type

School project

Deliverables

Die cut packaging

Tools

Adobe Illustrator

Overview

A brand that blends mythical health practices with cannabis cultivation by infusing crystals into the soil. The visual design of the packages needed to convey different states of mind while maintaining a consistent brand identity that would appeal to consumers.

Drawing inspiration from the brand's unique and mystical features, I developed a cohesive visual system that reflected the brand's distinct values and practices.

Process

Inspiration

Moodboard

Ideation

Logo process
Layout revisions

Implementation

Die cut packaging

Inspiration

Through a carefully curated mood board, I incorporated gradients and packaging designs that exuded a clean, trustworthy, and elegant aesthetic, catering to a specific target audience. The end result was a cohesive visual system that reflected the brand's values and unique qualities.

Ideation

Initially, I planned to use a gradient mesh to create a crystal-inspired color palette for each product. However, I felt that the packaging lacked depth and needed further improvement.

To enhance the design, I incorporated crystal texture as a design element and experimented with typography to add more visual interest.

Implementation

After refining the design further, I made changes to the logotype to align it with the overall visual design. Additionally, I created icons for each package that represented the strain of cannabis used in the product.

To maintain an elegant aesthetic for the packaging, I chose not to use playful typography and instead utilized an iridescent foil treatment for each icon.

Amethyst

The packaging is designed with an indica cannabis flower that induces sleepiness, which is complemented by the use of amethyst crystal known for its insomnia-relieving properties.

Blue Quartz

Known for its ability to aid concentration, was the perfect crystal to represent the second product - CBD drops with hybrid cannabis leaves meant to bring the user into a focused state of mind.

Citrine

The final packaging for this series includes sativa cannabis gummies that provide an energized state of mind, paired with the confidence-boosting citrine crystal.