Crypta

Crafting a streamlined signup flow for a fictional investment app.

Role UX/UI Designer
Contribution Research, Wireframes, UX/UI Design
Team SAIT Individual Assignment
Duration ~8 hours in total
Platform Application
Tools
Figma FigJam

Crypta is an innovative online financial technology company offering a seamless platform for users to explore cryptocurrency investments. The company's platform has the potential to transform the investment landscape by introducing an intuitive interface and cutting-edge features. Crypta's main goal is to empower users to navigate the complexities of the digital asset market with confidence and ease.

My task was to design a signup process that ensures a smooth transition between each step. Requirements included clear instructions, intuitive navigation, and flexible options for saving user progress and returning later.

Role & Goal

The project goal was to create a signup process for the fictional app which included 13 different pieces of information that needed to be collected during signup or included within the process.

My role included:

  • Wireframing
  • Prototyping
  • Writing microcopy
  • UX/UI Design
Crypta project cover image, showing the logo and 3 different high fidelity screens.
Low fidelity wireframes and design process notes

Design Process

I took inspiration for the design from both Coinbase and CashApp, studying both sign up flows on Mobbin.

  • User Flows: Separate user flows into two sections; Creating an account, and adding investment information
  • Clear Instructions: Each step of the process provides the user with clear direction
  • Wireframing: Low-fidelity wireframes to map the flow and layout
  • Prototyping: Clickable Figma prototype to showcase final signup process

Iteration

While formal feedback wasn't part of this project until after hand-in, I made small iterations to improve usability. For example, I integrated legal agreements and privacy policy information directly into the account creation page, reducing steps for the user and keeping the flow familiar and simple.

  • Reviewed common patterns in onboarding flows to improve usability and reduce friction
  • Iterated the account creation flow to include legal agreements and privacy policy inline, rather than as a separate page, simplifying the user experience
  • Made small layout and copy adjustments based on self-review and best practices to align with modern cryptocurrency apps and reduce cognitive load

Four different screenshots of the final designs from the Crypta project

Key Learnings

  • Gained hands-on experience designing in Figma and creating functional wireframes
  • Learned the value of external research (Mobbin) to inform design for unfamiliar platforms
  • Recognized the importance of documenting design decisions, such as adding annotations for clarity

This project was a great opportunity to get hands-on in Figma and apply research to a type of app I wasn't personally familiar with. I learned how visual cues like progress bars can guide users through longer flows, and the value of clearly documenting design decisions. Completing the project successfully and receiving an A+ (74/80) was incredibly rewarding.