Our UX/UI Design Approach

Make Things Simple
Seven / Insight / Our UX/UI Design Approach

Key Values

The main goal is to create Intuitive User Interfaces only.

That is why we say “No interfaces that require instructions. Simplicity is the best!”

What do we do to achieve that?

We divided all the tasks into two types of activities: UX and UI Design with stages from start to finish.

Let's take a closer look.

Our Process in a Few Words

Many helpful theories regarding UX and UI techniques or principles are shared online.
But applying those is possible only by following clear tasks within relevant stages.
previous arrow
Slide
UX Design
UX, Part 1
UX Research
  • Workshop
  • Competitors Analysis
  • Domain Research
  • Business field, needs, goals
UX, Part 2
User Personification
  • User Persona
  • Empathy Map
  • Customer Journey Map
  • UX Tips
UX, Part 3
Ideation & Prototyping
  • Information Architecture
  • Task-Flows (Flowcharts)
  • User Flows (Wire-Flows)
  • Flows Prototyping
  • Usability Testing
UX, Part 4
Testing & Implementation
  • High Fidelity Wireframes
  • Software Prototyping
  • Usability Testing
Slide
UI Design
UI, Part 1
Design Concept
  • Mood Board & Trends
  • Motion & Visual Effects
  • Branding
  • UI Concepts Comparison
  • Light Mode
  • Dark Mode
UI, Part 2
Design System
  • Color Palette
  • Typography Scale
  • UI Components
  • Widgets
  • Accessibility Testing
UI, Part 3
UI Assets
  • Design Patterns
  • Layouts & Composition
  • Alignments & Spacing System
  • Page Templates (Web)
  • Screen Templates (Mobile)
  • Infographics
UI, Part 4
Responsive Rules
  • Responsive Design
  • Grid System Breakpoints
  • Fluid Grid System
  • Fluid Image
  • Cascading Style Sheets
next arrow
Slide
UX Design
UX, Part 1
UX Research
  • Workshop
  • Competitors Analysis
  • Domain Research
  • Business field, needs, goals
UX, Part 2
User Personification
  • User Persona
  • Empathy Map
  • Customer Journey Map
  • UX Tips
UX, Part 3
Ideation & Prototyping
  • Information Architecture
  • Task-Flows (Flowcharts)
  • User Flows (Wire-Flows)
  • Flows Prototyping
  • Usability Testing
UX, Part 4
Testing & Implementation
  • High Fidelity Wireframes
  • Software Prototyping
  • Usability Testing
UI Design
UI, Part 1
Design Concept
  • Mood Board & Trends
  • Motion & Visual Effects
  • Branding
  • UI Concepts Comparison
  • Light Mode
  • Dark Mode
UI, Part 2
Design System
  • Color Palette
  • Typography Scale
  • UI Components
  • Widgets
  • Accessibility Testing
UI, Part 3
UI Assets
  • Design Patterns
  • Layouts & Composition
  • Alignments & Spacing System
  • Page Templates (Web)
  • Screen Templates (Mobile)
  • Infographics
UI, Part 4
Responsive Rules
  • Responsive Design
  • Grid System Breakpoints
  • Fluid Grid System
  • Fluid Image
  • Cascading Style Sheets
This is very true in designing a User Interface
UX, Part 1: UX Research

You must be ready to answer the question: "Why are you creating this product?" Let's do it together using our templates.

This simple question can help identify and define your business needs and goals.

Then competitor analysis helps us learn how user behavior and habits work now and identify potential opportunities we can outperform.

“Ideas are easy. Implementation is hard” — Guy Kawasaki

UX, Part 2: User Personification

We personify end-users to understand their preferences, needs, and pain points. The answers will identify User Persona and define their Empathy and Customer Journey maps, providing answers for the following questions:

  • Who are my users?
  • How do my users think and feel?
  • What are the chronological steps of interaction the users take with my business?

