View allAll Photos Tagged DesignSystem
Different variations of the header in Unity.
Mall, Dan, 2023. Design That Scales: Creating a Sustainable Design System Practice
New York: Rosenfeld
The "From Degrees to Careers" component is a unique area of the page.
Mall, Dan, 2023. Design That Scales: Creating a Sustainable Design System Practice
New York: Rosenfeld
A simple Article component with a title, publish date, and description.
Mall, Dan, 2023. Design That Scales: Creating a Sustainable Design System Practice
New York: Rosenfeld
This is the time in the piloting process to add all variations of a component to a page in a reference site.
Mall, Dan, 2023. Design That Scales: Creating a Sustainable Design System Practice
New York: Rosenfeld
An abstracted Vertical Tabs component can work for both the "From Degrees to Careers" content as well as the "Upcoming Events" content.
Mall, Dan, 2023. Design That Scales: Creating a Sustainable Design System Practice
New York: Rosenfeld
A simple event component with a title, date, and location.
Mall, Dan, 2023. Design That Scales: Creating a Sustainable Design System Practice
New York: Rosenfeld
Different variations of the header in Unity.
Mall, Dan, 2023. Design That Scales: Creating a Sustainable Design System Practice
New York: Rosenfeld
Different variations of the header in Unity.
Mall, Dan, 2023. Design That Scales: Creating a Sustainable Design System Practice
New York: Rosenfeld
Different variations of the header in Unity.
Mall, Dan, 2023. Design That Scales: Creating a Sustainable Design System Practice
New York: Rosenfeld
A more abstracted component that can work for both events and articles.
Mall, Dan, 2023. Design That Scales: Creating a Sustainable Design System Practice
New York: Rosenfeld
The header component detail page shows all the info someone needs to know how to use it.
Mall, Dan, 2023. Design That Scales: Creating a Sustainable Design System Practice
New York: Rosenfeld
Content descriptions without visual suggestions allow everyone to work with ideal versions of content and user interface elements.
Mall, Dan, 2023. Design That Scales: Creating a Sustainable Design System Practice
New York: Rosenfeld
Mall, Dan, 2023. Design That Scales: Creating a Sustainable Design System Practice
New York: Rosenfeld
Content descriptions without visual suggestions allow everyone to work with ideal versions of content and user interface elements.
Mall, Dan, 2023. Design That Scales: Creating a Sustainable Design System Practice
New York: Rosenfeld
Inayaili de León’s flowchart for adding a new component to the Vanilla design system at Canonical.
Mall, Dan, 2023. Design That Scales: Creating a Sustainable Design System Practice
New York: Rosenfeld
Abstracted variations of display components that can work for anything with a title, description, metadata, image, and kicker.
Mall, Dan, 2023. Design That Scales: Creating a Sustainable Design System Practice
New York: Rosenfeld
A flowchart for how design system teams and product teams can work together.
Mall, Dan, 2023. Design That Scales: Creating a Sustainable Design System Practice
New York: Rosenfeld
Nike.com has many elements you'd expect to find on a flagship ecommerce website.
Mall, Dan, 2023. Design That Scales: Creating a Sustainable Design System Practice
New York: Rosenfeld
The Nike News site kinda feels like a Nike site, but there is some variance from Nike.com.
Mall, Dan, 2023. Design That Scales: Creating a Sustainable Design System Practice
New York: Rosenfeld
Canon and noncanon Star Wars characters are pictured here. Clockwise from top left: Nadia Grell, Darth Vader, BZ-9D, Yoda, Dash Rendar, Princess Leia.
Mall, Dan, 2023. Design That Scales: Creating a Sustainable Design System Practice
New York: Rosenfeld
This is what everyone is talking about: the Smooth, Quasi Hypnotic, Lightning #DesignSystem Animation @SalesforceUX fonzi.com/post/127814937433/this-is-what-everyone-is-talk...
The "Upcoming Events" component looks strangely familiar to the "From Degrees to Careers" component.
Mall, Dan, 2023. Design That Scales: Creating a Sustainable Design System Practice
New York: Rosenfeld
The Nike SNKRS native mobile app.
Mall, Dan, 2023. Design That Scales: Creating a Sustainable Design System Practice
New York: Rosenfeld
The Nike Purpose site kinda feels like a Nike site, but there is some variance from Nike.com.
Mall, Dan, 2023. Design That Scales: Creating a Sustainable Design System Practice
New York: Rosenfeld
The Nike shopping native mobile app.
Mall, Dan, 2023. Design That Scales: Creating a Sustainable Design System Practice
New York: Rosenfeld
The Nike shopping mobile website.
Mall, Dan, 2023. Design That Scales: Creating a Sustainable Design System Practice
New York: Rosenfeld
The Nike Jobs site kinda feels like a Nike site, but there is some variance from Nike.com.
Mall, Dan, 2023. Design That Scales: Creating a Sustainable Design System Practice
New York: Rosenfeld
A consolidated text component from nine separate sources.
Mall, Dan, 2023. Design That Scales: Creating a Sustainable Design System Practice
New York: Rosenfeld
Comparing code that could be the same but isn’t.
Mall, Dan, 2023. Design That Scales: Creating a Sustainable Design System Practice
New York: Rosenfeld
Here are the three elements to begin a design system.
Mall, Dan, 2023. Design That Scales: Creating a Sustainable Design System Practice
New York: Rosenfeld
Product work is most important because it’s a direct line to creating customer value, but scaling good product work for future benefit
needs allotted time. Plan a Systems week: One week out of every four
to extract and abstract the great work being done so that others can
make use of it, too.
Mall, Dan, 2023. Design That Scales: Creating a Sustainable Design System Practice
New York: Rosenfeld
Are these jars of ingredients to make dishes or storage after dishes have been made? It’s impossible to tell just by looking at them.
Mall, Dan, 2023. Design That Scales: Creating a Sustainable Design System Practice
New York: Rosenfeld
Magic happens when a connected and safe team gets into a state of flow.
Mall, Dan, 2023. Design That Scales: Creating a Sustainable Design System Practice
New York: Rosenfeld
Comparing Nike websites to search for common patterns.
Mall, Dan, 2023. Design That Scales: Creating a Sustainable Design System Practice
New York: Rosenfeld
Here are the three elements to begin a design system.
Mall, Dan, 2023. Design That Scales: Creating a Sustainable Design System Practice
New York: Rosenfeld
A new design system–based workflow is the perfect filling for your
existing process.
Mall, Dan, 2023. Design That Scales: Creating a Sustainable Design System Practice
New York: Rosenfeld
Here are the three elements to begin a design system.
Mall, Dan, 2023. Design That Scales: Creating a Sustainable Design System Practice
New York: Rosenfeld
Jina Anne describes a cyclical model of responsibility between product teams and design system teams.
Mall, Dan, 2023. Design That Scales: Creating a Sustainable Design System Practice
New York: Rosenfeld
The Nike Investors site kinda feels like a Nike site, but there is some
variance from Nike.com
Mall, Dan, 2023. Design That Scales: Creating a Sustainable Design System Practice
New York: Rosenfeld
Comparing headers reveals inconsistencies. Intentional or not?
Mall, Dan, 2023. Design That Scales: Creating a Sustainable Design System Practice
New York: Rosenfeld
Design system work often toes the fine line of creating yet another competing standard.
Mall, Dan, 2023. Design That Scales: Creating a Sustainable Design System Practice
New York: Rosenfeld