Published on <a href="https://blog.prototypr.io/the-magic-behind-lego-s-green-base-plate-8cdd8563fc61?source=rss----eb297ea1161a---4">| Prototyping: From UX to Front End &mdash; Medium</a> Andrés Richero 
Let´s review the design process of a platform that allows the creation of infinite experiences.
When we talk about User Experience Design (UX), Interaction Design (XD) or User Interface Design (UI), we tend to focus on a final product that solves a particularly concrete problem. It´s few times that we talk about products that allow other products to be built on top of them. These kind of products are those that we generally call Platforms. For the purpose of understanding them better let´s define them.
<h4>What is a Digital Platform all about?</h4>
In order to make it simpler we can define a Digital Platform as follows:
<blockquote>A digital platform is a system that serves as the starting point for other compatible modules to work.</blockquote>
Several applications may be built by combining compatible modules .
* You might also want to check a more <a href="https://en.wikipedia.org/wiki/Computing_platform">general definition</a> at the Wikipedia.
If we follow this definition we may be able to quickly identify multiple digital platforms, of different kinds and with different scales.
<img alt="" src="https://cdn-images-1.medium.com/max/1024/1*sgngbVgf_8n-ETkWOuvD2g.png">These are just some examples of digital platforms organized in different verticals.
What they all have in common is the fact that, on top of a base system, multiple interconnected applications have been built and each of them solves a known number of problems. The kind of experience they want to provide is also shared. In the process of implementing and customizing these systems and modules, a wide and diverse set of solutions is generally achieved.
<img alt="" src="https://cdn-images-1.medium.com/max/1024/1*OH85CjqmC0T5hPW0dxxmEQ.png">10700 Green Base Plate
<h3>10700 Green Base Plate</h3>
That´s how we can identify this part at the LEGO store, but even without knowing its part number, we know this particularly interesting piece, right?
This Green Base Plate serves as the supporting system for an infinite number of ideas.
LEGO is a system created and globally recognized for its bricks that match perfectly well, are based on modules and open up the possibility to create almost infinite forms and represent countless ideas.
<h4>Design Principles</h4>
This system was created based on a registered set pin and socket.
Creating things with this system is extraordinarily simple. Making two different pieces fit is very easy and the Green Base Plate is not at all necessary in the process of creating wonderful things. Still, it keeps to be more interesting than the rest of the pieces. It may be the best representation of space in the LEGO world.
<img alt="" src="https://cdn-images-1.medium.com/max/1024/1*AJ2SdcqG13ug3Lu1Zz-h3g.png">
It clearly represents a coordinate system that enables the positioning of an element in the space with precise coordinates.
Tracing an axis on top of this piece is simple. Thinking of a direction in which this plane extends is easy too.
<img alt="" src="https://cdn-images-1.medium.com/max/1024/1*4BOWQ4Axc2UlxG1AUkyKBg.png">
The same thing happens when there are two axis that extend to the infinite.
While we use the elements on the system we are in control. We can understand, just by taking a look at the Green Base Plate, which is the length and width of the surface in which we will be working.
<img alt="" src="https://cdn-images-1.medium.com/max/1024/1*qx8uL3bVk5nA6V_FPpWsRA.png">
We can also define regions where to place different elements.
And trace limits. Contain. Fence. Control.
<img alt="" src="https://cdn-images-1.medium.com/max/1024/1*3U7rasTUx0ItxKBh2GY6JQ.png">
We can open those limits. Define a rhythm. Establish relationships between spaces.
<img alt="" src="https://cdn-images-1.medium.com/max/1024/1*XqVvJos_5zG-52v_2ThEdQ.png">
We can create uniform sequences with evenly aligned elements.
<img alt="" src="https://cdn-images-1.medium.com/max/1024/1*OYaj6oL25pdgzH8c7iFsEQ.png">
Or instead define uneven, heterogeneous sequences.
<img alt="" src="https://cdn-images-1.medium.com/max/1024/1*oBrXhU63XbW-4TLFLa8CCg.png">
And count on a immensely wide set of different pieces with which to create wild new universes.
<img alt="" src="https://cdn-images-1.medium.com/max/1024/1*8r9cGrIeN0268N4aS0zEsA.png">
<h4>Component library</h4>
For those of us who work designing applications, web solutions or digital platforms of any kind, the concept of a component library is no news. We are used to relying on them.
In the case of LEGO, the component library is huge! And the number of combinations even more.
<img alt="" src="https://cdn-images-1.medium.com/max/1024/1*oIH8D0TTq6rQ8sd79dIIPQ.png">
Here´s an interesting, trivia like, fact. Did you know that six yellow eight pin bricks can be combined or put together in 915 million ways?
So now let´s see a tiny, almost insignificant, part of the LEGO component library.
<img alt="" src="https://cdn-images-1.medium.com/max/1024/1*A4GguPEI0LieC8x_jkpKyA.png">
Now imagine what you can do with all those different pieces 😁
<a href="https://blog.prototypr.io/pattern-library-style-guides-design-systems-do-you-need-one-b7857af0f255">Pattern library, Style guides, Design Systems. Do you need one?</a>
<h4>Styleguide</h4>
This is also a tool that designers are acquainted to.
As we know, LEGO bricks are not just green, or red, or yellow. But also, they are not any kind of green, red or yellow. The color palette is an important part of the LEGO styleguide.
Take a look at the 2016 Color Palette
<img alt="" src="https://cdn-images-1.medium.com/max/1024/1*5HI426RJxG1t0g1i1jM4pQ.png">
<a href="https://medium.freecodecamp.org/designing-a-styleguide-elements-that-go-into-functional-and-beautiful-products-ff1621e00a0e">Designing a styleguide: elements that go into building compelling products</a>
<h4>Design system</h4>
Above all these two, Component or Pattern Library and Styleguide, there´s a bigger concept ruling, the Design System. Amongst other things, a Design System grants consistency across products and allows the product or platform to scale.
These tools and processes that are frequently used in the design and development of digital products, define in good way the scope of the product, the way that it looks and works and they set a shared starting point so that the design process can be flexible, collaborative and consistent.
<a href="https://medium.com/eightshapes-llc/defining-design-systems-6dd4b03e0ff6">Defining Design Systems</a>
Counting on these tools and processes we can crate a wide range of things. Yet, none of the images below could be achieved without the presence of another element, just as important.
<img alt="" src="https://cdn-images-1.medium.com/max/1024/1*8YbzkkPpHWErQrRx92V9Hg.png">
<h4>A story to tell</h4>
Each box of LEGO tells a story, or at least a part of a story, and each of them is also a starting point for a whole new story.
<img alt="" src="https://cdn-images-1.medium.com/max/1024/1*H701KKWy93SjbIXT_RD_1g.png">
LEGO has become an expert in telling stories, either built internally like Ninjago or licensed like Star Wars.
Ninjago is being told from scratch by LEGO. It´s a powerful story that captured the attention of millions of kids and adults all over the world.
On the other end we have Star Wars. Who can deny the power of this story? We all want to be part of it one way or another, don´t we?
<img alt="" src="https://cdn-images-1.medium.com/max/1024/1*_51Ip_PevZNnUJPmmQlTAQ.png">
For each of these stories there´s also multiple characters. We get to know the different angles of each of them, we love some of them, we despise others. But independently of our emotional approach to certain characters or the stories´ plots themselves, stories, as a whole, are the ones that take the system, the design system, the styleguide, the component library one step forward.
Stories are the engine behind any product or platform.
And when we´re talking about a platform, as the one that LEGO offers us, those stories may always become new stories.
<blockquote>A platform does not limit itself to entering an existing market — it changes the rules of the marketplace and creates a new market for itself. This is essentially what the LEGO System of Play was designed to do! It was meant to give children (and even adults) the means to create their own play, instead of handing out ready-made solutions. With complete interoperability between any bricks past and present, the LEGO System of Play is the platform on which a whole ecosystem is based. Children of my generation used LEGO not only with LEGO, but also to build vehicles, buildings, and furniture for action figures and dolls. It is this platform aspect that gives LEGO much of its longevity via spanning over generations. —<a href="http://www.kilkku.com/blog/2015/06/lego-as-a-platform-and-as-service/"> Ville Kilkku</a></blockquote>
<img alt="" src="https://cdn-images-1.medium.com/max/1024/1*kaCDMEZsLMXt8Ra2mIV00w.png">
So that´s the magic behind the Green Base Plate.
We have seen how this platform relies on some elements that sound very familiar to any designer.
<ul>
<li>A system based in components</li>
<li>A wide component library</li>
<li>A styleguide</li>
<li>A design system</li>
</ul>
But top most, and what helps in the expansion of the limits of the platform, a set of stories that serve as a starting point for creating new different scenarios and enable the creation of infinite new stories and experiences.
In this sense, what we´ve seen applied to LEGO is not different from what we can define and apply on to our Digital Platforms or products to help them grow as much as we want and need them to.
This post is part of a talk that took place at Infragistics, Montevideo in the context of the IxDA Montevideo Meetups. You may follow on <a href="https://www.linkedin.com/in/andresrichero/">LinkedIn</a>, <a href="https://twitter.com/arichero">Twitter</a> and <a href="https://www.instagram.com/richerux/">Instagram</a>!
<img src="https://medium.com/_/stat?event=post.clientViewed&amp;referrerSource=full_rss&amp;postId=8cdd8563fc61" width="1" height="1" alt="stat?event=post.clientViewed&amp;referrerSou">
<hr>
<a href="https://blog.prototypr.io/the-magic-behind-lego-s-green-base-plate-8cdd8563fc61">The magic behind LEGO´s Green Base Plate</a> was originally published in <a href="https://blog.prototypr.io">Prototypr</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.

The magic behind LEGO´s Green Base Plate

Top Stories