“In this competitive and crowded world, only real and good design can help you to stand out in the industry“

User Persona, Empathy Map, Customer Journey Map
previous arrow
Slide 5
Slide 6
Slide 7
Slide 8
Slide 9
Slide 10
CS-Online Clinic Software Prototype-Customer Jorney Map-04
CS-Online Clinic Software Prototype-Customer Jorney Map-04
CS-Online Clinic Software Prototype-Customer Jorney Map-04
CS-Online Clinic Software Prototype-Customer Jorney Map-04
next arrow
Ease of use may be invisible, but its absence sure isn’t” — IBM
UX, Part 3: Ideation & Prototyping

To design an intuitive user flow, we pay attention to all collected UX tips previously. Usually, we interview and survey a focus group with 30 to 50 participants that meet the User Persona criteria.
Part 1
User Experience Prototyping
User Flows Creation based on Low Fidelity Wireframes
  • Success Flows
  • Exception Flows
  • Alternate Flows
  • Edge Cases
Creating Clickable Flow Prototypes
Part 2
Testing and Improving
Usability Testing
  • Interviews
  • Surveys
Creating High Fidelity Wireframes
Keep things simple
Do not complicate your product with complex flows
Task Flows Examples
Here are a few examples of how we process User Flows
previous arrow
Slide1
Slide2
Slide3
Slide4
Slide5
Slide6
Slide7
next arrow
User Flows Examples
Here are a few examples of how we process User Flows
previous arrow
Slide1
Slide2
Slide3
Slide4
Slide5
Slide6
next arrow
“There are three responses to a piece of design – Yes, No, and WOW!
WOW is the one to aim for” - Milton Glaser

UI Deliverables Examples

We create a User Interface based on The Material Design responsive layout grid that adapts to screen size and orientation, ensuring consistency across layouts. All Widgets are adapted to a 4-Column grid, and UI elements are Accessibility Tested.
previous arrow
Slide1
Slide2
Slide3
Slide4
Slide5
Slide6
Slide7
Slide8
Slide9
Slide10
Slide11
Slide12
next arrow

We Keep With the Following

Guidelines

UI Guidelines help us make User Interfaces usable for all users. So, we use:

  • Material Design Guide from Google
  • Ant Design React UI library
  • Human Interface Guidelines from Apple
  • Fluent Design System from Microsoft
Standards

Web sources with significant inaccessible UI components can be seen as discriminatory against persons with disabilities, violating the law. Standards we follow:

  • W3C Accessibility Standards
  • ISO 9241: Ergonomics of Human-System Interaction
  • ARIA (Accessible Rich Internet Applications)
  • HFES 200 (Human Factors Engineering of Software User Interfaces)
  • ATAG (Authoring Tool Accessibility Guidelines)
  • Section 508 and ADA (Americans with Disabilities Act)
Best Practices
  • User-centered design (UCD)
  • Design Thinking
  • Lean UX
  • Agile UX

Bitter Truth: Users prefer your site/app to work the same way as all the other sites they already know. Minimum cognitive load.

Make Things Simple

Tools We Work With

We have a lot of choices when need to decide which design tools our team will use. There are web-based tools, Mac tools, Windows tools, and so on.
previous arrow
Slide

Mind Mapping Tools

XMind

MindNode

Figma

Information Architecture Tools

Draw.io

Axure

Slide

Wireframing and Prototyping Tools

Figma

Sketch

InVision Axure

Adobe XD

Marvel

Balsamiq

Mockplus

Slide

Vector Graphics Editors

Adobe Illustrator

Sketch

CorelDRAW

Raster Graphics Editors

Adobe Photoshop

Affinity Photo

Slide

Video Editing Tools

Adobe Premiere Pro

Final Cut Pro X

DaVinci Resolve

VN

next arrow
Slide

Mind Mapping Tools

XMind

MindNode

Figma

Information Architecture Tools

Draw.io

