NewCity

Master Design Systems: 3 steps to building your component storefront in WordPress

Lego round bricks arranged in a colorful pattern

Design systems may be the powerhouse behind your brand’s visual identity, but storefronts serve as the ultimate playground for editors, letting them discover the perfect components for their digital experiences. And with WordPress’ Gutenberg editor, you’ll find that creating your own storefront is not just a distant dream, but a three-step reality.

Teach Editors How to Use a Design System

Design system workshop at Davidson

When organizations move from a template-based website to a design system-based site, content editors gain the flexibility to build new layouts to suit their needs. But it’s a very different way to think about content creation, since you can now stack and combine layout components like Lego™ blocks. Editors used to having one big WYSIWYG […]

Build Your Digital Playbook & Toolkit

Icon of a notebook, tools, and a person

Every leader who shapes the web presence of a big organization wants to deliver a powerful online experience, one that reflects the brand, attracts people and delivers great service at all levels – from the main gateway to the smallest department.

UI Design Systems

example of layout components for a design system on a wall with hand written notes

All websites, regardless of size, are made up of common elements. Some pieces are small (think buttons or headers) and some pieces are big (image galleries or news feeds). A design system organizes these common elements into reusable patterns that can be combined to make any page or interface you need.

Page Tables for Website Content Creation

illustration of someone working on content for a website

Page Tables help web content editors plan content–both text and media–that will work well for each page of a website. A page table breaks the page down into its components, explaining what should go into each part of a content type or layout in simple terms, with examples. They’re most helpful for repeatable content types […]

Is your hypertext too hyper?

Traffic trails on a highway

If your page is full of links that people find confusing or distracting, and if the only design solution is to make those links harder to see, what you have is a content problem.

Infinite Scroll: A Bad Idea for Usability and Accessibility

A spiraling staircase

Though a common interaction on the web, infinite scroll causes problems for accessibility, usability, and performance. The cost to work around them is usually not worth the tradeoffs, and in the end, it can have a negative impact on the user experience.

Defeating the Monsters of Web Design

The illustrated monsters of web design rampaging through a cityscape

Maybe you remember the Monsters of Web Design? They’re the gnarly issues that menace your website, threatening to wreak havoc on your site (and your sanity). They’re back!

For SEO and Accessibility, There’s No Alt-ernative

A dog writing alt text

Are you writing alt text for your images? If not, it’s time to start. Like right now. It may seem like an interruption or an extra step, but alt text is critical for both accessibility and SEO. The good news is that it doesn’t have to be difficult.