Handshake Solutions - Website Design and Animations

Handshake-Solutions is a retail technology company focused on helping brands and retailers improve their in-store execution and commercial performance. The platform provides tools for tracking store performance, empowering field teams, and turning retail data into clear, actionable insights.

In this project, the role covered end-to-end product design and Webflow development for the marketing website. The goal was to translate the product story into a clear, conversion-focused experience that feels modern, trustworthy, and easy to explore.

The process began with low-fidelity wireframes to establish the information architecture, key user journeys, and overall page structure. We collaborated closely with the client to align with their expectations and gain a deeper understanding of their target audience. We used Relume to keep low fidelity design consistent and faster, and adding custom changes to the specific sections by client requirements.

Then high-fidelity UI was designed in Figma to establish the visual language, components, and interaction patterns, followed by building the site in Webflow with responsive layouts.

Finally, we designed the animation flow in Figma to clarify the logic and convey Handshake Solution’s intended message to customers. The animations were then created in Rive and integrated into the website to add subtle, dynamic motion to key sections without distracting from the content.