custom-cover-arrow
logo350

Formability

Web app

CLIENT

Ernst & Young

Enovational Ltd.


WORK

Product Design

Creative dir.

UI/UX

Branding

Web

Print

 


INFO 

Designed from ground up as a Lead Creative director, UI/UX designer / Product designer an amazing web app that helped US Gov Agencies to digizalize their processes and products to citizens. 

No code

forms

Formability is a modern digital form building and processing platform that simplifies public service. Create beautiful responsive online forms & sureys. Different areas of the app cover document generation, licenses generation,  editing, file uploading, and permission settings, drag and drop system, e-signatures ...

paper-proces-form@3x
Formability-Homepage-Gov
Features-Gov
License-Studio
License-Studio-Our-Mission
Our-Mission-Gov
Academy-Tutorials
Videos
Competitors-Page
Search-Reulsts-Page
login-register-modals
Maintenance-page
404-Not-found
Error-500
401-Error

UX diagram

& LoFi flow

As part of LoFi testing we designed a easy and scalable template which we can then use to quickly test out MVP for different sollutions within the app. This would often come after the Crazy 8's in Miro and User journey mappings.

chalkboard-icon@3x
200_vertical_separator-1
ERD-Test-analysis-
lofiproto
proto1
reviews
DNR-3-states-for-the-user
Lo-fi-Track-1-Create-DNR-user-profile
User-jourvey-map
Lo-fi-Track-1-Product-forms
2.18-List-View-Settings
LoFi-assets
3.7-Records-Detail-View
2.15-Object-Model-Settings
2.14-Object-Model-Triggers
2.12-Object-Model-Relationships
Table
2.11-Object-Model-Properties
2.13-Object-Model-Actions
2.6-Workflow-Steps
4.9-Roles-Role-Detail
4.3-Org-Connections-Connection-List
4.7-Groups-Group-List
4.4-Org-Connections-Connection-Detail
4.8-Roles-Role-List
4.6-Entity-Types
4.5-Members
4.2-Org-Branding
4.1-Org-Info

HiFi designs 

After the first round of ideas and lo fi designs it's time to move on to hi fidelity designs and with that it opens the door for design review where we add comments and I chek everyone's work to make sure we are keeping hte deisgn consistency.

newsletter@3x
Targeting-workflow-sections
Wokflow-division
Builder-Workflow-config-sections
Table-visualization
Entity-Config-Definition-and-Roles
Certificate-preview-card-foldover
Certificate-Layout-builder-card
Image-uploader-preview-wysiwyg
Conditional-Logic-full-screen
associate-license-to-a-portal-list
Invoice-v1
License-Notifications
accepting-member-requests-to-join-an-organization-active
Certificate-Layout-builder-letter
export-tool-fields
Manage-account-Members
Model-Mapping
Viewing-your-Trusted-Organizations

Quick links

live proto

Let me share a snippet of what Figma prototype after 3 weeks of research and UX testing in the solcycle looks like before it moves to development. This was an effort lead by me as a product designer and UX reasearcher with insights from devs and project managers.

projector@3x
Frame-715
Frame-714
Frame-718
Frame-720
Frame-717
Frame-719
Frame-716
Manage-Documents-List-View
Manage-Documents-List-2-View

ⓒ Copyright 2023