My first assignment when joining ING was to redesign the website for the SparQ tool.
SparQ is a tool that helps users to be aware of- and act upon regulatory changes (laws).
Goal:
Create a modern website for Legal & compliance professionals that triggers a Demo Request by highlighting effectiveness, efficiency, and solutions for high costs and workload.
Process:
Understand the business
Determine style
Check competitors
Sitemap & wireframes
Build UI in Figma
Role:
UI design
Frontend dev
Tools:
Pen & paper
Notion
Figma
Webflow
Year:
2021
Key takeaways for the homepage
Blue was chosen as the dominant hero colour — perceived as reliable, an important factor for Legal & compliance professionals.
Yellow highlights in the header add a touch of fun (20% happy socks was the required tone of voice). Stripe's website inspired the hero layout.
Solution page
The Solution page goes into detail about SparQ's different features. Together with the product team we decided what elements to present and in what order — what they should look like was up to me.
Despite the feature-rich and complex tool, I wanted the website to create a sense of ease through generous white space and only displaying the most important parts of each feature. The light blue, white, and pastel-yellow palette contributes to the airy feel — as does the glass design.
