SalesPlayX
Website
Webflow | Figma | HTML/CSS | 2024
SalesPlayX is a sales management software company based in Honolulu, Hawaii. They were rebranding and needed a new website with the new brand identity, motifs and more information than their previous had. I created in total, 24 pages including custom graphics to expand on the branding, and various animations and interactive elements.



Project Brief
As part of SalesPlayX’s brand refresh, I organised the company’s existing visual assets into a clear, cohesive reference guide. The page outlines the primary typefaces, including Open Sans and Lumios Marker, the brand’s core colour palette, and a collection of hand-drawn arrows, symbols, and decorative marks. These elements establish practical foundational guidelines for maintaining consistency across presentations and digital materials while giving the brand a recognisable visual style.
After further discussion with the client, we established additional specifications for the use of graphics, colour, and layout. White was selected as the primary background colour, with deep purple used for text to maintain readability and accessibility. The brighter accent colours—pink, orange, and red were to be incorporated sparingly and distributed thoughtfully throughout each page to create contrast and a playful side without overwhelming the content. We also defined a more intentional approach to graphic placement and spacing, allowing the hand-drawn elements to add personality and movement while maintaining a clean, structured, and professional overall aesthetic.
Market Research
It was important for the website to reflect the nature of the company's target audience which was business owners looking for ways to streamline B2B sales. The user experience of the platform itself is very important, and to take inspiration from how similarly formatted websites was a way for us to come up with the amount of infographics, illustrative elements, links and pages we needed.
Desktop View

Interactivity
Each page incorporates interactive elements such as sliders, cards, animations, 3D effects, and buttons to create a more engaging and dynamic user experience. Using Webflow’s native tools alongside its custom code embed feature, I developed these components through a combination of built-in interactions and custom HTML and CSS. This approach allowed me to balance functionality and visual appeal while creating a cohesive, interactive experience throughout.
Mobile View
Taking a vision to a tangible and working design takes the ability to be flexible and change ideas when needed. The mobile view for this site includes all of the same information as desktop, but simplifies navigation for accessibility and efficiency.






















