Color Scheme
The UI Set of the product and the Color Scheme are prepared within Web Content Accessibility Guidelines (WCAG) 2.0, 2.1 and some of relevant items from Section 508 of the Rehabilitation Act
E-Form Builder Software Prototype
We completed UI / UX works and created a Clickable Software Prototype prior to starting development to evaluate user interfaces and user flows during usability testing
Process
Before engaging in software development, we completed the necessary preparations. These are divided into vital steps
Part 1
Requirements
Part 2
UI / UX
Part 3
Software Design
Requirements
Improvements, Reworks, Changes, and Refactoring after the Early Delivery stage can cause excess spending. Requirements evolve, and Clickable Software Prototype allows early software testing, lowering the risks and the number of future changes, thus improving the quality of software’s technical implementation. This stage includes the following requirements:
System & Functional
- Detailed Features Description
- Dependencies
- Sequence Diagrams
- Data Flow Diagrams
- State-Transition Diagrams
Non-Functional
- Key Technical Indicators
- Technology Stack Consideration
- Security
- Performance
- Manageability / Maintainability
Compliance-Related
- GDPR, CCPA / CPRA, ISO / IEC 27001
- PCI DSS
- HIPAA / HITECH, PIPEDA
- C-CDA, EUPS / epSOS, HL7 / FHIR
UI / UX: Overview
We divided all the tasks into two types of activities: UX Design and UI Design with all stages from start to finish
Design System
Typography
Typography is crucial for a correct content hierarchy and prioritization. In this case, we used the Major Second Type Scale scope
Form Elements 1
We apply native libraries and UI kits like Angular Material, working on custom product-specific states individually. It allows us to maintain consistency within the software and flexibility when there’s a need for a change
Form Elements 2
Icons
Buttons
Menu
Tabs / Labels / Sliders /Progress Bars / Tooltips
Pop-Ups and Alerts
Tables and Templates
Grids
Grid-based widget design allows creating and keeping layout rules for different page structures. This pattern approach helps place the elements correctly and reproduce it across the software, ensuring consistency and responsiveness
Flexible Design Components
Several key practices can achieve software-wide element consistency. One of those is building the Design System based on components
User Flows
When the Early Delivery stage is over, reworks, changes, and improvements often follow. Covering only success user flows will likely result in misunderstandings and altered product perception during initial user testing and beyond.
We cover:
Success User Flows
Alternative User Flows
Exeption User Flows
Edge Cases
Clickable Software Prototype
It allows to evaluate and test the user interface and user flows. This way, we can discover mistakes and flaws in the system, eliminating them before commencing the software development process
High-Fidelity Wireframes
High-Fidelity Wireframes are vital in processing UI components, seeing them combined in a natural software environment, which supports better consistency and structural integrity
Software Design
Software that can be scaled and maintained with fewer revisions largely depends on the quality of activities like selecting and designing Technology Stack, Server Infrastructure, Product Architecture, and more.
This stage covers:
Functional Decomposition
Product Architecture
Database Architecture
Modules Structure
Client-Server Architecture
Third-party Service APIs
Technology Stack Consideration
Key Technical Requirements
Entities & Attributes
Client Reviews
After speaking with Adrian (Founder & CEO), we knew they understood what we wanted and how to make it because they’d done it before. They’re easy to work with because they anticipate our needs. Overall, they’ve been outstandingly professional.
Mental Health Counseling Platform
Operations Manager
SEVEN produces on-target deliverables according to complex requirements. The product they developed is visually appealing and well-organized. SEVEN demonstrated that they have a large infrastructure. They have a lot of people on their team who are professional and know their jobs very well.
Health Supplement Provider
Former COO
I could go to them at any point, and they were always responsive and available to help us.I think SEVEN offers a very good value for money. They delivered a quality solution, it was very well executed, and it worked as requested. Project management is a great strength for them.
Medical Care App
CEO