Stox

Stox.com is an online brokerage website, where people can trade on equity markets. Traders on the platform can ‘Piggyback’ successful traders’ portfolio and future trades. Let’s make some money!

StoxHome.png

Stox is a social trading website and app where you can invest in stocks with trust and confidence by following and subscribing to investors and friends. It is a platform where beginners can earn profit by mimicking the portfolio of other investors who are earning high-profit margins.

Project Duration

Tools Used

10 months, 2014

Photoshop

Illustrator

My Role: Product Design & Strategy

I was responsible for the creation of user journeys, information architecture, visual design, and the Design System. Setting the overall experience while creating a safe environment for others to collaborate.

Minimize the risk of loss in stock investment and to get stock trading tips from the country’s best traders.

The Challenge

Stox2.png

To create a place where beginners can gain easy access and learn about the world of stock trading.

Solution Statement

Key Questions

In this project, I started out by asking ourselves some initial key questions.

Stox-KeyQs.jpg

Personas

I came up with personas based on the findings of the literature study. These personas will be useful to guide our design process better and enable everyone on the team to empathize with our users.

Stox-Persona.png

Site Map

I constructed a site map to help us in understanding ways users can interact with the product, as well as allowing me to see navigation through user goals.

Stox-SiteMap.png

User Journey

In order to get to know the users' behavior better, I created Danial’s Journey Map from getting the app to buying a stock.

Stox-JourneyMap.png

Sketches & Wireframes

tried to figure out what the structure would be best so that it will be easy to use for those who are new to stock trading, I decided to use a card-based design to help the users understand the information easier. 

I designed both low fidelity and high fidelity designs based on the project needs. I prefer high fidelity wireframe for content-rich apps.

Stox3.png

UI Design

It was a challenge for me to design a stock trading website because I have never personally invested in stocks. So, on the one hand, I can understand and relate to the users who are new to stock trading. However, to understand the users who are traders at heart I had to research the world of stock trading. 

 

The most important part of Stox is the ability to view the positions of other investors. A user can follow and subscribe to other investors and can view their activities.

Stox's Color Palette

Stox4.png

The Font

Helvetica Neue

Stox5.png

The Iconography

Icons are an important part of the project. It gives the website a premium and professional vibe. Icons communicate with users and help them understand the words easily. So, I created a custom icon pack specifically for this project.

Stox6.png

The Final Product

I have designed a website and an app for iOS and android.  

On one hand it reflects its premium nature, yet exemplifies simplicity. It is extremely inviting for common users looking to invest in stocks. We have used a lot of white space to ensure the content stands out distinctly. The designs are extremely responsive and offer various interesting interactions.

User Profile & Portfolio

Every user can create his own profile, and see the data in his portfolio in a clear and easy to understand UX. He can meet other traders and piggyback with them to create a profitable portfolio.

Stox3.png

Updates

Every time a user visits the stox.com site he gets immediate notifications about everything that happened while he was gone, as well as guidance for his next possible steps. 

Stox10.png

Stock Page

The user can learn more about the stocks he is interested in and get all the information he needs to make a good investment and improve his portfolio.

Stox11.png

Other Traders

The user can find other traders and follow them, and learn & copy from their portfolios.

StoxTraders.png

Mobile Apps

Using the Stox iOS and Android apps, the user can check on his portfolio at any time, from any place, and stay informed about all changes in the stock market the second they happen. The user can make changes in real time, and invest on the go. 

Stox12.png