Bitfold: Trade Smarter, Not Harder!

Overview

This project came my way through the Dribbble Product Design Certificate, and I jumped into the ring as the lead UI + Visual Designer. Picture me as the creative captain, steering the ship through the realms of brand essence, user dynamics, and product intricacies.

My playground? Wireframes. I didn't just stop there. I took those wireframes on a wild journey, transforming them from basic sketches to the glamorous world of Lofi, and then cranking up the volume to high-fidelity mockups. It wasn't just about making things look pretty; it was about making them click, tap, and flow seamlessly.

Value Proposition

Bitfolio sets itself apart as an application dedicated to enabling individuals to effortlessly acquire knowledge, make well-informed investments, and develop a profound understanding of cryptocurrencies. It excels by simplifying the complexities and overcoming the challenges often associated with navigating the crypto landscape.

Challenges

Crypto currency is confusing and intimidating. We hope to design an app that is easy to understand, fun to use, and approachable for all. Our user is not a techie or crypto veteran. They are most likely new to the crypto market and need a little bit of handholding and education to make them feel safe.

Objectives & Goals

Our primary goal is to develop a cryptocurrency app that is user-friendly, simplifying the current complexities and making a substantial impact in the market.

Solutions

  • Streamlined cryptocurrency application

  • Reduced steps for trading initiation

  • Simpler statistical information

  • Beginner-friendly tutorials and crypto information

User Personas

The primary focus is on individuals new to the crypto market, seeking a simplified and straightforward registration, learning, and investment process.

Userflows

A user flow was crafted, aiming to streamline transaction completion steps and simplify the overall process after conducting a competitive market analysis and understanding user personas.

Wireframes

The wireframes showcase the potential appearance of main screens, emphasizing a straightforward yet efficient layout.

Visual Exploration: Moodboard

Visual Design

Bitfolio’s got a slick visual vibe that plays nice whether you're a dark-mode night owl or a light-mode daydreamer. We wanted to keep things chill and straightforward, so the look was all about simplicity and coolness. It's not just about looking good – we're on a mission to make using Bitfolio feel like a breeze.

Visual Components

Hi-Fi Mockups

Hi-Fi Prototypes

Onboarding

Home Screen

My Wallet

Usability and Testing

After the initial design iterations, I rolled up my sleeves and dove into some serious improvements. I threw in a functional numpad into the prototype, adding a touch of practicality that wasn't there before.

I added in a "Discover" section, your go-to hub for arming yourself with the essential tools to navigate the world of buying and selling crypto with confidence.

This addition isn't just a feature; it's your personalized toolkit, curated to empower users and elevate their understanding of crypto transactions. It gives you right insights and tools, making your crypto journey smoother and more secure.

Final Thoughts

As you explore our onboarding screens, you may catch a sneak peek of our upcoming AI feature!

We more time I would like to explore how such a feature can be implement in the next design iterations, with a special emphasis on crafting visual elements that guide even the most inexperienced users, boosting their confidence as they navigate through the application.

More by Samir Mohamedain

View profile