Design systems and product design | Amelio Studio

Web Name: Design systems and product design | Amelio Studio

WebSite: http://www.ameliostudio.com

ID:304840

Keywords:

and,systems,Design,product

Description:


Company

Air Labs

Role

Sr. Product Designer and design systems

Timeframe

2017 - 2020

Tools

Figma, React, Storybook, CSS-in-JS

Air

A new generation of digital asset management tools for enterprise teams.

Press

Air’s app lets you record high-quality home movies without running out of space

via TechCrunch

Air Labs was founded in 2017 by 2 Stanford grads with a track record of successful projects focused around streaming video. Early iterations of the platform focused on consumer experiences and limitless video storage, but the focus shifted to team collaboration around both video and photos.

I came aboard as first hire in March 2017 and immediately began a discovery process with the founders to figure out messaging and how we wanted to position the product. For months, we researched, sketched, and wrote before beginning to mock up what a more robust digital asset management app could look like, starting with onboarding and authentication.

Authentication screens, Air for iOS

As more React devs came on board, we collaborated to build a custom camera, asset galleries, and collections that used in-house transcoders, plus additional UIs for adding tags, description, and other metadata.

Camera, gallery, floating action, player, asset details

As we transitioned to an enterprise self-service model and picked up more users, we built out the web experience which included customized Boards for presentation, dashboards, and image recognition. With enterprise came the idea of team workspaces with membership management and granular permissions.

Login, Sign up
Asset gallery, dashboard

As designs matured, our design system became more codified and I focused on issues like process, vocabulary, and communication with dev teams so that the system could facilitate handoff more easily.

Partial pattern library in Figma

We also used Storybook to define everything from brand guidelines to writing voice, SVG icons, and common UI components with the goal of syncing Figma with Storybook and Github for more seamless deployment.

Excerpts from Zephyr design system

Darren is one of the most thoughtful designers I know. He thinks in terms of reusable components, always finding ways to build consistency and efficiency into his designs and design system. I can't recommend him strongly enough.

Tyler Strand, CTO of Air

©2019, Amelio studio

Design + Code

Request more work samples →

Brooklyn, NY

Dribbble

LinkedIn

TAGS:and systems Design product

<<< Thank you for your visit >>>

Websites to related :
Litmind - The community for mode

  For modelsJoin castings and boost your modeling career@LaayafcFor photographersFind models and build your art team@SamuelPastarFor fashion brandsFind

Colecosol - Promotion Commerce E

  AccueilLe ColecosolLe Commerce EquitableNos actionsAccueilLe ColecosolNotre collectifLe réseau associatif à l’échelle nationaleNos partenairesLe C

Re:Humanism - A prize focused on

  Skip to contentAbout UsArt Prize#1 Edition#2 EditionFAQShopTalksPressNetworkContactsMenuAbout UsArt Prize#1 Edition#2 EditionFAQShopTalksPressNetworkC

Deal Service &#8211; Valorizziam

  

F.lli Frattini Rubinetterie | De

   ITENFRDEESF.lli FrattiniColeccionesAmbientesProductosElige tu DuchaComunicaciónPiezas de RepuestoContractsDescargarContactosÁrea reservadaDatos de

Gwwproducts Home page

   JavaScript lijkt te zijn uitgeschakeld in uw browser. Voor de beste gebruik

BRASSART - Ecole de Design Graph

   L'école Notre
histoire 70 ans d'histoire Nos chiffres clés

Le Grand Bivouac | Festival du f

  

SVD - Vidéo et Film motion desi

  AccueilVos objectifsCommunication interneCommunication externeCommunication corporateRéseaux sociauxNos solutionsAffichage dynamiqueCréations vidéo

Folktandvården Stockholm

   Hoppa till inneh&#229;ll Jobba hos oss

ads

Hot Websites