Choosing a front-end library
The UI library is not your brand, it's merely a starting point and enabler to get software out as quick as possible. I therefor help the developer choose a library based on site functionality. From there it's a continues negotiation between brand, usability, core functionality and development time for the need of any custom components.
Defining the MVP
The challenge for this product was mostly time to market. So to come up with a proper minimum viable product was our first task.
The Search, basic search result, login & register, adviser profile and adviser dashboard was our starting point.
![](https://uploads-ssl.webflow.com/5de603bab8a0eda921aea0ad/5df8c33958975f7deed8d4ad_img_AdWiser_co.za.png)
Home page with primary search functionality
UX Design
The different subscription options for advisers created many different search result and adviser profile scenarios. These flows were all designed out in detail with Brian on Miro. We used Miro as we were in different physical locations.
Designing in collaboration with your client or business stakeholder ensures better client satisfaction and faster sign-off.
![](https://uploads-ssl.webflow.com/5de603bab8a0eda921aea0ad/5df8c2aa2916d4af0ff87578_img_AdWiser_Result.png)
Home page - search result
![](https://uploads-ssl.webflow.com/5de603bab8a0eda921aea0ad/5df8c3388de4502ceff9c63d_img_AdWiser_Sign%20in.png)
Login & Register with both audiences in mind
![](https://uploads-ssl.webflow.com/5de603bab8a0eda921aea0ad/5df8c2aad77ee11100d3a3a9_img_AdWiser_Profile.png)
Customer facing - Adviser profile
Review process
The 3 question review process was a product differentiator for Brian. The design problem we had to solve was, how do you explain the financial adviser process and what is expected of the financial adviser for each step as well as giving the financial adviser a rating per step.
We solved it with content writing and conversation design. There are 3 questions each relating to a very specific phase in a typical adviser-client interaction. The answer to the question changes depending on how the user rates the adviser using the slider input.
![](https://uploads-ssl.webflow.com/5de603bab8a0eda921aea0ad/5df8c2a98de45060b4f9c49b_img_AdWiser_Review.png)
Review process - 3 questions
![](https://uploads-ssl.webflow.com/5de603bab8a0eda921aea0ad/5df8c2a82916d47609f8756f_img_AdWiser_Review2.png)
Review process - comments
AdWiser for Financial Advisers
To give the financial adviser a true view of what his profile will look like for his potential customers, his profile view is a duplicate of the customer facing profile view, the only difference is the edit icons per section. Each icon will bring a modal to edit the content.
These modals also serve as the on boarding and register flow for financial advisers. Not only creating familiar user patterns but also saving on development time.
![](https://uploads-ssl.webflow.com/5de603bab8a0eda921aea0ad/5df8d54fd77ee124a9d429f3_img_AdWiser_Adviser_Profile.png)
Financial Adviser Profile Setup
The Adviser dashboard will be home to metrics and data all showing performance and ranking. Also widgets to make it as easy as possible to invite clients to review them. Exciting things are planned for this space coming soon...
![](https://uploads-ssl.webflow.com/5de603bab8a0eda921aea0ad/5df8c2a9d77ee15d97d3a3a6_img_AdWiser_Dashboard1.png)
Financial Adviser Dashboard
![](https://uploads-ssl.webflow.com/5de603bab8a0eda921aea0ad/5df8c2a9837d91b7f26c13e3_img_AdWiser_Dashboard2.png)
Financial Adviser Ratings and Review Dashboard