Brand Identity

/

Product Design

/

2024

We helped Lightyear design features more quickly such as repeat orders & earnings reports

Duration

4 months

Highlights

81,000 Price Alerts

Success

Series A raised $25M (Jul ‘22)

Client overview

Lightyear is an investment app that helps you start investing in over 3,000 global stocks and funds for as little as £1. Their mission is to provide low-cost, high-quality investing in Europe via a multi-currency account that allows you to deposit, hold, and invest in stock markets worldwide.

Solution

Market Hours

We created a way to view trading hours for a stock in a specific market. This provided users with a comprehensive view of trading hours and market holidays for their chosen stock. To do this, we identified key information to display such as opening and closing hours, market holidays, and time remaining until the market opens or closes.

We also considered different markets and their time zones to make sure that the displayed times were in the user's local time. Our design is easily accessible through a badge or pill within a stock, catering to both open and closed markets. We included the US, UK, EU stock exchange market hours in our explorations.

Market Hours

We created a way to view trading hours for a stock in a specific market. This provided users with a comprehensive view of trading hours and market holidays for their chosen stock. To do this, we identified key information to display such as opening and closing hours, market holidays, and time remaining until the market opens or closes.

We also considered different markets and their time zones to make sure that the displayed times were in the user's local time. Our design is easily accessible through a badge or pill within a stock, catering to both open and closed markets. We included the US, UK, EU stock exchange market hours in our explorations.

Market Hours

We created a way to view trading hours for a stock in a specific market. This provided users with a comprehensive view of trading hours and market holidays for their chosen stock. To do this, we identified key information to display such as opening and closing hours, market holidays, and time remaining until the market opens or closes.

We also considered different markets and their time zones to make sure that the displayed times were in the user's local time. Our design is easily accessible through a badge or pill within a stock, catering to both open and closed markets. We included the US, UK, EU stock exchange market hours in our explorations.

Market Hours

We created a way to view trading hours for a stock in a specific market. This provided users with a comprehensive view of trading hours and market holidays for their chosen stock. To do this, we identified key information to display such as opening and closing hours, market holidays, and time remaining until the market opens or closes.

We also considered different markets and their time zones to make sure that the displayed times were in the user's local time. Our design is easily accessible through a badge or pill within a stock, catering to both open and closed markets. We included the US, UK, EU stock exchange market hours in our explorations.

Price Alerts

We created a user-friendly interface for customers to set price alerts quickly and easily. Our approach was to include a bell icon that serves as an entry point for users to set up a price alert. Users can set a price, either manually or by scrolling the price on a chart. A subtle visual cue appears on the chart to indicate whether a price alert has been set for a particular stock. Additionally, a red dot on the bell icon displays the number of price alerts set for a particular stock.

We also created a separate section that displays all the alerts in one place. Users can edit or cancel their alerts as needed. To ensure prompt notification, we designed a push notification feature that notifies users when the price alert is reached.

Price Alerts

We created a user-friendly interface for customers to set price alerts quickly and easily. Our approach was to include a bell icon that serves as an entry point for users to set up a price alert. Users can set a price, either manually or by scrolling the price on a chart. A subtle visual cue appears on the chart to indicate whether a price alert has been set for a particular stock. Additionally, a red dot on the bell icon displays the number of price alerts set for a particular stock.

We also created a separate section that displays all the alerts in one place. Users can edit or cancel their alerts as needed. To ensure prompt notification, we designed a push notification feature that notifies users when the price alert is reached.

Price Alerts

We created a user-friendly interface for customers to set price alerts quickly and easily. Our approach was to include a bell icon that serves as an entry point for users to set up a price alert. Users can set a price, either manually or by scrolling the price on a chart. A subtle visual cue appears on the chart to indicate whether a price alert has been set for a particular stock. Additionally, a red dot on the bell icon displays the number of price alerts set for a particular stock.

We also created a separate section that displays all the alerts in one place. Users can edit or cancel their alerts as needed. To ensure prompt notification, we designed a push notification feature that notifies users when the price alert is reached.

Price Alerts

We created a user-friendly interface for customers to set price alerts quickly and easily. Our approach was to include a bell icon that serves as an entry point for users to set up a price alert. Users can set a price, either manually or by scrolling the price on a chart. A subtle visual cue appears on the chart to indicate whether a price alert has been set for a particular stock. Additionally, a red dot on the bell icon displays the number of price alerts set for a particular stock.

We also created a separate section that displays all the alerts in one place. Users can edit or cancel their alerts as needed. To ensure prompt notification, we designed a push notification feature that notifies users when the price alert is reached.

Recurring Buys

Our goal was to simplify the process of setting up and managing recurring buy orders for stocks on Lightyear's platform.

