NellyPourmehr

No-Code Studio

Scope - during four years

  • Design a strategy planning and roadmap
  • Design Analysis (task flows, personas,..)
  • UX Research
  • Design Planning, Interaction Planning (Wireframes/prototypes..)
  • Visual Design (mockups, Style guide,..)
  • Documentation
  • Hand-Over Ready (prototypes,Spec Docs, design

my role

  • Leading the end-to-end product design process
  • Transforming complex concepts into tangible solution ideas
  • Create, develop and maintain a roadmap for design Ops
  • Interaction Planning (Wireframes/prototypes..)
  • Measure and analyse the effectiveness of the design
  • Collaborate with PMs, engineers, UX researchers, data scientists, and business analysts to manage and supervise the user experience of products throughout the entire development cycle, from ideation to release.

Hypatos

Company provides deep-learning end-to-end automation for large companies that manually process documents. A No-code B2B software to automate all steps in document processing to achieve document hyper-automation.Founded in 2018, the Hypatos team was driven by their vision to empower business through dynamic Invoice handling. Currently, Hypatos has optimized more than millions of Invoices for a wide range of industries. The Hypatos studio is an AI SaaS solution that boosts manual process documents by optimizing the cost and time. The Hypatos studio is backed by data science and AI.

The Problem:

Enterprises were losing millions due to manual invoice handling:

  • High operational costs and delays
  • Frequent errors → fraud, duplicates, and overpayments.
  • Lack of transparency across finance teams and suppliers.
  • Existing tools were too technical for non-experts.

Design Challenges:

How might we design a no-code platform that:

  • Simplifies AI-powered automation.
  • Builds trust and transparency for finance users.
  • Scales across industries and enterprise complexity.

Objectives

  • Design an AI SaaS platform that automates invoice processing (classification, validation, enrichment, fraud detection).
  • Make the solution usable for people without data science or accounting expertise.
  • Establish a scalable design system for Hypatos products.
  • Deliver end-to-end design documentation for engineering handover.

Our team workflow:

In Design Team

Observe

User flows

Test

Document

With Other teams

Deliverables

Design system

Co-Ideation

Workshops

In Agile

Communicate

Meetings

Demo

Sprints

Research & Analysis

  • Competitive analysis of document automation tools.
  • Defined underserved opportunities in usability & transparency.
  • Created personas: finance managers, clerks, controllers, auditors (18-55 age range).
  • Identified key pain points: steep learning curves, distrust in AI accuracy.

COMPETITIVE ANALYSIS

Each team member in design ops has one or two competitors to have a regular competitive analysis and focus on the underserved market opportunities, determine the services to offer, identify the best practices to employ, and isolate the worst practices.

USER PERSONAS AND CHALLENGES :

The users for this project consist of people in the 18-55 age range. The main requirements were transparency and ease to use. Hy-studio needed to be easily understandable by people without any specific knowledge regarding Model training or accounting strategies.

User Flows & Task Design

  • Mapped out invoice processing journey (capture → validation → compliance → posting).
  • Designed flows with decision points for multiple roles (managers, clerks, controllers, auditors).
  • Visualized bottlenecks using Visio, refined with iterative testing.

USERS AND DOCUMENT FLOWS

We identify the user’s needs, goals, and pain points. After breaking down the process into manageable steps, we design the user flow by using Visio to visualise it, and to identify any potential bottlenecks or areas for improvement. We iterate and improve our user flows based on feedback and testing with users, and we make sure to include decision points as it is essential to have different roles in the organisation.

Wireframing & Prototyping

  • Started with low-fidelity sketches → translated into Adobe XD wireframes.
  • Built interactive prototypes for testing.
  • Iterated based on user feedback sessions.

WIREFRAMES

For creating wireframes for Hypatos studio, we use Adobe XD, which allows us to quickly create low-fidelity and high-fidelity wireframes.
After understanding the user’s needs and goals, we usually begin with whiteboard or paper to sketch out our thoughts by hand then wireframe them in XD.
Once we have created our wireframes, we test them with users and gather feedback to iterate and improve them right away.

Moodboards & Visual System

  • Developed 2 moodboards reflecting Hypatos’s brand tone.
  • Consolidated into a style guide covering UI, colors, typography, and components.
  • Established design system for reuse across dashboards, AI agents, and model training guides.

MOODBOARDS

We gathered inspiration with some UI elements for effective mood board creation that reflects the Hypatos brand’s personality and tone that serves as a guide for the user interface design. After feedback from the stakeholders, we refined and decided on these two mood boards.

STYLE GUIDES & BRAND AESTHETIC

Hypatos style guide that serves as a reference for our website, studio UI, and Model training guide to ensure consistency and coherence throughout the site.

PROJECT SCREENS

All of our projects in Hypatos get validated with some of the assumptions we had on the contents of the key dashboards, projects, and documents after conducting a series of user interviews, along with a set of high-level testing and results data. The user experience here is meant to allow users to scan their projects and the results to date and pick up where they left off in their last completion session.

Collaboration & Delivery

  • Agile sprints with PMs, engineers, and analysts.
  • Weekly demos, cross-team workshops, and usability tests.
  • Final delivery: handover-ready prototypes, spec docs, and design system assets.

THE RESULTS AND OUTCOMES

  • Increased user trust & adoption of Hypatos Studio.
  • Built a coding-ready web app backed by a scalable design system.
  • Created a clear, AI-focused UX design process validated by user testing.
  • Improved brand consistency across Hypatos products.

KEY METRICS

0 %

Save time per document

0 %

Achieves automation rate

0 %

Reduction in manual workload

Next Case study

Web APP

Hypatos - Model Training Hub

Hypatos Model training Hub is an Engineering-Focused AI Training Platform: Building Unique Training Methods for AI Technology.
Case study
Scroll to Top