Axure

Wireframing and Prototyping Tools

Figma

Sketch

InVision Axure

Adobe XD

Marvel

Balsamiq

Mockplus

Vector Graphics Editors

Adobe Illustrator

Sketch

CorelDRAW

Raster Graphics Editors

Adobe Photoshop

Affinity Photo

Video Editing Tools

Adobe Premiere Pro

Final Cut Pro X

DaVinci Resolve

VN

Case Studies

previous arrow
Slide

Online Clinic

B2B Saas-Based platform for providing online Healthcare services with secure Audio & Video communication & Electronic Patient Health Records

Slide

Online School

GDPR-compliant solution that acts as an online environment for managing curriculum and student/teacher performance

Slide

Online Learning Tool

SaaS-based e-Learning Platform built on a patented technology for simplifying live note-taking and increasing memorability for Tutors and Learners

B2C Counseling Tool

B2C Counseling Tool

Web Application that connects Service Provider with Customers. It provides intuitive Pay-per-minute / pay-per-session communication and financial management thanks to 3rd-party services integration

Slide

Online Clinic Software Prototype

Software prototype of a B2B platform designed to offer secure audio and video communication for delivering online healthcare services, and also includes electronic patient health records functionality

Slide

Online Learning Tool Software Prototype

Software prototype of an e-Learning Platform for sharing, creating, and reviewing notes in a real-time audio/video environment for Tutors and Learners

Slide

Gym Membership Upcycling Marketplace

IOS & Android applications for upcycling on-demand gym memberships and classes for Customers and Administrators

Slide

E-Form Builder

A B2B platform that helps simplify the e-form management for healthcare practitioners and administrators, compliant with the US healthcare regulations

Slide

B2C Counseling Tool Software Prototype

Software prototype of a Web Application that links service providers with clients. It includes user-friendly pay-per-minute or pay-per-session communication options and efficient financial management features facilitated by the integration of third-party services

Slide

Online School Software Prototype

Software prototype of a curriculum and performance management platform for Schools and Universities

Slide

Anti-Aging Therapy Apps Based on DNA Data

A leading Life Science, Bioinformatics and Genetics Data Analytics company from Switzerland needed to display all the data representation of their clinical research on their users’ devices

Slide

Mature Dating Mobile Application

Our client came to SEVEN with the idea of creating the free online mobile dating application for an audience over 30 years old. He wanted to make not only text chatting, but focus on video chat mostly

Slide

HIPAA Compliant App for Accessing Vital Info from Health Information Exchange

Web and Mobile applications provide first responders and EMS personnel with access to critical patient information that resides within the Health Information Exchange

Slide

All-In-One Mobile Car Marketplace

The goal of our client, one of the biggest car dealers in the USA, was to simplify the complex and time-consuming process of buying a car into successful and user-friendly mobile experience

Slide

Smart Diapers Mobile and Web Apps compatible with Virtual Assistant

Our team has developed iOS and Web apps that can be perfectly suitable for both medical personnel in daycare centers use and personal use by young parents

Slide

Video and Audio Chat Monetization Software

For the last 10 years, we have received many requests to develop a P2P video, audio, and text communication tool with pay-per-minute billing integration. We developed a custom software core that is designed to be completely architecture-independent

Slide

Blockchain Social Network with the Internal Tokenized Marketplace

This project is an eradicative transformation of the
successful social media created for our client that after years of functioning needed modernization

Slide

Pay-per-Minute /
Pay-per-Session Mobile Marketplace for Expertise

Witnessing the swift global digitalization of consulting and learning fields, a community of domain experts requested the development of a paid video / audio / text chat iOS mobile apps for experts’ time and knowledge monetization

Slide

Chargeable Video & Audio P2P Chat

This project is the implementation of our peer-to-peer video, audio and text messenger with pay-per-minute or pay-per-session billing for the dating industry. The client came to SEVEN with an existing dating and marriage business. The main business problem was low retention rate and lifetime value