We conducted extensive user research to understand how customers used the platform and identified pain points when placing recurring buy orders. We used this research to create an intuitive UX flow that allowed customers to set up recurring buy orders by selecting the stock page, tapping on Buy, and choosing Recurring Buy from the order type selector. They could then set the amount, start date, and frequency (daily, weekly, monthly).

To ensure a smooth start date selection, we added a calendar view and error states to prevent users from selecting invalid start dates based on the chosen frequency.

To manage their recurring buy orders, we created a pending order widget on the instrument screen that displayed upcoming orders. Customers could click on this widget to view and cancel pending orders, as well as set up new ones.

Recurring Buys

Our goal was to simplify the process of setting up and managing recurring buy orders for stocks on Lightyear's platform.

We conducted extensive user research to understand how customers used the platform and identified pain points when placing recurring buy orders. We used this research to create an intuitive UX flow that allowed customers to set up recurring buy orders by selecting the stock page, tapping on Buy, and choosing Recurring Buy from the order type selector. They could then set the amount, start date, and frequency (daily, weekly, monthly).

To ensure a smooth start date selection, we added a calendar view and error states to prevent users from selecting invalid start dates based on the chosen frequency.

To manage their recurring buy orders, we created a pending order widget on the instrument screen that displayed upcoming orders. Customers could click on this widget to view and cancel pending orders, as well as set up new ones.

Recurring Buys

Our goal was to simplify the process of setting up and managing recurring buy orders for stocks on Lightyear's platform.

We conducted extensive user research to understand how customers used the platform and identified pain points when placing recurring buy orders. We used this research to create an intuitive UX flow that allowed customers to set up recurring buy orders by selecting the stock page, tapping on Buy, and choosing Recurring Buy from the order type selector. They could then set the amount, start date, and frequency (daily, weekly, monthly).

To ensure a smooth start date selection, we added a calendar view and error states to prevent users from selecting invalid start dates based on the chosen frequency.

To manage their recurring buy orders, we created a pending order widget on the instrument screen that displayed upcoming orders. Customers could click on this widget to view and cancel pending orders, as well as set up new ones.

Recurring Buys

Our goal was to simplify the process of setting up and managing recurring buy orders for stocks on Lightyear's platform.

We conducted extensive user research to understand how customers used the platform and identified pain points when placing recurring buy orders. We used this research to create an intuitive UX flow that allowed customers to set up recurring buy orders by selecting the stock page, tapping on Buy, and choosing Recurring Buy from the order type selector. They could then set the amount, start date, and frequency (daily, weekly, monthly).

To ensure a smooth start date selection, we added a calendar view and error states to prevent users from selecting invalid start dates based on the chosen frequency.

To manage their recurring buy orders, we created a pending order widget on the instrument screen that displayed upcoming orders. Customers could click on this widget to view and cancel pending orders, as well as set up new ones.

Earnings

We created a UX flow for customers to easily access quarterly earnings data, investor call documents, and conference call recordings. We placed the information in the financials section of the stock page and created an 'Earnings' card for customers to click on.

To show earnings data, we displayed the past five quarters of results and used a press and hold gesture to quickly glance at the trend. For quarterly earnings presentations and conference call recordings, we partnered with Quartr and included ten quarters worth of presentations and audio. We used a player to allow customers to listen to the audio while still using the rest of the app and included player controls inspired by podcast and music apps.

Earnings

We created a UX flow for customers to easily access quarterly earnings data, investor call documents, and conference call recordings. We placed the information in the financials section of the stock page and created an 'Earnings' card for customers to click on.

To show earnings data, we displayed the past five quarters of results and used a press and hold gesture to quickly glance at the trend. For quarterly earnings presentations and conference call recordings, we partnered with Quartr and included ten quarters worth of presentations and audio. We used a player to allow customers to listen to the audio while still using the rest of the app and included player controls inspired by podcast and music apps.

Earnings

We created a UX flow for customers to easily access quarterly earnings data, investor call documents, and conference call recordings. We placed the information in the financials section of the stock page and created an 'Earnings' card for customers to click on.

To show earnings data, we displayed the past five quarters of results and used a press and hold gesture to quickly glance at the trend. For quarterly earnings presentations and conference call recordings, we partnered with Quartr and included ten quarters worth of presentations and audio. We used a player to allow customers to listen to the audio while still using the rest of the app and included player controls inspired by podcast and music apps.

Earnings

We created a UX flow for customers to easily access quarterly earnings data, investor call documents, and conference call recordings. We placed the information in the financials section of the stock page and created an 'Earnings' card for customers to click on.

To show earnings data, we displayed the past five quarters of results and used a press and hold gesture to quickly glance at the trend. For quarterly earnings presentations and conference call recordings, we partnered with Quartr and included ten quarters worth of presentations and audio. We used a player to allow customers to listen to the audio while still using the rest of the app and included player controls inspired by podcast and music apps.

Twist Studio Design

Design partner for tech founders

4:33 PM

Twist Studio Design

Design partner for tech founders

4:33 PM