%20(1).png){kind=small}
Quick facts
My Role
Freelance UX Designer
Duration
3 months
(May - Jul 2024)
Team Members
Account Manager
Creative Director
Product Owner
UX Designer
Copy Writer
Developers
Toolbox
Sketch
Jira
Zeplin
Deliverables
Information Architecture
Wireframes
Mockups
Client
HLK Agency
Overview
Coinstar is primarily recognized for its coin-counting machines, which are commonly found in grocery stores and retail locations. These machines enable users to easily deposit loose change and receive cash or gift cards in return, making Coinstar a trusted name in coin processing and redemption services. Building on its established brand, the company has now ventured into the digital and financial realm with cryptocurrency. Coinstar wanted to introduce a new product that offers a safe and secure digital wallet for managing cryptocurrency funds.
The Ask
Coinstar required a dedicated website to showcase its new product. I was responsible for creating engaging content highlighting the product's features, customer benefits, specific crypto offerings, and a kiosk finder.
Design goal:
-
Create high-fidelity wireframes for essential pages, components, and interactions and guide the development cycle.
-
Define a digital style that embodies the new online brand, providing a foundation for all web components.
Client success metrics:
-
App Downloads
-
Account Sign-ups
Product messaging
Don’t let your cash sit on the sidelines. Take your play money and let it be a player in the crypto game.
%20(1).png)
Establishing the hierarchy
I started by researching various financial companies to determine the best way to present our services, highlight key benefits for customers, and clarify our offerings. While doing this, I noticed a common pattern among their websites, which helped me establish a strong foundation for our own site.
%20Copy_1x.png)
%20Copy%203_1x.png)
%20Copy%202_1x.png)
.png)
.png)
.png)
.png)
Increasing the fidelity
After presenting my initial wireframes to the client and receiving their feedback, I collaborated with the team to synthesize the input and identify which details needed to be incorporated into the website. After two additional rounds of wireframe reviews, we finalized the wireframes, incorporating legal requirements, more descriptive copy, relevant links, and improved iconography.
_1x%20(1).png)
_1x%20(1).png)
_1x%20(1).png)
.png)
.png)
.png)
.png)
A vibrant refresh for the new digital space
Working closely with the Creative Director, we developed an engaging website for the CINQ wallet palette to strengthen the brand's identity. The client was extremely pleased with the final design, which effectively captured the brand's essence and offered a memorable user experience featuring clear calls to action and a casual tone.
.png)
.png)
%20(1).png)
%20(1).png)
Quickly access the right information
Users can easily access essential information, allowing them to make informed decisions with confidence. Service offerings, how-to guides, and consumer fees are prominently displayed on main pages.
.png)
.png)
.png)
Redesigned for greater efficiency
I redesigned the kiosk finder to enhance user visual preference by incorporating both a map view and a list view. Additionally, I updated the map pins to minimize clutter and adopted a unified card design for improved visual appeal.
BEFORE
AFTER
