< Go back to the portfolio

Banyan Hill App

Designing an app to help drive retention
for an investment publishing company.

Overview

Banyan Hill is a publishing company that provides smarter, safer, and more practical investing advice for people worldwide. As the lead designer in Threefold, I worked closely with them to create a mobile app to increase user engagement and retention.

Role

Lead Designer @ Threefold

Duration

6 months

Tools

Sketch, Adobe Photoshop, InVision, Principle, Maze and UserTesting.com

THE challenge

To create a mobile app for Banyan Hill’s customers that delivers engaging content to their smartphones, helping Banyan Hill achieve their long-term business goals while ensuring future success.

An exciting challenge like this is a perfect opportunity for a design sprint to help the team focus on the right problems, goals, and solutions, while keeping Banyan Hill’s customers in mind.

DESIGN SPRINT

Sprinting our way to success

We started this project with a design sprint to gather insights, prototype ideas and validate them quickly. It helps us reduce the risk of launching a new app since we can fast-forward into the future to see a version of the app and customer reactions, before making any expensive commitments.

Format

A four-day design sprint with the Banyan Hill team in their sunny Florida headquarters.

Deliverable

An interactive prototype, tested by Banyan's users, and with clear insights on where to go next.

The sprint plan

We broke the four-day sprint down to focus on understanding the problem, challenge, and goals on day one. We’d also take time to look for inspiration and brainstorm ideas. Day two would be all about deciding and defining our solution. Day three would be a busy day of building our solution and getting ready for user testing. And lastly, day four would be testing our solution, gathering feedback, and defining the next steps.

The design sprint agenda. Same info as the previous paragraph.

The long term goal

We want to drive user engagement through active users enjoying using the new Banyan Hill app every day, increasing user retention and customer lifetime value.

How will we
measure success?

The percentage of daily engaged users that are browsing content in the app (Increasing Engagement).

What will make
this fail?

A poor user experience results in terrible app ratings, and our users don't want to use it.

What are our
riskiest assumptions?

That our users have smartphones and want to use an app, and will they find content in the app?

THE main focus

How might we provide a user experience unique so that our users are engaged, and can't stop coming back to the app?

Brainstorming & Deciding

After defining our problems, goals, challenges, and scope, we then brainstormed ideas to solve our challenge. Once we had come up with a list of ideas, we decided on what we'd include in our prototype, storyboarding helped us define the scope.

Then, we created the low-fidelity wireframes to stitch together to make a realistic enough prototype ready for user testing with Banyan Hill's users.

LoFi wireframes of the Banyan Hill app.

Gathering feedback

Lastly, we tested our prototype with real users to test whether the idea solves the problem and defines the project’s next steps. InVision was used for the prototype, with Zoom for performing moderated user testing and Dropbox paper for capturing user observations.

7

users

44+

age

Men

women / men

20 mins

duration

User research goals

1. Understanding do users have a smartphone?
2. Understanding do users try to use the Banyan Hill website on their phone?
3. Understanding will users be able to use the app to find content and not get overwhelmed?
4. Understanding will the large number of trade alerts frustrate smartphone users?
5. Understanding whether an app can drive engagement and retention?

Key findings from the design sprint

After performing on our design sprint we know the following.

1
30% of users visit Banyan Hill on a smartphone.

Quantitative analysis of the data indicated that only 30% of users access the Banyan Hill website on a smartphone. This percentage changes from time to time and has been growing over the previous year. This doesn't mean that only 30% of Banyan Hill customers have a smartphone.

2
Five is the magic number.

The vast majority of users said they would be annoyed if they received more than five notifications a day. And that they would probably disable notifications for the app.

3
The app is easy to use but missing functionality.

The good news is the app is easy to use, and users could easily find content. But they are several features missing — mainly due to the limited scope of the design sprint— that Banyan Hill customers love, so we’ll have to add these to the future version.

4
The app drives excitement.

Banyan Hill can use the app to drum up user excitement which is excellent for both engagement and retention. Several users mentioned how they “can’t wait” to start using it.

User feedback

If you could change one thing about the app, what would that be?

“More historical trade info”

“I'd like to see trade alerts”

“bringing start trading to the front”

“more ways to search for a guru”

What was the best thing about the app?

“It was intuitive and easy to use even for an amateur like myself”

“It was very well made, and much easier to find trade info.”

“This will make me trade more”

