COFFEE, BEST SERVED WITH SQUARE.
Square has been the most trusted point of sale and the pioneers in the innovative coffee space. The goal was to make a concerted push towards Coffee shop sellers and communicate that Square is still the very best as a payments choice provider and tailor-made just for coffee shops. A landing page, testimonial page, social media posts and photo video assets were created for this goal.
Interaction Design | UX | User Research | PROTOTYPE | WIREFRAMING | Content Design LANDING PAGE
ART DIRECTION
The landing page needed to feel like Square yet still be clear that it is tailored specifically to coffee shops. We intentionally focused on the imagery to do some of that heavy lift but also injected some fun and interaction and animations that spoke to coffee. The loading animations all had drippy liquid effects to simulate the pouring of espressos and the pops and custom hover swaps really felt pleasant to the overall theme.
SELLER PAGES
Maybe you want to turn a hobby into something more. Or maybe you have a creative project to share with the world.
PHOTOGRAPHY
-
The first step we set out to do was sit down with our PMM partners and creative collaborators to understand the context on why this page was needed. What challenges exist for this audience and what we can look to solve?
I took part in interviewing Sellers and listening to their stories and how they use products, what they loved, what they didn’t like what suggestions they may have to improve the experience.
-
Our user are Square sellers current and new users who are prospective Sellers looking to set up their cafe. We had to understand what was performing on other pags what content blocks should be included and how they respond to it in combination with our research partners.
What pivotal insight unlocks the challenge? From interviewing our Sellers, Account Executives and team members, we know that users value: Simple setup, Ease of use for reporting and,insights, Integrations, and the sleek hardware.
-
Whether it was sign-ups or engagement with our content and setting up their coffee shop trial, or watching a demo. We prioritized what we wanted the page to do for users upon visit. We also needed a way to house coffee stats and data from Sellers to be viewed alongside Seller Testimonials that demonstrate other Sellers and how they use our products to help convince our users this is right for them.
For this project, the tasks and flows had been set by our PMM partners already in terms of what they want users to do on the page.
DESIGN SOLUTIONS :
ART DIRECTION
We then created a campaign wrapper design exercise with the top winning concepts.
PROCESS
Several moodboards were explored to get the right feel for the campaign. I explored aesthetics from Cafe Volumes, looking for peak photography of beautiful coffee shops across the globe.
After project kick-off I led a brainstorm within the team to start ideation around a campaign theme and hero concept. Several sketches, headlines and inspiration were documented and generated in figjam.
We landed on a final campaign hero concept to drive the creative with several other proof of concepts.
INSPIRATION AND COMPETITIVE ANALYSIS
We had explored several pages that had interactions we enjoyed and that were suitable for this project. We also took a look at what our competitors were doing and examined their structure and content.
WIREFRAMING & CONTENT
The landing page needed to feel like Square yet still be clear that it is tailored specifically to coffee shops. We intentionally focused on the imagery to do some of that heavy lift but also injected some fun and interaction and animations that spoke to coffee. The loading animations all had drippy liquid effects to simulate the pouring of espressos and the pops and custom hover swaps really felt pleasant to the overall theme.
