CryptoSmarts

Web Page

A cryptocurrency intelligence platform that educates users to make informed decisions on usage, collaborations, and investments in the crypto space

Role: UI UX Designer

Team: Jenna Goodman & Sonia Sherpa - UI UX Designer

Duration: 4 weeks

Scope: UI/UX, User Flow, Wireframing, Prototyping

Industry: FinTech

Pronovean aims to develop a user-friendly website for CryptoSmarts, a new cryptocurrency intelligence platform. CryptoSmarts seeks to enhance transparency and trust in the crypto industry by offering clear, comprehensive information on global cryptocurrency status and detailed digital asset profiles.

Overview:

Goal:

A website that provides clear, comprehensive information on the crypto landscape and digital assets, catering to both novice and experienced users.

Discover

Research

Competitive Analysis

During the research phase, I prioritized competitive analysis to explore what features other cryptocurrency platforms offer and identify key elements to incorporate into the CryptoSmarts design. My main focus was to examine common design patterns and functionality across three areas: interactive maps, digital asset profiles, and informational sections.

CoinGecko

Digital Asset Profile Pages: Extensive profiles on thousands of cryptocurrencies with detailed information

Educational Resources: CoinGecko provides a lot of educational tools, such as "How to Bitcoin" guide, market research reports, and daily newsletters.

EasyCrypto

User-Friendly Interface: Easy-to-navigate design that makes it approachable for both beginners and experienced users.

Interactive Map: Interactive map allows users to explore different markets and currencies visually,

LearnCrypto

Beginner-Friendly Content: Provides simple, accessible explanations for people new to crypto.

Comprehensive Knowledge Base: Features an extensive library of articles and guides from the basics of cryptocurrency, how to use it, and how to trade it, which lowers the barrier to entry for newcomers​.

By analyzing these components from competitor platforms, I gained valuable insights that helped shape the structure and features of CryptoSmarts, ensuring the platform meets industry standards while offering an intuitive user experience.

Target Audience

  • Small businesses looking to understand if blockchain/crypto makes sense for their operations

  • Entrepreneurs developing tech solutions on blockchain

  • Crypto enthusiasts

User Personas

The Blockchain Entrepreneur, David Lee

Age: 33, Occupation: Founder, Location: San Francisco

About

  • Founder of a tech startup developing blockchain-based solutions

  • Always looking for the latest updates to help navigate the regulatory landscape and make better product decisions

  • Struggles with finding reliable information on global crypto landscapes

  • Needs accurate data to stay competitive in the rapidly evolving blockchain space

Pain Points

  • Ambitious

  • Innovative

  • Problem Solver

Personality

  • Stay updated on crypto regulations and trends in different regions

  • Access detailed digital asset profiles to evaluate potential partnerships or collaborations

Goals

The Crypto Enthusiast, Rachel Smith

Age: 27, Occupation: Marketing Analyst, Location: Boston

About

  • Has been following the rise of cryptocurrency

  • Wants to understand how blockchain works

Pain Points

  • Overwhelmed by the amount of technical information online

  • Seeks a simple way to expand their knowledge and understand the crypto world

  • Curious

  • Open-minded

  • Enthusiastic

Personality

Goals

  • Gain understanding of the cryptocurrency landscape

  • Make smarter decisions about which cryptocurrencies to invest in or follow

To better understand the users' needs, I developed two personas, David and Rachel, representing the types of users who would engage with our website. These personas helped guide design decisions to ensure the platform catered to their specific goals and preferences.

Design

Sketch | Low & High Fidelity

For my role, I was responsible for designing the website’s Home page, About page, and the timeline feature. We were given with the required features for each page, and from there, I began sketching initial concepts for how the pages could be structured and presented. This process allowed me to explore various layouts and ideas before moving into the more detailed design phases.

Home Page

  • Welcome message

  • Donate button 

  • What we do/key features 

  • Crypto Timeline

  • User Testimonials

  • Partners & Collaborators

  • Latest news and updates 

Since the homepage is the first thing users see when they land on the website, it was important to ensure that all the key information was presented and that the necessary call-to-action buttons were strategically placed. The list above outlines the essential elements that were included on the page.

About Page

  • Mission and vision 

  • Our Story

  • The Team

  • The Approach

The next screen is the About Page, which is as critical as the home page because its where users go to learn more about the company, its mission, vision, and values. I focused on presenting all the essential information clearly and ensuring that users could quickly understand what the company stands for.

Additionally, I also sketched out the crypto timeline page which serves to educate users about the history of cryptocurrency and its evolution. The goal of this page was to highlight key milestones and important events in the development of crypto, making it both informative and engaging.

To explore different visual approaches, I created three sketches of various timeline layouts and presented them to the client. After reviewing the options, we decided to move forward with the second design, which best presented the information in a clear way.

Home Page

Blockchain & Crypto Timeline: A dynamic, interactive timeline that outlines the history and evolution of cryptocurrency and blockchain technology.

Partners & Collaborators: Showcases partnerships with industry leaders, enhancing CryptoSmarts' reputation.

User Testimonials: Real feedback from users, building trust and credibility.

Welcome Message: A brief introduction to CryptoSmarts, explaining its value to both novice and experienced users

What We Do Section: Highlights the platform’s key services, including digital asset profiles, global crypto regulations, and educational content.

This flow of the page ensures that users can quickly access the most important features and resources, fostering a smooth and informative user experience right from the start.

About Us

Our Approach: Explains the platform’s methodology for providing information to users of all levels.

Team Overview: Introduces team members and their position as well as expertise at CryptoSmarts.

Mission & Vision Statement: Highlights CryptoSmarts' commitment to transparency and education in the cryptocurrency industry.

Brand Story: Tells the story of how CryptoSmarts was founded and how it came to life.

Crypto Timeline

Interactive Timeline: Users can scroll through key milestones in the development of cryptocurrency, from the launch of Bitcoin to recent advancements in blockchain.

Resource Center

In addition to the main pages above, I also designed several other key screens, the Resource Center, which serves as an all-in-one hub for users to explore different crypto-related resources: educational blogs, a glossary, recent news, and other learning materials.

This section is designed to provide users with easy access to a bunch of information, helping them deepen their understanding of cryptocurrency and stay updated on the latest news.

The screens above are the Digital Asset Profile and the Country Profile pages that were designed by my two fellow designers.

Style Guide

Reflection

Challenges

One of the main challenges I faced during this project was balancing my personal design preferences with the client’s requirements. At times, I found myself leaning toward my own design ideas, believing they might be more effective, but I soon realized, when working with a client, I had to stay with what they want even if I don’t agree with it at times such as color choices or stylistic guidelines.

Additionally, since this project was on a tighter timeline, it limited our ability to conduct thorough user testing, as most of our focus was to deliver the design quickly, we didn’t have much opportunity to gather feedback or ensure that the design fully aligned with the target user’s needs.

Learnings

This project is my first time designing a web platform, collaborating with other designers, and working for a client. By working with other designers from diverse backgrounds, I learned how to effectively collaborate and leverage our different skill sets to create a cohesive project. And by working with a client, I have learned the importance of time management and truly understanding the client’s needs to find the best way to integrate them into the design. Lastly, this project deepened my knowledge of responsive web design, especially when incorporating various elements like the Home page, About page, and Crypto Timeline. Moving forward, I plan to apply these insights to future projects where user engagement is a central focus.

Let’s connect.

Have questions or want to collaborate? I'd love to hear from you!