UX Case Study: Ameritas Design System

Product: Ameritas Design System

Type: Internal & External Digital Resource Portal

Objective: Centralize brand guidelines, design components, and writing standards to ensure cohesive brand experiences across all digital touchpoints.

Executive Summary

The Ameritas Design System (ADS) acts as a single source of truth for designers, developers, writers, and content creators. It aims to bridge the gap between creative vision and technical execution by providing a clear, structured repository of assets and guidelines.

This case study analyzes the portal’s user experience (UX) architecture, highlighting its strengths, identifying key areas for improvement, and offering actionable recommendations to optimize usability.

UX Breakdown & Architecture

The portal’s architecture is divided into two primary, highly structured pillars:

                          [ Ameritas Design System ]
                                      |
         +----------------------------+----------------------------+
         |                                                         |
[ Web & UX Design ]                                     [ Visual Identity & Voice ]
  - Assets and Components                                 - Brand Elements
  - Design Guidelines                                     - Overview
  - Email Guidelines                                      - Presentations
  - Native Mobile Guidelines                              - Stationery
  - Search Engine / Social Media                          - Writing and Voice
  - UX Writing Guidelines

Web & UX Design: Houses highly technical documentation, interactive UI components, mobile patterns, and search engine parameters.

Visual Identity & Voice: Caters to broad marketing, print, and communications workflows, emphasizing editorial guidelines and asset templates (e.g., stationery and presentations).

Key UX Strengths

Exceptional Visual Hierarchy: The split-column layout immediately establishes a clear distinction between technical digital standards (Web & UX Design) and editorial/traditional marketing assets (Visual Identity & Voice).

Clean and Scannable Typography: The layout employs plenty of whitespace and bold, high-contrast headings that allow users to scan the homepage in under three seconds.

Logical Navigation Flows: Essential utilities like search functionality are placed exactly where a user expects to find them (at the center-top of the main layout block).

Action-Oriented CTAs: Clear “View All” links at the bottom of each column help prevent homepage clutter while offering a clean pathway deeper into the documentation.

Areas for Improvement (Pain Points)

While the ADS is functional and visually clean, minor adjustments could significantly elevate the daily workflow of its users:

1. Search Prominence & Friction

The Issue: The search bar is placed directly beneath the hero header. While logically positioned, it blends a bit too easily into the gray background.

The Impact: Power users (like developers looking for a specific component class) may experience slight cognitive friction when trying to quickly locate the search input on smaller screens.

2. Visual Previews (The “Show, Don’t Tell” Principle)

The Issue: The homepage is highly text-centric. It relies entirely on list links to direct users to components or brand elements.

The Impact: Designers visiting the site looking for a specific UI element (e.g., button styles or card layouts) must click through multiple links without any visual cues on the dashboard.

3. Distinct Visual Signifiers for “Internal” vs. “External” Resources

The Issue: Design systems often house protected corporate assets (such as downloadable presentation templates or vector logos) alongside public-facing documentation.

The Impact: Users may get frustrated clicking on resources only to find they require internal VPN access or corporate credentials later in the flow.

Actionable Recommendations

To evolve the Ameritas Design System into a more seamless and frictionless platform, the following design enhancements are recommended:

Incorporate Interactive Visual Cards: Replace the simple text list format on the homepage with rich, card-based navigation featuring micro-illustrations or thumbnail previews of UI components.

Implement Auto-Suggest Search: Upgrade the standard search bar to support predictive, auto-complete search results. If a developer types “But…”, a dropdown should instantly surface components like Button, Button Group, or Icon Button.

Deploy Access-Level Badging: Clearly tag restricted, internal-only assets (e.g., “InDesign Templates”) with a subtle lock icon or “Internal Only” badge right on the navigation panel.