Role: Creative Direction, Design, UX/UI
Axure, Balsamiq, Photoshop
Dettol wanted a mobile campaign that highlighted common surfaces common in those particular rooms. On the initial landing page, when a particular region of a traditional house layout was clicked on, the room would highlight, and cleaning products geared towards that particular room would need to be displayed. Each product and corresponding information was to be shown, as links to each of those products on Boots.com. Dettol also wanted this to be an interactive experience, highlighting its line of skin-safe yet environmentally friendly germ killing products.
The product kickoff meeting was initiated and included both internal and UK teams (account management, product management, brand content, design, and web development) to better understand the overall page goal and visitation requirements, as well as to shore up all existing Dettol brand standards, imagery and UI elements. This was a unique tool to be built from scratch, so not only did it need to convey the information in a clear and concise way, but also had to be something that could be realistically built.
I then conducted a competitive analysis survey of what other sites were doing, as far as using an accordion style format for product display and information, especially with mobile constraints. Mobile capabilities would dictate how the design would progress, so it was imperative mobile view was compliant. I then met with the Web development team to whiteboard page flow and navigation. I then mocked a low-fidelity prototype to test internally, and then mocked final high-fidelity versions to pass along to web development for build.