Hexey Lifestyle Revolution

responsive web design

After delivering Hexey’s microsite proposal to expand its services to include additional options as a leader in the meal ingredients delivery market, the team has now proceeded into stage 2 development. For more details on the previous project refer to Project 2 - Hexey Lifestyle Revolution. The next phase of work is to develop Hexey’s microsite stage 2 development into an optimized responsive web design well for the future; where users on the move are able to access the site through the wide variety of devices. The responsive web design is an elegant and seamless way for Hexey’s microsite to load much quicker on mobile devices; eliminating the need to zoom in or out. Other attributes to Hexey’s responsive web design are that checkout pages are responsive, making it easy for user to purchase regardless of the device that they are accessing the site from. The ingredients shopping experience for the user across all devices at one unique destination is thus optimized and pleasant.


Using previous data collected from stage 1 development, the team reused the benchmark and personas to move forward in the development of storyboarding, journey mapping, scenarios mapping and tasks analysis. The personas helped establish the team focus and create user process flows on an empathic level through the personas perspectives. Design studio was set up for the team to work in an agile environment to spur ideas through series of paper prototypes and usability testing in an efficient and low-cost manner before moving forward to high-fidelity prototyping using industry standard software - Axure.


User participants were recruited based on their main characteristics similarity with the persona. Each user participant's test sessions were recorded for study purposes. The behaviours of the users’ interaction with the prototype and the way they carried out the specific tasks, allowed the team to note for recommendations for iterations. Hexey’s responsive web design exploration, has key findings with minor iterations identified from usability testing. It is recommended to work closely with a visual designer on the color schemes needed to implement on the prototype for clearer call-to-action motivation before performing the next usability testing based on other scenarios (user process flow) and secondary breakpoint using tablet.