What was the worst thing about the app?

“figuring out how to see unlimited profits stocks in my watchlist was the worst part. I couldn't seem to find that.”

“I want more chart options”

“I didn't like having scroll to find the start trading button”

Materialising

Using iterative user interface design

It is essential to continually test whether a design solves a particular problem and doesn't create new ones. We followed an iterative approach to design UI improvements to create an app that better meets user needs.

Create

Create high-fidelity designs based on the earlier prototype.

Validate

Continually test whether the designs meet user needs and business goals.

Defining the app style

Before we jumped into creating high fidelity designs, we ran a workshop with stakeholders to define the app’s style and visual identity. Once completed, we created a stylescape of how the app will look. Allowing us to get sign off earlier on the look and feel of the app.

High fidelity visual designs

Next, we used our low-fidelity designs, user feedback, and stylescape to design the app’s high-fidelity visual mocks. Working closely with our developers and stakeholders, we iteratively improved our app design to the point where it matched the look and feel of a released app.

High fidelity visuals of the Banyan Hill app.

Gathering feedback

Next, we went about recruiting users and tested the prototype with them. We used several tools to help in both the recruiting and user feedback. Typeform was used to screen Banyan Hill’s customers. The prototype was created with InVision, Maze and other tools helped us perform both moderated and unmoderated user testing.

InVision LogoMaze LogoTypeform Logo
30+

users

44+

age

Men

women / men

15 mins

duration

User research goals

1. Understanding will users be able to navigate and find content in the app?
2. Understanding will users be able to find the latest updates from an expert?
3. Understanding will users be able to find a particular stock in the app?
4. Understanding will users be able to find trade alerts in the app?
5. Understanding what are we missing from the app?

Summary of user feedback

At the end of our user testing, we know that users can use the app and do not find the amount of content overwhelming.

The vast majority (over 94%) of users commented positively about its usability, layout, and design.

Around 13% of users mentioned that they would like a little more features in the portfolio, and how options are displayed in the app.

It is unsure that users will be able to find trade alerts in the app.

However, the test is not a true reflection as users will receive app notifications, and there will be a notification over the profile icon in the app. It is not a significant risk, and we can monitor when the app goes live.

24% of users want to purchase stocks directly in the app or share with their broker.

This is something that we mentioned during our design sprint earlier.

69% of users commented about how the content offered, and functionality is fantastic.

One user even wanted to sign up for “Profits Unlimited” after the testing. This app will help increase user retention and is a great product offering for Banyan Hill customers.

Iterating and improving the design

Although the user testing was extremely positive, it identified a few areas that needed tweaking with the prototype. With user testing, all feedback (the good and especially the bad) is fantastic if you can learn from it. We continued to iterate on designs based on the findings, some were added to the roadmap, and some we just are unable to act on due to legal issues.

Become a more profitable investor

The app opens to show users the latest updates from their favourite experts and topics they follow; allowing them to see tailored investment advice which helps them become a more profitable investor.

The latest screen in the Banyan Hill app.
The portfolio stock screen in the Banyan Hill app.

Get ahead with investing insights

The portfolio in the app provides insights into experts predictions for specific stocks. This includes historical analysis, recommendations, previous positions, and articles that they should read to understand the market better.

Be smarter about the stock market

Users have access to all their favourite experts and topics. Each expert provides unique insights and expertise in the stock market. All of which enables Banyan’s customers to become smarter about the stock market.

The browse screen in the Banyan Hill app.
The trade alerts screen in the Banyan Hill app.

Gain stock advice you can act on

Trade alerts allow users to see precisely what Banyan’s experts are trading. Providing them with stock advice, they can immediately act on to get better returns.

Plus, all your premium content

Lastly, they get all the available premium features on the website, including special reports, downloadable content, podcasts, video updates, and exclusive portfolio access.

All aimed at providing smarter, safer, and more practical investing advice.

The special report screen in the Banyan Hill app.

Final thoughts

The following steps in this project were closely working with devs while building out the app, which meant more design changes due to unforeseen technical and legal constraints. And we created the app stores that would convert users, and we made all the promotional content needed for launching the app.

It has since been released, and we’ve worked on several rounds of improvements and new features. The feedback has been excellent, and it has helped to increase user engagement for Banyan Hill. All of this was just the beginning of a continually evolving app that Banyan’s customers currently love.

the end 👋