Design, Code and Prototyping

This publication is for designers, developers and product leads to explore and discuss the creative process, from Concept to completion. In it you’ll find interviews, resources and papers, bringing Design, Code and Prototyping Stories in one place. Find us on Twitter @uplabsHQ

Featured
The (very) Best of Material Design in 2015

The (very) Best of Material Design in 2015

To celebrate a year of awesome Material Design inspiration & resources, we collected the top 20 Material Design examples on MaterialUp in…
Go to the profile of MaterialUp
MaterialUpDec 21, 2015
Can you Code this UI Concept? Vol. 3

Can you Code this UI Concept? Vol. 3

New UI concepts and their CodePen implementation.
Go to the profile of Matthieu Aussaguel
Matthieu AussaguelMar 7
Latest
Sleek & Handy Control Centers for iOS Apps

Sleek & Handy Control Centers for iOS Apps

How does the ideal navigation look like these days? Small screens come with so many restrictions and opinions!
Go to the profile of Matthieu Aussaguel
Matthieu AussaguelMar 31
Following Apple’s Design Dogma With Stunning Illustrations

Following Apple’s Design Dogma With Stunning Illustrations

7 Perfect ExamplesApple is famous for its passionate love for perfection — something we admire at UpLabs. The company always pushes their boundaries and sets a high bar for others, particularly when it comes to interfaces. They were the ones who popularized skeuomorphism, making the whole community follow their doctrine. Even now, when the era of flat style is in its prime, they manage to stay true to themselves, encouraging creatives to create sublime pixel-perfect designs.
Go to the profile of Matthieu Aussaguel
Matthieu AussaguelMar 15
Distilling 5 Incredible Material Design Concepts

Distilling 5 Incredible Material Design Concepts

That — closely or loosely — follow the guidelines
Go to the profile of MaterialUp
MaterialUpMar 9
7 Well-Balanced Cards Layouts

7 Well-Balanced Cards Layouts

They’re boxy and trendy!
Go to the profile of Matthieu Aussaguel
Matthieu AussaguelMar 4
Personal Portfolios with a Splash of Personality — 7 Great Examples

Personal Portfolios with a Splash of Personality — 7 Great Examples

A personal portfolio is a window of the soul or, at least, that part which is responsible for creativity and working knowledge. It is a…
Go to the profile of Matthieu Aussaguel
Matthieu AussaguelFeb 26
Can you Code this UI Concept? Vol. 2

Can you Code this UI Concept? Vol. 2

Five (awesome) UI concepts and their CodePen implementation.
Go to the profile of Matthieu Aussaguel
Matthieu AussaguelFeb 8
The Best Material Design Icons in 2015

The Best Material Design Icons in 2015

Let’s celebrate this end of year in beauty… with the most beautiful Material Design icons we’ve seen this year! Enjoy the the top 10 icons…
Go to the profile of MaterialUp
MaterialUpDec 24, 2015
The Best of iOS & OS X we’ve seen in (late) 2015

The Best of iOS & OS X we’ve seen in (late) 2015

In a few months of showcasing iOS and OS X inspiration, we’ve already seen pretty amazing concepts, illustrations, live apps and many more…
Go to the profile of Matthieu Aussaguel
Matthieu AussaguelDec 23, 2015
Can You Code This UI Concept?

Can You Code This UI Concept?

Five (awesome) UI concepts and their CodePen implementation.UI concepts, gotta love them! They make us think outside the box, give us inspiration on the most uninspiring of days and, let’s be honest, they’re totally eye candy 🍭 ¶ Now the coolest part of having a community of both designers and developers at MaterialUp, is that when developers love a concept as much as we do … they code it! And we just love seeing concepts come to life and being able to play with them.
Go to the profile of MaterialUp
MaterialUpNov 30, 2015
10 Powerful On-Boarding Mobile Experiences

10 Powerful On-Boarding Mobile Experiences

At MaterialUp, we see a lot of on-boarding screens and animations. Not just because they’re fun and beautiful, and they often are, but…because it’s one of most crucial steps in creating your user experience. On-boarding a new user is your first (and best) chance of to get a user to adopt your product. In just a few steps, you have to demonstrate the value of your app but also get what you need from your user (i.e. information, authorizations, setup..). ¶ The best part: it’s also your first chance at delighting that user and make an awesome first impression 😘 And the good news is that you already caught their interest and…
Go to the profile of MaterialUp
MaterialUpNov 26, 2015
10 Impressive Uses of Motion and Animations in Material Design

10 Impressive Uses of Motion and Animations in Material Design

That will kickstart your inspiration today.At MaterialUp, we’re lucky to see amazing material design animations showcased everyday. When done right, motion and animations not only adds some “whoa” to your site or app in general but also meaning to your UI. How do you know it’s done right? There are practical reasons of course, but a good sign is finding yourself watching the gif over and over :) ¶ Here are ten of the most mesmerizing Material Design animations we’ve found (in no particular order), much loved by the MaterialUp community…
Go to the profile of MaterialUp
MaterialUpOct 15, 2015
Creating a Mac OS X App, from Concept to the App Store in 5 steps

Creating a Mac OS X App, from Concept to the App Store in 5 steps

At iOSUp, we love to dig into how sites and apps are created, how they were thought of, started, finished and everything in between. We…
Go to the profile of Matthieu Aussaguel
Matthieu AussaguelOct 21, 2015
Prototyping with Principle — give it a try, especially if you’re busy.

Prototyping with Principle — give it a try, especially if you’re busy.

What we learned from early-adopter Nicola Felasquez Felaco and the mind behind Principle, Daniel Hooper.
Go to the profile of Matthieu Aussaguel
Matthieu AussaguelOct 5, 2015
How to Keep Calm and Create an App on iOS & Android simultaneously.

How to Keep Calm and Create an App on iOS & Android simultaneously.

With the help of Material Design.
Go to the profile of Matthieu Aussaguel
Matthieu AussaguelSep 28, 2015
Why you should look at Material Design for your next project.

Why you should look at Material Design for your next project.

And remember to bend the rules.
Go to the profile of Matthieu Aussaguel
Matthieu AussaguelSep 21, 2015
Is Material Design Just For Web And Mobile Design?

Is Material Design Just For Web And Mobile Design?

There’s a whole world out there.
Go to the profile of Matthieu Aussaguel
Matthieu AussaguelSep 13, 2015
More stories →About Design, Code and Prototyping