Close

Concepts

Read the Full Case Study Here →
Learn more

LEGO® Web Concept

The 2D version recreates the LEGO-based website entirely using HTML, CSS, and JavaScript. By leveraging CSS styles and dynamically generated HTML elements, the interface effectively mimics the appearance of LEGO structures.

Each element is crafted using precisely positioned HTML divs and CSS backgrounds, while JavaScript adds interactivity, enabling features like sticker swapping and color customization. This approach results in a fully responsive, fast-loading, and widely compatible solution that delivers an authentic LEGO aesthetic without the need for advanced graphics engines.

Learn more

LEGO® 3D Concept

The website is built using LEGO elements and modern 3D technologies, enabling limitless visual and graphical possibilities. This approach not only provides a unique visual experience but also enhances interactivity, offering an immersive and dynamic user experience.

Learn more

LEGO® 3D
Hybrid Version

The Hybrid Version is a specialized 3D rendering approach that displays the website from a top-view perspective. It represents 3D-modeled elements in a two-dimensional format, combining spatial depth with an intuitive 2D presentation.

Learn more

LEGO®
Technic Web Concept

A Dynamic, Mechanized Experience

This website not only visually evokes the world of LEGO Technic but also stays true to its functionality. Just as real LEGO Technic models use gears, chains, and mechanical components to operate, this web concept follows a similar principle in its interactivity.
Content is not displayed statically but instead moves dynamically, for example, by placing elements on a chain mechanism. This creates a unique and engaging user experience. Every element of the website functions as part of a larger "machine," where animations and interactive components reflect the iconic building solutions of LEGO Technic.
With this approach, the website is not just visually striking and unique but also translates the essence of LEGO Technic into the digital world, offering creative and playful interactions.

Subscribe to digital marketing emails

AF33F512-1539-4BCD-A9EB-85BF54B01CD0
202
6
All rights reserved
Lego inc
AF33F512-1539-4BCD-A9EB-85BF54B01CD0
LEGO System A/S, DK-7190 Billund, Denmark. Must be 18 years or older to purchase online. LEGO, the LEGO logo, the Minifigure, DUPLO, the FRIENDS logo, the MINIFIGURES logo, DREAMZzz, NINJAGO, VIDIYO and MINDSTORMS are trademarks of the LEGO Group. ©2024 The LEGO Group. All rights reserved. Use of this site signifies your agreement to the Terms of Use.
9:41
Saturday, August 17
LEGO website redesign concept (LIVE)
LEGO website redesign concept (Customization)
LEGO Art Online Designer 2024 (concept)
LEGO Website Redesign Concept (Behance video)
LEGO Slider Anim
LEGO Website Concept
LEGO® Website Redesign - Interactive Concept Demo
LEGO Technic Website Concept (First look) - Under development
_
G
1 / 1
Close
OK

How to use the site

Basic Operations

Where can I find it?

Customization

How to make your LEGO® website unique?

BUILDING INSTRUCTION

Find out how to build your own LEGO website.

Basics

For more infos visit my Behance profile: HERE

Customization

Pattern opacity

Thanks to the dynamic pattern management, the entire appearance of the page can be freely modified. Here is an example: using a range slider, the transparency can be adjusted according to specific needs or to match the desired theme.

Building instructions

Close
Clear
Close
Close
Build Your Character  for LEGO   verSum
Cancel
Ok
Attention! This is a technical preview, not a final product. This developer interface is intended solely to demonstrate the concept and the techniques that could be used to implement the full site.
- The textures & shadows on the page are not final yet; they still need further refinement.
- Responsive features are not ready yet. Larger textures and automatic scaling are not working yet
- The build function is currently available in demo mode only.
Sign in to unlock the full experience and all features!
No registration is required — you can simply sign in without an email address or password.
Information: The BUILD function is currently available in demo mode only.
Important: Before you explore, read the comprehensive case study detailing the 26x26 px layout grid, custom JavaScript engine, and the UX architecture behind this preview.

Read the Full Case Study Here →
OK
Close
Attention! The current test experience runs well only on desktop browsers with a minimum screen width of 1280 pixels.
Best viewed in FHD (1920x1080 pixels)It has not yet been optimized for mobile. You can check it out, but don't expect much from it.
Attention! The current test experience runs well only on desktop browsers with a minimum screen width of 1280 pixels.Best viewed in FHD (1920x1080 pixels). It has not yet been optimized for mobile. You can check it out, but don't expect much from it..

View the full project
on the case study page →

Messages

Laszlo Barath
You: Everything Is Awesome!!!
 
2n
Laszlo Barath
You: Bye Emmet
 
2n
Laszlo Barath
You: Hello
 
2n
Laszlo Barath
You: Build your dreams
 
2n
Laszlo Barath
You: Now
 
2n

Laszlo Barath

$1120
Attention! The current test experience runs well only on desktop browsers with a minimum screen width of 1280 pixels.
Best viewed in FHD (1920x1080 pixels)It has not yet been optimized for alert. You can check it out, but don't expect much from it.
Attention!The current test experience runs well only on desktop browsers with a minimum screen width of 1280 pixels.Best viewed in FHD (1920x1080 pixels). It has not yet been optimized for alert. You can check it out, but don't expect much from it..
Error! An error occurred while loading the page. Please try clearing your browser cache and reloading the page. If the issue persists, please check back later. The site may be undergoing maintenance or updates.
Close
Exit
Exit
Close
Close
Editor Mode - Off
- The build function is currently available in demo mode only.
?
Build
G
Colors
My Sets
Show more
Close
Build
Close
Close