Redesign of FormAssembly's Data Collection Platform

Likhon | Moobliy.agency

Redesigning FormAssembly Data Collection Platform

Some Key Interfaces
Overview:
FormAssembly is a leading data collection and workflow automation platform trusted by enterprises, nonprofits, and educational institutions worldwide. At its core is a powerful, no-code form builder that enables organizations to securely capture, manage, and integrate data — while staying compliant with standards like HIPAA, GDPR, and FedRAMP.
I was responsible for leading the end-to-end redesign of the platform experience, from restructuring navigation to wire-framing and delivering the final visual design.

Project GOAL:

The redesign set out to achieve the following objectives:
Create a streamlined navigation and sitemap for effortless discovery of features.
Deliver a modernized user interface that reflects the brand’s enterprise positioning.
Improve usability, accessibility, and consistency across all touchpoints.
Build a scalable design system to support long-term product growth.

My Role:

This was a solo project where I handled everything from navigation restructuring and wireframing to visual design and design system creation. I worked closely with the product team to align design goals, then delivered the final UI in Figma for developer handoff, ensuring a modern, scalable, and user-friendly platform.
FormAssembly_Sitemap Strategic Brainstorming with Team Inside Figjam
FormAssembly_Sitemap Strategic Brainstorming with Team Inside Figjam

Challenges:

Overly complex sitemap made workflows unintuitive.
Weak information hierarchy buried key tools.
Inconsistent visuals caused friction and poor brand perception.
Balancing complexity with simplicity, given enterprise-scale functionality.
Sitemap Validation with Stakeholders and Business Team Inside Figjam
Sitemap Validation with Stakeholders and Business Team Inside Figjam

Process & Solutions:

Navigation & Sitemap Optimization
Reorganized and simplified the structure for clear, intuitive access.
Prioritized high-value features and reduced clutter.
Wireframing
Validated user flows and hierarchy through rapid iterations.
Tested concepts early to minimize design debt.
Visual Design
Introduced a cohesive design system with consistent typography, spacing, and color.
Enhanced accessibility and readability with improved contrast.
Delivered a modern interface aligned with FormAssembly’s professional brand identity.
Navigation Simplified and Wireframing
Navigation Simplified and Wireframing
Navigation Simplified & Wireframing
I streamlined the navigation and sitemap, reducing clutter and improving feature discoverability. Through wireframing, I validated user flows, tested hierarchy, and built a strong foundation for the visual design—making the platform both intuitive and scalable.
Key Points
Reduced complexity with a clearer, more intuitive structure.
Validated layouts through rapid wireframing and iteration.
Built a scalable framework to support future features.
Wireframe Design With Figma
Wireframe Design With Figma

Wireframe Design with Figma

I used Figma to design and validate wireframes, focusing on user flows, hierarchy, and usability before moving into visuals. This stage allowed for quick iteration and alignment, ensuring the final design was grounded in a solid, user-centered structure.
Key Points
Created low- and high-fidelity wireframes to test layouts early.
Ensured logical hierarchy and smooth user flows.
Used Figma for collaboration, iteration, and developer-ready assets.
Hero area design
Hero area design

Landing Page Design

I designed a conversion-focused landing page that combined clear messaging with a modern, user-friendly layout. The goal was to create an experience that not only reflected the brand’s identity but also drove engagement and sign-ups.
Key Points
Applied clean visual hierarchy to guide users toward key actions.
Optimized layout for conversion and user engagement.
Ensured responsive and accessible design across devices.
Core Idea | How It works
Core Idea | How It works
Solution Page Design
Solution Page Design

Solution Page Design

I crafted a user-centric solution page that clearly presented FormAssembly’s offerings while simplifying complex information. The design focused on clarity, engagement, and guiding users toward key actions.
Key Points
Designed a structured layout to make solutions easy to scan and understand.
Highlighted core features and benefits with visual emphasis and concise copy.
Ensured interactive elements and responsive design for seamless experience across devices.
Conversion Form Page Design
Conversion Form Page Design
NewsLetter Design
NewsLetter Design
Practice Guide Area | Conversion to Demo
Practice Guide Area | Conversion to Demo
FAQ's ans Support Section Design
FAQ's ans Support Section Design
Landing Page Design
Landing Page Design
Full Pricing Plan and Services Details
Full Pricing Plan and Services Details

Outcomes & Impact:

Higher Conversion Rates: Clearer navigation and simplified forms reduced friction, leading to increased sign-ups and product adoption.
Increased Website Traffic: The refreshed interface and improved user flows boosted engagement and retention, driving more repeat visits.
Improved Brand Perception: A modern, cohesive UI positioned FormAssembly as a trusted, enterprise-grade platform, reinforcing credibility with both new and existing users.
Design Scalability: A flexible design system reduced inconsistencies and accelerated future updates.
Cross_Team Collaborations
Cross_Team Collaborations

Key Learnings:

Simplification fuels growth — usability improvements directly impacted conversion and engagement.
Early validation saves time — wireframing and testing reduced costly revisions later.
Design = Brand perception — visuals and usability together shape how customers trust and value a product.

Live Preview

👉 Experience the redesign here: FormAssembly
Like this project

Posted Sep 2, 2025

Spearheaded the full redesign of FormAssembly’s platform, improving UI/UX, boosting usability, and creating a scalable, user-focused design system

Likes

1

Views

1

Timeline

Jan 10, 2024 - Mar 6, 2025

Clients

FormAssembly

 Conversion Optimization for Shopify & Online stores,
Conversion Optimization for Shopify & Online stores,
Admin Panel / Dashboard UX UI Design with Figma
Admin Panel / Dashboard UX UI Design with Figma
Scalable Shopify Store Development for Suinycos
Redesigning BTHA’s Digital Presence
Redesigning BTHA’s Digital Presence

Join 50k+ companies and 1M+ independents

Contra Logo

© 2025 Contra.Work Inc