Ansarada website redesign (UI & UX)

Optimise the Ansarada website



Problem
The current website is not optimised
  1. Content is generic and not specific for visitors and their roles and industries
  2. Ansarada’s positioning is not clear
  3. Content does not clearly convey the value of the platform
  4. The visual design is not compelling
  5. Site performance is low
Hypothesis
A relaunched website with new designs, IA and content will increase engagement on the website.
Success
  1. Increase visitor to MQL ratio from 0.7% to 1.5%
  2. Reduce bounce rates from 79% to 70%
  3. Double session duration from 284 seconds to 56 seconds or more
  4. Increase unique page views?
Solutions
  1. New designs for key pages that will increase engagement of the target market
  2. Rich content and new positioning for key pages
  3. Improved site performance such as improved SEO and lower bounce rates
High level structure for the website.
This diagram identifies which pages are ‘dynamic’ and which are ‘static’.
‘Standard’ navigation appears across all dynamic and static pages.
‘Standard’ navigation, plus ‘Mad-Lib’ panel introduced as a sticky top level navigation as the user scrolls down. Allowing user to update at any point on these pages.
To only display within Dynamic pages.
Refer to this section for general mad-lib and page behaviours.
The IA itself has changed. Please refer to DRAFT: IA – Static Pages for the latest IA structure.
Happy path from Home page to Ansarada platform
This is the high level journey demonstrating the path from home page to entering the platform.
Customer story
Jeff is an Advisor in an Investment Bank, working with mid market clients.
Jeff’s Finance client has a Mergers and Acquisition event and he is researching tools.
Jeff discovers a software provider and spends 5 minutes on the website.
Jeff’s first experience with the Ansarada website
Content Model
This is a guide for writing and inserting content.
The content should be written and ordered in a way that starts more ’emotional’ (Why), and gradually move towards more ‘functional’ (what) information.
Components can be used in any order to achieve this.
Any component which contains ‘STATIC’ in its name, can not be used within dynamic pages.
Full list of components can be found here
Home Page Interactions
Although the home page is not a dynamic page, the content model remains the same, starting with ’emotional’ (Why), and gradually move towards more ‘functional’ (what) information.
The ‘Mad-lib’ dynamic form appears at the top of the page. The user can choose to interact with it and be taken to a customised dynamic pathways page, or simply scroll down for general information about Ansarada, or navigate via the top level navigation.
If user scrolls away, ‘mad-lib’ condenses and copy updates to “I want to choose my pathway” and is ‘sticky’. When clicked, page to scroll back to top to display full ‘mad-lib’ form.
Visual design
A series of templates (x12) and components (x39) were then designed to allow for content to be easily drag-n-dropped manually and also be used in the ‘dynamic’ pages generated by the content captured in the ‘mad-lib’ form.
Design system
All elements designed for this website were also used to build a design system containing visual design, interactions and design token documentation.