Site redesign
Part of a very ambitious transformation project which included a complete front end re-platform, re-brand and re-design; delivered in just 12 months.
RESPONSIBILITIES
Project management
UI design
Digital design
Training plans
Front end code (HTML, CSS)
Leadership of design teams (UI & Digital Design)
Sketch
Jira
Confluence
Trello
Amplience
Salesforce
Tools used:
Zeplin
Photoshop
Google Ad Manager
Excel
PowerPoint
Product Page - Before
Product Page - After
Listing Page - Before
Listing Page - After
A complete redesign, as part of the replatform. Working closely with UX team, a serious tidy up of years of clutter, with a brand new creative & style guide. Resulting in a more clean and modern front end.
site redesign
Define
Ideate
Design
Deliver
Then we moved to ideate in Sketch, to establish the components structure and pinpointed which design elements we wanted our team to be able to modify in the CMS.
We used a Confluence page to keep track of the elements, and link back to the user stories.
The designs for each component, including all variations, were made on Sketch. These were then uploaded to Zeplin for the developers. Additionally, the designs were placed in a library, so we could quickly mock-up where and how they would be used across the site.
The developers began building the designs, but with the tight deadline and a brand new team on board - I stepped in to help with guidance on HTML & CSS.
Test
Once designs were in place, we completed UAT testing. This included device testing & cross-browser testing.
Create 👇
CMS replatform
Using Miro, we audited the website's page types and identified the areas where we needed content controllable by CMS.
Next, we categorised the different content types and created user stories on Jira for each component.
7,336
Pieces of content created in under 6 months.
Over 7000 content items were migrated from an outdated in-house content management system, to a modern component-based CMS, Amplience.
I managed the scoping, prioritisation, assignment, status reporting, documentation, training, and a large chunk of the actual migration.