Working with a UX designer and a product manager we defined a series of customers that use the corporate site. Using these findings and experience takeaways/design principles already created by Else London wireframes and module structure was created for each core page for two journeys, Prospective Client and Prospective Associate & Press. We created a mandatory and optional module structures for each page with detailed annotations for the client.

We used the company's newly created design system, named Beacon to create this new structure. This was the first time using the Beacon to create page designs, so some of the components needed design tweaks and changes to fit the need. We created a system to manage this, which was the module table with links to the Beacon files, any similar developed pages and which principles the modules touch upon and all the module variants. This evolved with each page and became quite a useful document. We had numerous design checkin and critiques with the design manager and other designers to challenge and improve the work. Once we were happy with the pages we worked with the client to prioritise the module development and created detailed documentation for developers. In total we created a suite of 13 new pages across two customer journeys on four different breakpoints.  

The solution

The process

Template structures

Working with the UX designer we defined the template structure for each core page. We aimed to make the structures flexible for the internal team to update when needed and customise to their needs. The mandatory modules hit upon the experience takeaways/design principles predefined by Else and were an important part of the brief.  principles