Hiya Landing Page
Using custom graphics to ensure clarity and conciseness
The client's top priority for this project was to get a clear and concise site launched in under two weeks. The challenge was to introduce a new approach to language learning without bombarding visitors with text.
I knew that custom-made visuals would increase comprehension of concepts such as 'language exchanges' that most visitors would not immediately understand. By using a simple layout and highlighting the graphics with tailored animations, we could keep the copy brief and give the site some personality.
Using Relume.io to build on a tight deadline
With just two weeks to design and build the site, I was glad to have Relume to cut out the monotonous parts of building a Webflow site, allowing me to focus my energy on the designs and getting creative.
Using Relume's Site Builder, I was able to quickly iterate on sitemaps and wireframes without getting too committed to a single idea. Soon enough, I was working on the designs and building a styleguide to ensure consistency and clear visual hierarchy.
The finished product
Using the existing colour scheme and a simple typographical scale, I added Hiya's friendly and clear personality to the site. I used Figma to test out different ideas and run them past the client, before settling on the final designs and transferring them over to Webflow.
Following best practices to ensure images were properly sized and tagged, I built the site in a day and had some time to test it on Google Lighthouse to ensure it met industry standards for accessibility and would be ranked well by search engines.
Get in touch
Let's talk about our next project