Slide

Pay-Per-Session Video Chat Monetization Web App

Being aware of our expertise in custom paid audio-video chat software development, the client asked to realize his idea — create a marketplace for experts’ time monetization

Slide

Pay-Per-Minute Video / Audio / Text Chat E-consulting Mobile App

The era of online consultancy has begun and the demand for remote consulting software only grows. With that in mind, a promising startup from the UK turned to us for the development of a Live Video / Audio / Text Chat Billing C2C App that would provide a comprehensive user experience

Slide

Pet Info Manager And Activity Tracker

Taking a good care of your pet is very noble and creditable approach. That’s why we got very excited when received the request for Pet Info Manager and Reminder App development. As a result, we created the project architecture and developed Web and mobile application from scratch

Slide

Stock Exchange for Songs & Music Streaming Service

Our customer needed to develop the Stock Market Application that connects musicians and their fans. Fans can support music creators by investing in their songs and earn money on that further

next arrow

Client Reviews

previous arrow
Slide

SEVEN has delivered the functionality we required, successfully building our app to meet HIPAA-compliance requirements. The team is proactive, communicative, timely, and accessible. They’ve delivered on time and been on top of things at all times.

Medical Research Platform

CIO
Slide

Without SEVEN, this technology wouldn't exist, and we wouldn't have a product. Their work ethic is phenomenal, and the team is very passionate about their work and what they deliver. They want to provide the best service and build the best product possible.

On-Demand Gym Membership Platform

Founder
Slide

SEVEN has become an integral part of our team, and they’re the best technology partner we’ve ever worked with. SEVEN’s biggest strength has been their ability to manage our project; we’ve had a great experience.

Technology Company

CTO
Slide

I think the quality of their work is excellent. Their communication and response times are exceptional. Internal stakeholders are satisfied with SEVEN’s excellent quality work. The team manages the project well. Also, they’re responsive and helpful partners — they’ve defined the client’s service and product.

E-Learning Company

CEO
Slide

SEVEN has a lot of great ideas that hadn't even crossed our minds. They are communicative, professional, and responsive to feedback. Moreover, they've adapted their team composition to fit the client's budget. Their passion for their work results in valuable ideas that stand out.

Flight Support Company

Technical Director
Slide

SEVEN has delivered a phenomenal beta-stage product that’s received stellar feedback from industry leaders. The team is flexible yet realistic; they aren’t afraid to reign in their client to ensure a timely, high-quality execution. Their expectation management and documentation are both exceptional.

Smart Notes Technology

Founder
Slide

They’re extremely professional, and they pay great attention to me as a customer. SEVEN has created an app that stands out from the competition in terms of functionality and design. A proactive, attentive team, they consistently under-promise and over-deliver. Customers can expect a fast, impactful engagement.

Repair Service App

Founder
Slide

I got the impression that we're dealing with true professionals and that they understand our needs. The most impressive thing about this company is how they deliver a project with ease. They would do their best to help us reach our goals. And I felt they truly understand the project.

LED Group

Digital Design & Project Lead
Slide

SEVEN are great to work with and highly organized. Prior to even starting, SEVEN focused on understanding the needs of the project. The product met and exceeded our expectations. Also, very effective and honest communication. We are looking forward to building out the platform further with SEVEN.

Environmental Engineering Firm

Founder & CEO
Slide

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
Slide

Their flexibility and friendliness were impressive. SEVEN delivered a well-functioning e-commerce platform, including its staging environment. Everything worked as expected.

Social Impact Startup

Technical Lead
Slide

SEVEN has been understanding and responsive, providing any necessary information promptly. Having worked with them since 2019, we have found their project management to be agile, capable of swiftly adapting to changes while maintaining a firm hold on the product's development process. Their exceptional communication skills and quick response times are particularly impressive.

E-Learning Startup

Co-Founder
next arrow