QuantDart
Crypto exchange platform - uiuxThe and security.
Challenge
How might we help beginners to start investing in crypto in an easy, safe, and valuable way?
Solution
I redesigned the flow, helped implement the new design style guide and branding with the tech development team for the whole revamp for the website and app.
I co-wrote the content strategy with the marketing manager for the website, redesigned the website for users to easily understand the business and how to get started to their first crypto investment.
I held workshops for user interviews, analyzed the script, and drew insights. After that, I audited the existing website and redesigned the whole flow in order to implement the goals for providing a better experience for beginners.
Design Process
1. Ideation & Solution Hunting2. Research & Synthesis
3. Brand Development
4. Architecture & UX Design
5. UI Design & Prototyping
6. Go-To-Marketing & Business
7. DevTesting & Handoff
Artzioneer
NFT platform - uiux
The proposal
Artzioneer is a new one-stop NFT marketplace which focuses on building a community of art, self-expression, and imagination. We aim to create avant-garde and creative NFT projects for all creators from which to build a new bohemian metaverse of artistic self-reliance.Challenge
How might we connect brands, artists and creators to rediscover the creative potential with NFTs?
Key objective
Artzioneer provides platform for artists & brands selling NFTs alongside with our tailor-made campaign. Buyers can trade & redeem valuable NFTs through our platform.
Solution
From research and ideation to UI and platform launch implementation, I design Artzioneer landing page and marketplace to allow users to understand our platform, easily get start their own account and browse the NFTs.
My role
Business strategy, UXUI lead, Branding
https://www.artzioneer.com/
![]()
The Henderson
Mobile app, Tenant Admin portal & Operational Dashboard development
Sector
Real Estate
Challenge
To cater to the daily needs of guests, visitors, tenants, administrators, and building management, we have designed an app and web portal that delivers a seamless digital experience within the building. The whole project includes 17 modules & 3 MVPs.
My Role
User Research, Persona creation, Information architecture, user flow & wireflow creation, Business/ Tech requirement validation, Client-facing
User Interview
User Interviews -
Conducted 4 different interviews with staff of various roles currently working at The Henderson, including Tenant, an Administrator, Leasing Manager, and Facilities Manager. Translated the user research insights into detailed user personas and usage scenarios.
Persona
Persona Creation -
Based on the new product roles, I created 7 detailed user personas. I divided the roles into distinct behavioral profiles to reflect the varied priorities and needs.
For example, take Lisa and Chris. Lisa is a CFO and VIP tenant who leads a busy lifestyle. She is a frequent user of the smart parking features and has higher expectations compared to other users. In contrast, Chris is a mid-level manager with a strong focus on ESG (environmental, social, and governance) initiatives. He is willing to engage more to earn ESG rewards and pays close attention to environmental controls.
These personalized scenarios helped prioritize key functions when building the app or portal. Developing these user personas ensured a user-centric approach to the app design and development.
Customer Journey
ESG focused - Recycle by using vending machine
Through an empathy-driven user experience design approach, we were able to deeply understand the motivations and behaviors of our target customer, Ben, as he navigated the reverse vending machine (RVM) recycling program in his local Henderson community. Ben is an environmentally-conscious individual who is highly motivated to reduce his carbon footprint and do more to protect the planet. At the same time, he is also enthusiastic about earning rewards, in the form of the Hendcoin, through his participation in the company's sustainability initiatives.
Our research revealed that the combination of daily recycling missions, ongoing ESG program promotions, and the convenient proximity of the RVM locations were key factors that not only initially attracted Ben to the program, but also encouraged his consistent, habitual use of the reverse vending machines over time. The ability to earn cash rebates from the RVMs provided an added financial incentive that further reinforced Ben's recycling behaviors. By deeply understanding Ben's environmental values, his desire for tangible rewards, and the contextual factors that influenced his actions, we were able to design a customer journey that seamlessly aligned with his needs and preferences. The result was an engaging, empowering, and rewarding recycling experience that transformed Ben's sustainability efforts into an integral part of his daily routine.
Information Architecture
Mobile App Information Architecture Design
As the lead on the mobile app information architecture (IA), I developed a structured hierarchy consisting of pages, main sections, features, and action buttons. The solid lines represent the page content, while the dashed lines depict the navigation flow.
Creating this IA helped establish a common understanding between the business, tech, and design teams. It ensured consistency in applying key design patterns, such as navigation, bottom sheets, and pop-ups, across the app experience.
By defining this clear IA framework upfront, we were able to align stakeholders, streamline the development process, and maintain a cohesive user experience throughout the app.
User Flow & Wireframe
Food & beverage
Business/ Technical requirement validation
The first step of our process involves business and technical validation. I reviewed the requirements and benchmarked the best industry practices. This validation step ensured the proposed flow and requirements were user-centric, focusing on both usability and technical feasibility.
User flow design
I designed the user flow, incorporating elements such as in-app navigation, user decision points, user control mechanisms, and error handling. Additionally, I created a chart illustrating the interactions between notifications, client actions, restaurant actions, and third-party integrations. This visual aid was intended to facilitate better communication and alignment across the team.
Wireframe Design
I designed one of the sections using a sketch-based approach. This method allowed for quickly illustrating ideas and putting them into team discussions for feedback and validation.
UI Design
After the UX design process, I handed off the work to the UI team. In this subsequent phase, my role was to monitor the progress, provide UI enhancements, and ensure the UX flow and microcopy were properly aligned.
Bullish
OTC Trade Builder - UI/UXThe proposal
Designing a tool tailored for pro-traders to facilitate over-the-counter (OTC) trading, enabling seamless execution of high-volume transactions across various products and strategies through direct interactions with other traders.
My Role
UX flow design, User interface design, Business/ Tech requirement validation
Tools
Figma, Figjam
Product Link
Challenge:
How might we design a tool tailored for pro-traders to facilitate over-the-counter (OTC) trading, enabling seamless execution of high-volume transactions across various products and strategies through direct interactions with other traders?
Feature Brief
The OTC UI provides a user interface to all the functionality provided by the OTC Trade facility. The primary features are:
- OTC Booking UI: Provides an interface for users to book an OTC trade
- OTC Match Blotter: View a live blotter of users’ OTC trades and status
- OTC Positions: View all OTC positions held at Bullish
- OTC Trades: View the history of OTC trade bookings and trade legs
1. Market Research
OTC vs RFQ Trading -
Market Insight:
In the current market, tools for Over-The-Counter (OTC) trading are limited, especially for pro traders. Instead, Request for Quote (RFQ) systems are more commonly used—particularly by retail clients.
Below is a comparison highlighting the key differences between OTC trading and RFQ:
2. Competitive Analysis
Derbit & Binance flow, features, UIUX analysis -
I analyzed the RFQ functions of two key industry players: Deribit (a leader in options and futures trading) and Binance (a leading retail crypto exchange). The review focused on their trading flows, feature sets, and included a UI/UX analysis to identify best practices and gaps.
3. Design Approach
Existing modal Audition(Bullish) -
Identifying reusable design patterns to implement new functions across the platform — ensuring UI/UX consistency while reducing development effort and improving scalability.
4. Design Process:
Ecosystem Flow Design Process -
I began by designing the overall user flow to understand how the ecosystem functions when a trade order is initiated within the OTC Trade Builder.
Trader Builder Flow Design Process -
I conducted a deep dive into the Cornea flow, detailing how users can construct a trade, add legs, simulate amount and risk, submit, and cancel orders within the interface.
Wireframe Exploration:
Builder structure -
I designed multiple wireframe options to help the business and development teams evaluate different structural approaches for the OTC Trade Builder:
- Option 1: "Partial Reveal" – Optimized for a more engaging experience by progressively disclosing information, helping users manage complexity and reduce information overload.
- Option 2: "Parallel Design" – Focused on efficiency, allowing traders to view and compare multiple trade components side by side to support faster decision-making.
Final Structure Design Decision:
The final approach reflects a constructive trade-off between business goals and stakeholder feedback, with a clear priority placed on streamlining the trade construction process to best support user needs and strategic objectives.
UI design:
Screen Flow Design-
I designed responsive desktop, tablet, and mobile versions of the OTC Trade Builder to ensure seamless Day 1 adoption across all key platforms and user environments.
Extreme Case Design -
Button and Data Overload in One Row
Objective
To test the limits of usability and visual clarity when an interface row must display:- Multiple action buttons
- High-volume data fields
- Limited horizontal space in mobile
Design Considerations
-
Action Prioritization
- Use of space-saving patterns (iconography)
-
Use of a long-press gesture for the device
Agile Collaboration:
Future version (Adding trade with strategies) -
Following an agile approach, I typically provide multiple design versions to support the development team’s adaptation, aligning with their implementation timelines and sprint goals.
Launched: Sep 2025 | Product Link
![]()
RevoSurge
AI-Powered DSP - UI/UX
The proposal
I designed an AI-powered ad-buy and analytics platform that simplifies ad campaign management, making it intuitive, efficient, and results-driven. Tailored for media-buying executives of all experience levels, it empowers users to achieve optimal outcomes with ease.
My Role
Lead UI/UX Designer -
UX research, UX flow design, User interface design, Business/ Tech requirement validation
Timeline
3 months
Tools
Figma, Figjam
Challenge:
"How might we revolutionize the ad-buy process by crafting an intuitive, user-centric experience that empowers users with intelligent, real-time AI-driven insights—enabling smarter, faster, and more confident decision-making?"
Project Brief
Designing two interconnected platforms that empower users to streamline the ad-buy process, optimize campaigns, and gain actionable insights. The goal is to enable quick decision-making and iterative improvements, creating a continuous cycle of optimization and recurring profitability.
Beta Version -
"A foundational, scalable platform with a simple yet actionable workflow, powered by lightweight AI functionality to deliver immediate value while laying the groundwork for future growth."
Discovery phase -
1. PRD & existing screens audition
I utilized flowcharts to audit the Product Requirements Document (PRD) for clarity and alignment.
Additionally, I reviewed the screens developed by the dev team, ensuring consistency with the design vision, while auditing data structures and site architecture for usability and functionality.
Discovery phase -
2. Competitive Analysis
Skai & Axon flow, features, UIUX analysis (Create campaign flow) -
I conducted a detailed analysis of the 'Create Campaign' functionality of two key industry players: Skai, a leader in omnichannel marketing, and Axon AI, a market leader in mobile and performance advertising as of 2026. This review focused on their campaign creation flow, incorporating a UI/UX evaluation to identify best practices and uncover gaps in AI integration.
3. Design Process:
IA & ecosystem Design -
I started by designing the Information Architecture (IA) and ecosystem flow to align the team's vision, streamline the breakdown of work scope, and ensure seamless navigation for an intuitive user experience.
Color & Style Exploration -
I researched leading AI and ad-buy companies to identify the ideal primary color that aligns with industry standards and brand identity. I then adapted the color scale to the UI and performed thorough testing to ensure consistency, accessibility, and visual impact.
UI&UX design -
A. Screen Flow Design-
Adwave -
I designed the desktop versions of AdWave, creating a seamless experience for onboarding, product creation, campaign management, creating audience segments, and analysis. The design prioritizes clarity, usability, and an intuitive workflow to enhance the client experience.
💡 AI in create campaign flow
Audience Targeting
Implemented dynamic audience targeting by leveraging real-time data and predictive algorithms, enabling precise and personalized campaign strategies that adapt to user behavior and preferences.
Create campaign
Leveraging target events to set up campaigns simplifies the process, significantly reducing both time and complexity for users."
Set bid & budget
Deliver actionable recommendations to optimize bid and budget settings, empowering users to make data-driven decisions with ease.
DataPulse -
I have also designed the desktop versions of DataPulse, delivering a seamless experience for overview analysis, real-time insights, reporting, and user exploration. The design prioritizes data visualization, ensuring clarity, accessibility, and actionable insights for users.
💡 AI in Data
Predictive Insights and Trend Forecasting
Incorporating AI into UX design allows for the seamless integration of predictive insights and trend forecasting, enhancing user decision-making and platform engagement.
I utilized AI-powered predictive insights and trend forecasts to design performance trend visualizations that provide users with actionable data.
By delivering weekly forecasts and insights, users are empowered to make informed decisions, optimize their campaigns, and plan strategically for future performance.
These insights not only improve the user experience but also encourage users to create new campaigns, fostering recurring income for the platform while driving long-term value for both the users and the business.
Incorporating AI into UX design allows for the seamless integration of predictive insights and trend forecasting, enhancing user decision-making and platform engagement.
I utilized AI-powered predictive insights and trend forecasts to design performance trend visualizations that provide users with actionable data.
By delivering weekly forecasts and insights, users are empowered to make informed decisions, optimize their campaigns, and plan strategically for future performance.
These insights not only improve the user experience but also encourage users to create new campaigns, fostering recurring income for the platform while driving long-term value for both the users and the business.
Design Tokens Design -
I developed small, reusable design elements that form the foundation of a cohesive design system, streamlining the visual style and ensuring consistency across platforms.
︎4px grid system in practical consideration -
Strict structure vs. Practical flexibility
<Font size setting>
When setting up design tokens for spacing and font sizes, I adjusted the smaller font sizes from the standard 8, 12, 16, 20, 24, 32, 40, etc. to 10, 12, 14, 20, 24, 32 to better suit a data-heavy platform.
Although this approach deviates from a strict 4px grid system, it improves usability for smaller text elements in tables, charts, and forms, ensuring better readability and functionality in dense data environments.
<Padding & spacing in UI elements>
When it comes to padding within elements, spacing strictly follows the 4px grid. However, different approaches are applied to the spacing between icons and text, depending on the purpose:
When it comes to padding within elements, spacing strictly follows the 4px grid. However, different approaches are applied to the spacing between icons and text, depending on the purpose:
- Button text-icon padding: A 2px spacing is used to create a more compact look, supporting the text without taking up excessive space.
- Status tag text-icon padding: A 4px spacing is used to make the icon more prominent and visually distinct, aligning with its purpose as an indicator within tables.
Componenet Design -
I designed Date Picker, Table Filter, Log List, and Table & Chart are design user-friendly, data-driven, and functional interfaces.
︎Date Picker
A Date Picker is an essential tool for reporting and analytics, enabling users to select specific timeframes with ease. By offering features like range selection and preset options, it ensures accurate insights while minimizing user errors.
A Date Picker is an essential tool for reporting and analytics, enabling users to select specific timeframes with ease. By offering features like range selection and preset options, it ensures accurate insights while minimizing user errors.
︎Table Filter
Table Filter enables users to sort and refine data, making it easier to locate specific information efficiently. With features like multi-criteria filtering, search-as-you-type functionality, and the option to save filter presets, it simplifies complex datasets and boosts user productivity.
Table Filter enables users to sort and refine data, making it easier to locate specific information efficiently. With features like multi-criteria filtering, search-as-you-type functionality, and the option to save filter presets, it simplifies complex datasets and boosts user productivity.
︎Log list
Effective log design allows users to quickly scan, search, and interpret information, even within dense or real-time data streams. A well-designed log is responsive and optimized for visibility across different screen sizes, ensuring a seamless user experience.
Effective log design allows users to quickly scan, search, and interpret information, even within dense or real-time data streams. A well-designed log is responsive and optimized for visibility across different screen sizes, ensuring a seamless user experience.
Balancing functionality, aesthetics, and efficiency in data visualization, allowing users to seamlessly switch between detailed data (tables) and high-level trends (charts). Interactions like hover, tooltips, or clicks partially reveal data, enhancing users' understanding.
Launched: Feb 2026