top of page
CASE STUDY

Clover

wsc.png
poutrgdh.png
Frame 44.png
Frame 2147203893.png
Frame 44.png
Frame 2147203893.png
UI/UX
Web Design
Creative Direction
Campaigns
Branding
Marketing
3D
Photography
Illustration
Tradeshows
UI/UX
Web Design
Creative Direction
Campaigns
Marketing
Branding
3D
Illustration
Photography
Tradeshows
UI/UX
Web Design
Creative Direction
Campaigns
Marketing
Branding
3D
Illustration
Photography
Tradeshows
ptfrhr.png

Leading design for the leading POS

As Creative Director / Director of UX, I focused on transforming Clover to create a cohesive, modern, user-centered brand with a consistent experience that spoke to small businesses and drove conversions. 

6%

YoY Growth in Brand Awareness

120M

Site Visits /Yr

5 Mins

Average site visit duration

WCAG AA

ADA Compliance

+302% 

YoY Organic Growth in Blog Clicks

+207% 

YoY Organic Growth in Sub-Vertical Pages

System Lines

Implemented a graphic pattern to the brand called the "System Line" inspired by the veins in a clover leaf. The lines ensure clover is represented across touchpoints in a unique way. 

Frame 72.png
gvfrewetransparent.png
cbdfndrg.jpg

Expanding the color palette

The original clover brand focused heavily on one shade of green. To allow for more flexibility and a breathe new life into the brand, the color palette was expanded to include new green values and more notably, a purple compliment inspired by the Clover plant.

jhedrh.png

3D Rendering

For a company heavily focused on selling tech hardware, 3D rendering is the go-to method of representing the product. Utilizing Cinema 4D, I brought the Clover device suite to life with photorealistic renders and 3D animation. 

Frame 66.png
scaasa.png
hardware_carousel_kiosk.png
Frame 42.png
Frame 46.png
wsef.png
Frame 2134096890.png

Illustration

The illustration style is designed to be simple and clean. This method is used to represent clover devices in an alternate but complimentary way.

srvgs.png
svsdcs.png
srvsvsas.png
ils.png

Small

ilm.png

Medium

ill.png

Large

Reaching our audience where they are

Understanding where our target audience spends their time meant we could craft out campaign outreach more effectively to move prospects through the funnel. Some of these methods included digital, OOH, trade show booths, sports arena partnerships, social media, display ads, and more.

billboard.png
Frame 69.png

Data Visualization

Unique and branded data visualizations for Clover that stand out. 

sdfsv.png
mnhgb.png
purpchart.png
rodebn.png
rtugd.png
ouikugj.png

Crafting the clover.com digital experience

Led design for clover.com with a focus on enhancing the site's conversion rates, usability, accessibility, SEO, and visual appeal.

Frame 2147203898.png

Page design process

An iterative and structured process is the key to delivering consistent results. As I shaped the Clover site experience, I broke down internal silos and worked across the company in order to understand the product I was marketing and the audience it is marketed to.

ktfetg.png

01

Understand

Research the target audience, product specifications, data, and more in order to plan out the page approach.

rtghsrghdrt.png

02

Design

An iterative design approach that starts with content blocking, moving to wireframes, then high fidelity mockups and prototypes.

powsrg.png

03

Test

Testing and tracking the implementations and A/B variations in order to optimize the experience and lead flow.

Verticalization & Dynamic Content 

Through robust analytics, sales data, keyword search data, and more, I identified and delivered content across key verticals and sub-verticals in varying industries.

Photography

Developed a photography style that conveys the heart of our small business clients. 

  • The device is not the star of the shot, rather the small business team

  • Always showing the small business owner in action

  • Scenes are authentic to small businesses, displaying controlled chaos. 'Worked in' but not overly cluttered

  • Backgrounds communicating the context of the small business vertical are key

  • Compositions have shape, depth, and texture but don't look too rigid or perfect

  • Irregular and eye-catching shapes work well

  • Atmospheric details are encouraged: glare, action blur, partial obfuscation, bokeh, haze, etc.

ersver.png
wefawc.png
wqefsdf.png
walekfera.png
rtsedvarae.png

01

SMB Personas

Delving into their motivations, preferences, and behaviors of various SMB verticals, we create more effective experiences.

02

Tailoring Interactions

Ensuring each merchant feels uniquely connected to the Clover brand through direct, personalized interactions that demonstrate a deep understanding of their needs.

03

Deepening Conversations

Connecting with merchants when and where they need you, guiding them to solutions that empower their business and free them to focus on their customers.

iujhgrtdbe.png
dgazsa.png
erds.png
windowgws.png
ufhny.png
oyujfgh.png
rdxdj.png
jrktbws.png
eweca.png
etrhgswaebgv.png
bottom of page