Modernise and simplify user experience for Eco Lawn

In this project I worked as a freelance designer om behalf of UserXD. I was in charge of delivering a hi-fidelity prototype that could go on to being built out into a new website for Eco Lawn.

Freelance designer (UserXD)

Role

Freelance designer (UserXD)

Role

Background

Eco Lawn was ready for a refresh of their website and looking for way to give the customer a better user experience and help the business acquire potential new leads through their website as their current leads only came in through phone calls. The goal was to create a simple experience for a customer to get a quote, learn about specific needs for different artificial grass types, and quickly be able get in touch with Eco Lawn.

Goals

A simple experience for a customer to get a quote

Designing an online quote tool eperience would help customers easily find out what type of lawn fit their needs and give Eco Lawn a lead to work with, ultimately connecting business goals to a better user experience for customers

A simple experience for a customer to get a quote

Easy to learn about specific needs for artificial grass and lawns

Designing a clean modern layout that serves as the foundation for all the content and information the company has to offer on artificial grass and lawns.

Easy to learn about specific needs for artificial grass and lawns

Designing a clean modern layout that serves as the foundation for all the content and information the company has to offer on artificial grass and lawns.

Easy to learn about specific needs for artificial grass and lawns

Designing a clean modern layout that serves as the foundation for all the content and information the company has to offer on artificial grass and lawns.

Figma library analytics interface, showing the top teams that used components from the design system and which components were most inserted into design files.

Old and new design for Eco Lawn

The screens were designed responsively for smaller and bigger viewports. Here also showcasing the designs for the consultation and quote tool, connecting business goals to a better user experience for customers.

Conclusion

The Eco Lawn project was all about blending business goals with an improved user experience. With some great research done by the team at UserXD, I felt confident tackling the challenge of simplifying a website loaded with jargon, making it easy for everyone to understand what Eco Lawn is all about – especially emphasizing its Kiwi roots because, who doesn't love supporting local?

The quote tool made it easy for customers to find what they needed, cutting out the hassle and connecting them with Eco Lawn very quickly and easily. And we didn't forget about the team behind the scenes. By delivering these designs as building blocks for Eco Lawn's website, we empowered them to do their thing more efficiently.

The Eco Lawn website turned into a user-friendly space that not only attracts leads but also resonates with visitors on a personal level.