Syro
Syro was a pioneering crypto startup specializing in cross-border payments through on/off ramps and an invoicing platform powered by USDC coins and smart contracts.
In an emerging market with no direct competitors, I developed a desktop invoicing app featuring cryptocurrency login and validation. My focus was on creating a user-friendly interface using web 3.0 techniques to deliver a seamless experience for both B2B and B2C users.
Agency
Paysail
Role
Sr. Product Designer, Web3 Visionary
Services
UI, UX, UR, Crypto SME
My goal with Syro was to design a visually appealing dashboard that delivers information quickly upon login. In my research, I found that invoicing applications focus on incoming and outgoing transactions. Implementing a persistent global left rail navigation freed up space for content on the page. Following an atomic design approach, I prioritized displaying wallet values prominently for ease of use, while also presenting essential data for tracking expenses.
Invoicing Dashboard
Invoicing Dashboard Default state w/ Notifications
Recurring Invoice
Invoice History
Drawer Modal
Wallet Modal Selection
Create Invoice
Invoice Details with Payment Button
Invoices List
Account Details
Customer List
Syro was an exciting venture where innovation was at the core of our process. Despite being a small team of fewer than 10 members, we implemented daily scrum and agile methodologies, ensuring a structured workflow with daily task prioritization. As the sole designer, collaborating closely with two co-founders required patience and extensive brainstorming sessions to align our design vision.
Given our pioneering role in the web3 and crypto-based applications space, thorough research was imperative. Understanding the codebase alongside developers was crucial to ensure design freedom within the framework. Challenges included identifying our target audience and creating a user-friendly UI while seamlessly integrating a crypto-based wallet for identity and transactions.
The graphic above offers a glimpse into the extensive range of desktop screens required for the application's MVP. Over 200 screens, including edge cases, were meticulously crafted for the alpha release prototype. Key sections within the invoicing module encompass Signup & Login, Dashboard, Recurring Invoices, Invoice Creation, Invoice Details, Diverse Previews, Transaction Screens, and functions for Adding Contacts and Approvals.
In crypto-based applications, identity and security are paramount. Validation processes encompassed compliance with Anti-Money Laundering (AML) regulations. This involved executing Know Your Customer (KYC) and Know Your Business (KYB) flows to ensure regulatory compliance before launching any transaction-related application. Additionally, integrating crypto wallets posed challenges in understanding their functionality and display within the dashboard. Collaborative flows like these served as instructional tools with co-founders to ensure all requirements were met effectively.
