Material Design Awards 2018

Recognizing best-in-class designs from the community

Each year, the Material Design Awards honor the product teams that bring Material to life. These best-in-class examples showcase the flexibility of our adaptable design system by making it uniquely their own.

We’re pleased to present the class of 2018, a group of products that creatively employ Material Design across four distinct categories—expression, innovation, experience, and adaptation. The winners were selected from hundreds of open nominations, and will be honored at SPAN Helsinki on 1 November. We hope their work is as inspiring to the community, as it is to us. We’ll continue to evolve and expand Material Design, adding end-to-end capabilities like Material Theming and customization, but we’re most excited to see how you continue to make Material yours.

Congratulations to this year’s Material Design Award winners.

Expression: KptnCook

Brand identity brought to life through the engaging and harmonious use of color, imagery, typography, and motion.

close
MDA2018_inline_01.jpg

KptnCook makes daily meal prep easy with straightforward, 30-minutes-or-less recipes and guidance on where to shop for local ingredients. The KptnCook interface features vibrant food photography and step-by-step instructions.

KptnCook’s intimidation-free approach to cooking extends through the app’s engaging, hassle-free design. Step-by-step instructions with images of ingredients and techniques lead users through the cooking process; these detail pages feature a transparent top app bar that references similar touches within the app. The Favorites view features a scannable image list of saved recipes, with branded iconography and type, plus a custom shape for text protection. All these details work with the app’s immersive, full-screen imagery to showcase beautifully executed meals.

“We strongly believe that anyone can cook. Our mission is to simplify the daily dinner decision—and avoid endless scrolling—by giving our users a selection of three recipes each day. Our visual language is clean, simple, and rather subtle.”
— Lene Koenig, Visual Designer

Innovation: Lyft

Demonstrated ability to build upon and extend the Material Design system in inspiring new directions.

close
MDA2018_inline_02.jpg

Lyft is a ride-share app that allows users to order a car on-demand. The simple map-based UI allows users to find available cars and watch the progress of their journey.

Lyft recently revamped its app, rethinking fundamental aspects of the backend UX while also adopting and adapting Material Components in impressive and unexpected ways. Bottom sheets and an extended Floating Action Button (FAB) optimize available screen space throughout, while custom color system algorithms ensure accessibility and legibility of their iconic neon-bright hues. Using their own take on Material, Lyft has seamlessly realized a singular brand expression.

“One of our biggest priorities was to create a universal design system that works best for Lyft on all platforms.
— Linda Dong, Design Manager, Core Design

Experience: Simple Habit Meditation

Creative and effective deployment of interaction, navigation, and content in service of an impactful user experience.

close
MDA2018_inline_03.jpg

Simple Habit Meditation encourages users to take five minutes a day to relax with intention. The pared-down app lets users find meditation programs by theme, duration, or instructor.

Learning how to slow down and de-stress requires an equally tranquil interface; from first tap, Simple Habit Meditation opens up with an easy onboarding experience—which employs color-coded, selectable image cards to support the calming, purposeful navigation. It uses a dark theme effectively, with cool implementation of cards and bottom navigation, branded typography, and subtle motion cues across mobile devices and tablets.

“The apps simple information architecture and intuitive navigation allow users to quickly and easily discover the right meditation for their particular situation. Positive user actions, such as 'meditation completes, are reinforced with rewarding interactions that help people build their positive habit more rapidly, while leaving them delighted by the experience.”

—Valentin Drown, Lead Product Designer

Adaptation: Anchor

Cross-platform design that delivers a consistent experience, with native features and functionality optimized for each device.

close
MDA2018_inline_04.jpg

Anchor is a free app that helps people record, distribute, and host podcasts—and listen to those that others have produced. The Anchor interface integrates cover art customization with easy-to-use episode creation and podcast aggregation.

Anchor’s DIY podcast tool is impressively buttoned-up, with a seamless flow across platforms and devices. Android and iOS users can record from their phones and find the audio automatically uploaded to the web app. Choice chips clearly delineate and display options for the alignment selection in edit mode, where an extended FAB is anchored to the bottom to allow the action to remain persistent. Nice animations complement this solid cross-functional solution for aspiring broadcasters.

“Anchor uses bright colors, friendly typography, and conversational copy to make sure podcasting is approachable for anyone, even people whove never done it before. We use animations and transitions to make our app feel lively, responsive, and fluid.”

— Emmi Hintz, Lead Product Designer

Congrats to all the winners!

10/31/2018
Material Design UX

Contributors

Related