Future Works | Website

I designed the Future Works website, focusing on vibrant visuals and usability. The project included wireframing, content mapping, and creating a design system for consistency and scalability.

UX, UI, Design System & Motion Design

While collaborating with the team at Saentys, I was tasked with wireframing and designing the Future Works website for a new office development conveniently located next to the newly opened Crossrail station.

🚩 The Problem

To effectively promote the Future Works office development, the website needed to clearly convey information about the project while providing an engaging user experience that highlighted its prime location and offerings.

Summary

🎯 The Objective
Our objective was to create a vibrant and user-friendly website that showcased the office development with a focus on usability, clear navigation, and appealing visuals that captured the essence of the project.

👤 Involvement
I was involved in determining the information architecture, mapping content, wireframing key user flows, and designing the UI. This included specifying animations and creating a comprehensive developer specification document to facilitate a smooth handover. Additionally, I developed a style guide and custom design system to ensure consistency and scalability throughout the site.

Conclusion

🚀 Results
The visual design emphasised a bright, bold, and fun UI while maintaining usability with clear and prominent navigation, allowing easy access to all site pages. The design system and style guide greatly aided the developer handover and future content additions.

🏁 Conclusion
The Future Works website effectively combines engaging visuals with a straightforward user experience, providing visitors with easy access to information about the office development and its unique location.
Contact