User Exp.

Ragnar

Ragnar Labs
Study Case

Ragnar

Work
UI & UX Product Design
Client
Ragnar Labs
Ragnar is a cryptocurrency trading, portfolio and wallet app for iOS users. Users can trade a number of coins with ease, check their portfolio, as well as connect to their hard wallet.

Creating a more enjoyable, seamless, and easy way to buy, trade, and sell crypto.

Inspire a long lasting user experience that will meet the needs of our user's better than the competition. If a new person to crypto wants to get into trading why not make it simple and easy to do, but also allow the more seasoned crypto veteran to have what they need to invest properly. Facilitate a true understanding of the users needs and pain points through design sprints, discussions, story boards and prototypes.

Goal: To create a user-friendly cryptocurrency mobile app that simplifies buying, selling, and managing cryptocurrencies for both beginners and experienced users.

Problem Statement

Many existing cryptocurrency apps are complex and overwhelming for new users, while experienced users often find them lacking in advanced features. Ragnar aims to bridge this gap by providing an intuitive user interface for newcomers while offering advanced functionalities for seasoned traders.

Research

User Interviews

  1. Beginners:
    • Pain Points: Difficulty understanding cryptocurrency, fear of making mistakes, and lack of trust in platforms.
    • Needs: Easy onboarding, educational resources, and clear, jargon-free language.
  2. Experienced Traders:
    • Pain Points: Lack of advanced trading features, slow transaction times, and limited customization options.
    • Needs: Advanced trading tools, customizable dashboards, and real-time data.

Competitive Analysis

  • CoinBase: Easy for beginners but lacks advanced trading tools.
  • Binance: Feature-rich but can be overwhelming for new users.
  • Kraken: Strong security features but with a steeper learning curve.

User Personas

  1. Alice – The Novice Investor
    • Age: 29
    • Background: Tech-savvy but new to cryptocurrency.
    • Goals: Learn about cryptocurrency, make small investments, and track performance.
    • Challenges: Needs an easy-to-understand interface and educational resources.
  2. James – The Experienced Trader
    • Age: 35
    • Background: Experienced in stock trading, new to crypto.
    • Goals: Execute complex trades, access advanced charting tools, and monitor real-time data.
    • Challenges: Requires sophisticated trading features and fast transaction processing.

Design Process

1. Wireframing

  • Home Screen: A clean dashboard featuring your coins, recent transactions, and quick links to trading.
  • Trading Screen: An advanced trading interface with real-time charts, and quick ordering.
  • Education Section: Interactive tutorials and articles for beginners, including a glossary of terms.

2. Prototyping

  • Low-Fidelity Prototype: Created basic wireframes for user feedback on layout and navigation.
  • High-Fidelity Prototype: Developed detailed, interactive prototypes using Figma & Protopie to simulate user interactions and gather detailed feedback.

3. Usability Testing

  • Testing Sessions: Conducted with 10 users from both personas.
  • Findings:
    • Beginners: Appreciated the simplicity of the onboarding process and educational resources.
    • Experienced Traders: Valued the advanced trading tools but requested more customization options and faster load times.

Key Features

  1. Onboarding Experience:
    • Step-by-step tutorial to introduce users to basic cryptocurrency concepts and app functionality.
    • Personalized tips based on user experience level.
  2. Trading Interface:
    • Real-time charts with technical analysis tools.
    • Advanced order types (limit, stop-limit, etc.) and quick trade options.
    • Customizable dashboard to track preferred cryptocurrencies and trading pairs.
  3. Security Features:
    • Two-factor authentication (2FA) and biometric login options.
    • Alerts for unusual account activities and security breaches.
  4. Educational Resources:
    • Interactive tutorials, video guides, and a comprehensive glossary.
    • Regularly updated content on market trends and investment strategies.
  5. Performance & Reliability:
    • Optimized for fast transaction processing and minimal downtime.
    • Real-time data synchronization across devices.

Design System

  • Color Palette: Orange and black.
  • Typography: Clean, sans-serif fonts for readability and modern look.
  • Iconography: Simple, intuitive icons for easy navigation and understanding.

Outcomes

  • User Satisfaction: Increased user satisfaction compared to previous apps tested.
  • Engagement Metrics: Higher engagement with educational resources, indicating effective onboarding.
  • Performance Improvements: Reduced transaction processing times, addressing concerns from experienced traders.

Next Steps

  1. Continuous Feedback: Implement a feedback loop to gather ongoing user input and make iterative improvements.
  2. Feature Expansion: Plan for additional features such as staking options and integration with decentralized finance (DeFi) platforms.

No items found.

Other Projects