Current website prioritized product features over cost-savings benefits
Initial website was created to help Nume receive funding. When doing informal testing on the previous website, people had questions about how products worked:
*Although payments with cryptocurrency is not mainstream yet, 100+ waitlist signups is a sign people are interested to learn more about what Nume has to offer.
Timeline
3 months (April-June 2022)
Role
Content design, graphic design, UX research
Team
2 cofounders, 1 engineer
*Although payments with cryptocurrency is not mainstream yet, 100+ waitlist signups is a sign people are interested to learn more about what Nume has to offer.
Timeline
3 months (April-June 2022)
Role
Content design, graphic design, UX research
Team
2 cofounders, 1 engineer
Initial website was created to help Nume receive funding. When doing informal testing on the previous website, people had questions about how products worked:
Initial website was created to help Nume receive funding. When doing informal testing on the previous website, people had questions about how products worked:
The new website needs to communicate to people why Nume can be valuable to them. Nume’s product features aren’t meaningful to users if they don’t understand the value of Nume to begin with.
I created copy & organized content for the website in Figma with feedback from the head of product and CEO. Our primary focus was highlighting the 1% transaction fee, which offered significant savings for users.
I created copy & organized content in Figma with frequent feedback from the head of product and CEO at Nume. By synthesizing key insights from surveys conducted, I could succinctly translate user pain points into key product offerings. As an early-stage company, we were still establishing the problem our product aimed to solve. Our product offerings were subject to change as we learned more about our target audience and market, resulting in evolving website content. Our primary focus was highlighting the 1% transaction fee, which offered significant savings for users.
This last design is the one we shipped; it was simple & straightforward where people could read about NumePay Business & explore the page to learn more about the product and it's benefits.
When tasked with designing the website's visual brand, I searched online for inspiration and resources to create cohesive brand design guidelines. With limited assistance from the rest of the team, who were preparing for a product demo for investors, I chose variations of purple as the color palette to maintain consistency with Nume's existing logo. Online research guided me in effectively applying each color within the design system.
For Nume’s brand guidelines, I chose variations of purple as the color palette to maintain consistency with Nume's existing logo. Putting together these guidelines taught me how important it is to be consistent in typography, color, and size.
Heading 1 Bold 48px
Heading 2 Bold 32px
Body copy 1 Medium 24px, line height 36px
Body copy 2 Bold 20px, line height 28px
Subtitle Regular 18px, line height 24px
Links Medium 24px, padding 12px
Buttons Medium 24px, padding 48px, 16px
Primary neutral background color
Secondary background color to draw attention to certain panels
Primary color used for CTA components (links & buttons)
Primary text color used for body copy
Secondary text color only used for body copy and subtitles
Linear gradient used on select works & icons to draw attention
#483B59
#5155D4
#9F44FF
Using cryptocurrency as payment is a new method that is unfamiliar to many. The concept of cryptocurrency itself is daunting due to the difficult jargon used in the space. To help people visualize what the checkout experience looks like, we provided a step-by-step breakdown to make it easier to grasp. The goal is for potential users to see how simple & easy the checkout experience with Nume is; no QR code, browser extension, or seed phrase is required!
To help people visualize what checking out with crypto looks like, we provided a step-by-step breakdown to make it easier to grasp.
The goal is for potential users to see how simple & easy the checkout experience with Nume is; no QR code, browser extension, or seed phrase is required!
There are 2 other large competitors in the U.S that have been endorsed by large companies such as Microsoft and Shopify. To compete with these established companies, we needed to find a way to elevate the incredible savings we offer for users compared to competitors. To set ourselves apart from other payment processors, we included a comparison chart to show businesses how they can save more money with us over competitors. The goal here is to show (not tell) users why we’re the better payment processor.
To compete with competitors like Coinbase and BitPay, we included a comparison chart to show businesses how they can save more with Nume. The goal here is to show (not tell) users why we’re the better payment processor.
courtneylee9001@gmail.com
linkedin.com/in/courtneylee1321
