~ DBA - web design ~

A really key part of our concept was the online questionnaire - its how the overall product/concept would be marketed and sold to the public. We imagine due to this most sales would be online as this is where the audience would be drawn into the actual concept behind it. 

The website would provide a detailed personality questionnaire (taking around 10 mins to complete) allowing a user to find out which category they fit into. The result would tell you your personality type percentages for example Analyst 98% with 2% Explorer could be a result. It would then go on to allow you to find out how this personality trait effects various areas of your life, friendships, relationships, children, career choices. It would also let you know how each variation of the Personalis study drug would enhance and improve/direct their personality traits and ways this could help them in changing aspects of their life they may be un-happy with. As a concept its really immersive and a brilliant way of selling the product as a real lifestyle choice - your not just selling a study drug your selling a whole new perspective and drive to be different to someone - its a brilliant concept and the web design is intergral to this being effective. 

This was an initial web design experiment just showing the landing results page. I initially included the actual pattern design as part of this but then felt it was the information that really needed to sell this idea. So a much more minimal and content based design would be much more appropriate for this instance.

This is my final design for the layout of the quiz. I kept the design really simple and informed by the overall brand identity/rules that we created. I used the gradient background for its boldness and simplicity. Then continuing the theme of circles and fluidity I used those to represent the scale giving the audience a choice about how strongly they feel towards each statement.

This is my final design for the result landing page. It would be a scroll through of information; starting with a basic description then going into more detail; eventually linking to how the product could change things for each individual according to the result they were given. The option to buy the product would consistently be at the bottom of the page.

This is a mock up showing the design in context.