Master the build: The LEGO Star Destroyer
I designed a marketing landing page for the highly sought-after LEGO Ultimate Collector’s Series (UCS) Star Destroyer. Flagship LEGO products like those in the UCS line require a distinct marketing approach tailored to adult fans, differing significantly from the strategies used for sets aimed twoard children.
SERVICES
Web Design
Software
Figma, Adobe Photoshop
Problem
Companies like The LEGO Group are not effectively engaging their audience or adequately highlighting their flagship products in marketing efforts. This lack of emphasis on creating excitement and celebrating key product lines may lead to missed opportunities in capturing consumer attention.
SOLUTION
I created a marketing landing page for the Ultimate Collector’s Series Imperial Star Destroyer implementing an immersive design and interactive elements needed to showcase the premium nature of a highly sought-after product.
Ignite A Saber Search Bar
A defining symbol of the Star Wars franchise is the iconic lightsaber. This animated asset incorporates the weapon's blade as the typing area for the search bar, with the hilt seamlessly transforming into the search button. It adds both visual appeal and functionality, creating an engaging feature that visitors can use while exploring the site and admiring the set.
Mobile Saber
The lightsaber search bar had to be removed from the mobile version but the ignition feature is preserved with the hamburger menu selection. Instead of one saber blade, the use views three along with a drop down menu containing the previous buttons.
The Imperial Arrival
Star Wars is renowned for its cinematic experience, and the designers of the LEGO set captured this by featuring an impressive opening scene on the packaging. Inspired by this concept, I used Figma’s animation capabilities to create an effect where the set enters the screen from above, evoking a sense of scale and grandeur, similar to how it might feel in person. The ship's triangular shape also serves as a visual cue, naturally directing attention toward the buy button.
WireFrames
The wireframes include three initial variations for the landing page: desktop, tablet, and mobile. The desktop version was the only one with further refinement, as the other layouts could easily adapt the same structure. Due to time constraints, the remaining pages were developed quickly with consistent
layouts to maintain uniformity across devices.
From Entertainment
to Payment
The design opens by captivating viewers with dynamic motion graphics that immediately grab their attention. As users progress through the site, the tone becomes more refined, with a gradual reduction in animated elements to provide a smoother, more focused experience. This progression builds anticipation while promoting a sense of trustworthiness and seriousness, culminating in a final purchase page that reinforces the importance and security of the transaction
Landing Page
Desktop
Tablet
Mobile
Product Page
Desktop
Tablet
Mobile
Final Checkout Page
Desktop
Tablet
Mobile
Takeaway
My passion for LEGO, particularly the LEGO Star Wars UCS sets, has driven my desire to help generate the same excitement in others. I believe that The LEGO Group could do more to capture the enthusiasm these flagship sets deserve. Through this website, I aimed to bridge that gap and create an experience that inspires others to share in the same enthusiasm I have for LEGO Star Wars.