isral Duke | Designer Design System |

Design System Details

Design System allows team members to access a single source of truth and quickly produce value.

Try Design System yourself

Overview

Design systems allow organizations to unify their products’ appearances, code base, and provide users with a consistent experience. Pelican is a design system which is being designed and developed for official web aplications.

Project Role

I am the lead UI and UX designer and the primary frontend designer. I consult with other designers assigned to various modernization projects and review those projects’ user interface design and code needs. Frontend code is written to build the necessary components using a popular frontend CSS framework.

User & Audience

The primary users for this design system are senior developers, mid-level developers, junior developers, and user experience designers. Seondary users are the business analysts and product owners. Tertiary users are stakeholders who decide to adopt the design system for their products.

Design system app personas, Umang and Lalana, representing two user groups.

Research

The design system’s original research was performed by taking a user interface inventory of two vast web applications which were being modernized. But, research never stops. The design system is continually applied to unknown web applications which were not updates for many years. As these obscure web applications are discovered new components are added to the design system if it can be used in more than one place.

Key Challenges

The design system is meant to provide value for end users and stakeholders. Many stakeholders were unaware of the value of a unified user experience across official products so convincing them of its value is an ongoing effort. Performing an inventory across a myriad of official web applications is a monumental task for which the design system has to flexible to accomodate unknown use cases.

Certifications

Continuing education is an important part of being a designer. Staying on track in technology means serving the users. This also means watching the industry leaders and learning from them.

W3C Accessibility

It makes moral and business sense to ensure everyone can use your app.

Verify isral Duke’s certification for W3C Accessibility

Google UX Design

I studied Google’s own internal UX process for knowing what users need.

Verify isral Duke’s certification for Google UX Design

Interaction Design

People respond to digital products based on prior experiences in combination with our brains’ wiring.

Verify isral Duke’s certification for Interaction Design

Adobe Photoshop

Photoshop is the market leader of for image manipulation.

Verify isral Duke’s certification for Adobe Photoshop

isral Duke’s Skills

UX Skills

UX Design is discovering and knowing what to build. UX means talking to users and getting their input.

  • Accessible Content Development
  • Information Architecture
  • User Research

Design Skills

Interaction Design is creating an interface or process around the users’ problems and goals. It’s informed by the UX research phase.

  • Accessible & Inclusive Design
  • Creative Cloud
  • Figma
  • Graphic Design

Technical Skills

Technology is how users’ solutions are built. Good design takes technology into account.

  • Accessible Markup
  • Bootstrap
  • HTML, SCSS, CSS
  • GitHub