Analyst Ratings

We included the number of analyst ratings and worked on two different views for the analyst comment section.

Option 1: Comments from a Company level

Option 2: Comments from Analysts

Company Level

Comments would be displayed from a company level (Citi Group, Bank of America, Credit Suisse etc.)

Users can select to see buy, hold or sell comments. The one with the highest rating will be selected by default.

Analysts

Comments would be displayed from single Analysts.

Users can select to see comments grouped by company level (Citi Group, Bank of America, Credit Suisse etc.)

News

We refined the way the user interacts with the News Section, exploring the idea of adding background video related to the the news piece.

We added a step in between the headline and the full story, giving the user more context to decide either to keep reading or go back to the full stock page.

Level 2

For Level 2 we need a solution which is flexible to both our current and future requirements but ultimately is an interesting, engaging interaction. The first iteration we have here is an overlay which acts as a scalable container for larger lists.

x

‍Asset detail - Advanced view

We have also been working on the Advanced view of the ‘Asset detail’ page. Specifically this means looking at the extra detail that this particular view would provide.

Single buy

First pass design for a single item buy. For this scenario the start point is a stock detail page and there is an emphasis on keeping the flow as simple and clean as possible.

Multiple items buy

A more complex flow involving a larger basket experience where multiple items are added and purchased. Starting point is selecting items from a watchlist that the user follows.

We’ve made changes of order details part more outstanding and easy to convert between sell by dollars and sell by shares in one click. Also, to make 'order type' dropdown button more exposing to allow an intuitive way to look at it, we’ve relocated to the middle of the screen.

We also updated confirmation page UI components to show selling details incl. tax data.

First pass look at sell approach for ‘Make a trade’. The scenario is selling a single item from Stock details and mirrors the ‘Buy’ approach in its simplicity.

My Portfolio Investments

As part of a move to mentally shift the way customers approach how the organise their funds, we would like to reserve the term Portfolios for a customer’s “bundle” of assets.

This allows them group assets into custom Portfolios that can also have a goal attached to them.

We are able to dive deeper into analysing a customer’s assets across the spectrum and view it through different lenses.

The categories are available to swipe through across the top and we always offer suggestions to diversify and reduce vulnerabilities as a result.

Portfolios, Goals & Holdings

Customers are able to create custom portfolios to help group their assets together.

Goals can also be attached to portfolios which help customers keep track of their goals.

You are also able to view all holdings as a list and filter the views accordingly.

My Portfolio vs Discover

The My Portfolio* section gives the user an overview of existing investments' performance and a detailed breakdown of all holdings.

The Discover section provides the user with recommendations and insights to guide future investments.

My Portfolio

My Portfolio - Overall performance of the users investments and relevant insights.

Portfolio Breakdown - Breakdown of different investment types (stocks, funds, crypto, commodities) and sectors.

Your Investments - Individual holdings for each asset class.

Discover

Picked for you - Recommendation based on the user profile/preferences. These can be edited.

Clark’s balanced profile surfaces investments that can diversify his portfolio and lower his overall risk.

Discover

Picked for you - Based on the users persona, the system recommends Stocks and Experts which match their persona

Products you love - Recommendation based on spending habits

Discover

Investment strategies - We want to empower the user by giving them insides to different investment strategies

News - Breaking news that could affect markets or investments

Popular this week - Current popular investments

Discover

Collections - Explore using thematic tags (e.g Citi loves, eco, ethical etc)

IPO - New securities that are becoming publicly traded

Sectors - An overview of all GICS Sectors

Prioritising Personalised Content

We prioritise personalised insights for the user at the top of the discover page. As you scroll, the content becomes less about personalisation and more about surfacing broad entry points which the user can action to drive their own exploration.

Guiding the user

In the customer-driven section, we can still recommend options we think are the best fit for the user. This maintains a sense of guidance from Citi even when surfacing lots of options.

Picked for you

The picked for you section surfaces personalised content and recommendations. Clark’s balanced profile surfaces investments that can diversify his portfolio and lower his overall risk.

Investing round ups

The round up component identifies recurring transactions that the user often performs, and provides a quick interaction to invest spare change from these purchases into the relevant stock.

Coach marks

Integrated coach marks sit within important sections and only appear when the user enters the section for the first time.

They introduce important features and functionalities.

Clay

Clay is a personal assistant that understands customers’ specific needs nudging them towards the next best action.

Clay can offer help in tricky situations, offer suggestions that could be fun to complete and reminders on important events and actions.

Clay gets smarter the more it learns about its customer.

Search

The user can use search to find specific investment options.

If they clicked into this section without knowing exactly what they're looking for, we would link them to the discover section.

We follow through to more generic news items that allow customers to browse through various sections of interests. Items that are more aligned to the customers’ interests are highlighted to the customer so they know they’ve been picked for them.

Updates after testing results:

1. Products you love: Copy is more explicit that we are encouraging you to invest based on spending habits.
2. Inv. Strategy: Made the end more meaningful leading to in-depth info, more learning content and action
3. Thematic investing: Copy update + engaging tile design
4. World News: More engaging design

Global search

In the global search scenario the user carries out a search across the entirety of the product. It will return results from all sections within the parameters defined by the user. This will initially give more depth to the results at the cost of being more general in the results returned.

Invest search

The invest search is much more focused in that it is targeted solely on the invest section. It will return results for stocks, cryptos, funds, ETF’s and any other useful info that will help inform users investing decisions.

The assumption is that generally users will be searching for something specific.

Contextual information

The results will be clearly organised with the information steadily becoming more focused as the user types more characters into the search field. Once the search becomes more specific we can start to display information such as news and community content.

Advanced users

Our recommendation is that for basic users we don’t show a trade button at the search card level. This is because we believe that default users (new to investing) are likely to want to see more info about a stock before investing their money.

For the more seasoned investor there is a rationale for having a trade button visible at that higher level. We have included an option where this could be added.

The default view will surface popular search terms as well as also dive users to content they have viewed recently.

Further down we also allow users to access a more “traditional screener” that will reveal a list of all available investments assets in a large list that can be filtered down.

Results will update upon entry of the first character to surface any matching “Stock ticker” and be organised in order of relevance to the search term.

Results are grouped to sub categories: Stocks, Crypto, Commodities, Other (will include news and article content relevant to the search term).

The general consensus towards a Quick Buy/Sell button on Search was lukewarm however the Swipe to Save to Watchlist was well received... but we thought perhaps we can push it further. What if we created one interaction that allowed you to Buy/ Sell or Save any stock tile at any point in the product experience?

Default page provides personalised and curated content based on users' behavioural data. Suggested tags will be reflected according to the user's search flow.

Allow customers to save content and investment assets to a Watchlist area and also to create custom lists of their choice.

Offer insightful lists based on what they’ve saved and inspire them to discover new investments.

Allow customers to save content and investment assets to a Watchlist area and also to create custom lists of their choice.

Offer insightful lists based on what they’ve saved and inspire them to discover new investments.

The flow leads to a chart where we suggest customised portfolios aligned to their needs, goals and interests whilst taking their risk profile into account.

Digest

‍The weekly digest holds key actions and interesting insights specific to our customer and spans across the entire of their wealth whether it be daily banking, credit cards, savings, mortgages or investments.

The initial design work has focused on the hierarchy of the section and the various use cases that someone may need from a profile section.

The profile page is a space where users can see their personal information (including their Money personality), learning progress, achievements and Citi perks. Users can also view and edit their profile settings. We want this page to be more than a standard profile page by offering a more personalised, exciting experience while also fulfilling the needs of a profile page.