Organization Guide System for Zenone Dental company

Guides for ZenOne Dental Assist 2021 - 2024

This Design system created to facilitate the development of new digital products company and adaptation of old products to new parameters

Sector
SAAS B2B/B2C

Region
58 practice USA

Services

Client Experienc-Oriented Product concept

Intervieved and Reserch

Design & UserFlows

Ux and UI thinking for the features

Guide conducted

Resource-based CMS

The results provide detailed insights into the psyche of dental assist when they purchase products and services via eBay or other. Comparisons were also made in regards to the responses from Texas. As a results was founded case in a powerful business tool and can be used to increase sales and exposure. The research provides understanding to companies, managers and marketers on the strategic approach to vie for the growing dental markets who are active users.

Style Guide, Design Systems
& Components

I previously wrote about building a Design System in Figma for ZenOne project. I not only took credit for the overall visual design here, but I also served as the UI designer on the team. I rebuilt every component and created nested symbols that could accommodate design changes across multiple components, screens, and files.

Here'a Demonstrated skills Inspection and improvements evaluates product quality, functionality, and adherence to standards.

1. Style guide

For the content I created while ensuring consistency in style, formatting, and language usage.

1.1 Identify the Color palette

Checked all colors to contrast WCAG 2.1

(L1 + 0.05) / (L2 + 0.05), whereby:

L1 is the relative luminance of the lighter of the colors, and
L2 is the relative luminance of the darker of the colors.

Webaim Contrast Checker — Free, online color contrast calculator

Contrast Checker — Free, online with grayscale

WCAG Contrast checker — Firefox addon

Color Contrast Analyzer — Chrome extension

Use these tools to quickly check your color schemes and make sure your content is accessible.

WCAG 2.1 (Web Content Accessibility Guidelines)

WCAG 2.1 (Web Content Accessibility Guidelines) The WCAG guidelines defines the following guidelines for accessible web content and associated contrast ratios.

MINIMUM CONTRAST STANDARDS (WCAG 2.1)

1.4.3 Contrast (Minimum): The visual presentation of text and images of text has a contrast ratio of at least 4.5:1, except for the following: (Level AA)

Large Text: Large-scale text and images of large-scale text have a contrast ratio of at least 3:1;

Incidental: Text or images of text that are part of an inactive user interface component, that are pure decoration, that are not visible to anyone, or that are part of a picture that contains significant other visual content, have no contrast requirement.

Logotypes: Text that is part of a logo or brand name has no minimum contrast requirement.

1.2 Identify the readable Fonts

1.3 Identify the readable Fonts

The readable font involve the significance of using the right font to guide the overall style or design of a document or piece of content.

2. Design Systems

Here'a Demonstrated skills Created of Library Material Design Component in Figma. With some important developments for improving in interfaces.

2.2 Inputs and dropbox

3. Components Library