The web transformation project at Hive involved bringing all product and plan pages up to speed and aligning them with the same design for a cohesive experience. I was contracted on to help execute this transformation and to liaise with the development and QA teams to ensure a smooth rollout.
The heavy lifting in terms of design for these new pages was completed by the talented Pierluigi before I joined at Hive. I primed these pages for a speedy rollout.
Before we began the development sprint, we implemented a new convention in our workflow; A designer QA follows our standard technical QA as these product pages are such an integral component in the eCommerce journey. Built pages get assigned back to the designer who worked on them to ensure the live code accurately reflects design while still prioritising our go-live date over minor differences.
Following a design QA, we were able to quickly card up apparent issues to fix multiple product pages at once. This saved retro-fixing pages which had been released without a change for design approval
In the design elaborations that preceded build, we discussed how to best present Hive’s products to show them in lifestyle situations but also to present them as a standalone.
We feature single products, alone, just below the header sections. These product-only shots show how they’d fit
All assets were exported @3x for the highest quality on newer devices such as Apple’s iPhone X. We ensured that layouts fill the screen while remaining crisp – a low-resolution image would only suggest a low-quality aftersale experience. High res images make the on-page
Luckily, the development team manage image optimisation which meant we could work a little faster. The automation of scaling images to fit pages meant as long as we had ratios correct (eg 16:9) we could export rapidly and then be there for developers when they had queries.