Hire on Contra

Offx Redesign

Offx Redesign

Building for the next generation of private markets in crypto.

Problem

Here are the key areas I focused on: Confusing or Lengthy Onboarding Flow: Platform lacked a proper onboarding flow, and users felt lost after signing up. Key steps were not highlighted well, and there was no clear indication of progress or next steps. Inconsistent UI Elements: The interface lacked a unified design system, leading to variations in buttons, patterns, and color palettes. This caused confusion for users and made the product feel disjointed. Poor Visual Hierarchy and Cluttered Interface: Important actions and information were hidden among less significant elements, especially on the Deal and Company pages. Without a clear hierarchy, users struggled to scan content quickly and locate critical features. Lack of Feedback and Confirmation: After completing certain actions, users didn’t receive adequate confirmation or feedback. This uncertainty left them wondering if the process had successfully completed or if errors occurred. Inconsistent or Weak Branding: Variations in colors and messaging resulted in a scattered brand identity. Without a strong, cohesive style guide, Offx.Tech struggled to establish a memorable product experience. Inefficient Navigation and Information Architecture: The site’s structure made it difficult for users to locate essential features. Lack of proper UI elements such as breadcrumbs, back button, etc. was frequent. Poorly labeled menus and a confusing hierarchy led to frustrations. Lack of Mobile Optimization: The product wasn’t fully responsive, causing layout and usability issues on smaller screens. Certain features were nearly unusable on mobile devices, significantly reducing accessibility.

Solution

I started working on this project by going through Offx’s competitors’ products and then talking to some Offx users about the problems they faced on the platform in general and while creating and exploring a deal. Since the main goal of the product is to connect buyers with sellers, all steps involved in connecting these two were taken with proper research and consideration. I worked on applying the general UI of the product, streamlined the onboarding flow for new/existing investors, buyers, and sellers, and improved the Deal page and Company page significantly to help users. I then went on to work on profile pages, the deal creation flow, and many other aspects such as notifications and more. Here’s how the process looked like: Product audit and research Competitor research User interview Branding exploration etc Wireframing Low/Mid fidelity design High Fidelity designs Design system and component development Handover Confusing or Lengthy Onboarding Flow: I streamlined the onboarding process by removing unnecessary steps and clarifying required actions. A progress indicator and concise instructions guide users through each stage, ensuring they understand what’s coming next. Inconsistent UI Elements: I created a unified design system that defines consistent color palettes, typography, and component styles. This established visual harmony across the platform and made the interface more intuitive. Poor Visual Hierarchy and Cluttered Interface: I reorganized content and emphasized key actions using clear headings, sufficient spacing, and contrast. By grouping related information and placing primary CTAs front and center, users can now quickly find and act on critical features. Lack of Feedback and Confirmation: I implemented clear notifications, toasts, and confirmation messages for each significant action. This provides immediate user feedback and reduces confusion about whether a process has succeeded or failed. Inconsistent or Weak Branding: I defined brand guidelines that include a cohesive color scheme, consistent messaging tone, and unified imagery. By aligning these elements, Offx.Tech now presents a more memorable and trustworthy brand identity. Inefficient Navigation and Information Architecture: I restructured the menu and introduced essential UI elements, such as breadcrumbs and clear labels, to guide user journeys. This logical flow helps users locate features efficiently and reduces friction when exploring different sections. Lack of Mobile Optimization: I adopted a responsive design approach, ensuring the layout and critical functions adapt seamlessly to different screen sizes. Touch-friendly interactions, larger tap targets, and optimized page loading make the product significantly more accessible on mobile devices.

Offx is a platform focused on providing liquidity solutions for private markets, including crypto OTC (over-the-counter) and secondary market transactions. It caters to companies and investors, helping businesses convert assets into long-term value without impacting the market.

Offx supports attracting investors, managing cap tables, and raising strategic capital discreetly. For investors, it enables flexibility in buying and selling assets, accessing private market deal flows, and managing investments through streamlined tools.

Offx is a platform focused on providing liquidity solutions for private markets, including crypto OTC (over-the-counter) and secondary market transactions. It caters to companies and investors, helping businesses convert assets into long-term value without impacting the market.

Offx supports attracting investors, managing cap tables, and raising strategic capital discreetly. For investors, it enables flexibility in buying and selling assets, accessing private market deal flows, and managing investments through streamlined tools.

Offx is a platform focused on providing liquidity solutions for private markets, including crypto OTC (over-the-counter) and secondary market transactions. It caters to companies and investors, helping businesses convert assets into long-term value without impacting the market.

Offx supports attracting investors, managing cap tables, and raising strategic capital discreetly. For investors, it enables flexibility in buying and selling assets, accessing private market deal flows, and managing investments through streamlined tools.

Year

2024

Year

2024

Year

2024

Timeframe

2-3 Months

Timeframe

2-3 Months

Timeframe

2-3 Months

Tools

Figma

Tools

Figma

Tools

Figma

Category

Product Design

Category

Product Design

Category

Product Design

Say hello

I'm open for freelance projects, feel free to email me to see how can we collaborate

Say hello

I'm open for freelance projects, feel free to email me to see how can we collaborate

Say hello

I'm open for freelance projects, feel free to email me to see how can we collaborate