Creating a new vibrant website that fits the demographic, alongside forming a marketing plan and creating many graphics for social media and company documents.
Role
Employer
Platforms
Areas
Design Consultant
Vasari Design
Desktop/IOS
Design/Marketing


Landing Page of MOCBoxing - 03/2025
Background
From mid 2023 to mid 2024 I took year or so out to travel around East Asia after graduating from university and spending a year in a chef job to save funds.
Towards the end of this trip in Japan I befriended a man with which had a spectacular growth mindset I found interesting, and a go-getter attitude I wanted to surround myself with to keep me motivated. In mentioning this he showed me his online business MOCBoxing (An aftermarket custom LEGO MOC ecommerce store), explained the code behind it but expressed his disliking for his design skill. After a few in person meetings we formed some new ideas and created a list of business goals to try improve the company.
The moment I returned home I started working full time with this man and redesigned whole site and helped ideate some new systems for customers that would make their lives much easier, with empathetic design being my niche, we created some amazing products.
Below are some of the pages of the original MOCBoxing website that I had to change and redesign.
MOCBoxing.com
















The Challenge
In being honest with myself, I realised instantly this would be a huge undertaking of a task, and will require me to develop new skills I had never even considered gaining. The company had a very basic looking website which I'll place below, not a single order had been sold, there were no instances of marketing and a very finicky code that couldn't guarantee all parts of a LEGO set would arrive.
Some of the main issues I identified were:
Users didn’t understand what a MOC is (This included myself when I visited the site for the first time)
The original site had poor navigation, high bounce rates, and unclear value props
Customers were confused about what they were purchasing (instructions vs. kits)
Lack of trust and visual consistency led to low conversion rates


Above is just one of our 2 giant lucidcharts that is one big bit of organised chaos. There's every business plan and design idea in there somewhere.
















Some wireframes I created using Figma for the landing page that I quickly designed to get my ideas across
Research & Discovery
One huge part of working here is research, as is with any design. When coming into the company the one question I asked right away was "What is the demographic for this company?" LEGO fans was the answer, but I found that to be far too broad and it wouldn't allow for me to produce a design that suits specific age groups or hobby collectives.
So in order to gather some information I interviewed, frankly, a lot of people whether that's industry professionals, average LEGO fans and similar companies to ours that sell similar things (LEGO lighting and accessory companies.)
Reviewed analytics: bounce rate, time on site, conversion drop-off points
Observed customer questions (FAQs, Discord feedback, comments on ads)
Compared competitors: Rebrickable, BrickLink, LEGO.com
Identified key UX problems: cognitive overload, visual inconsistency, lack of guidance


Just a snip it off some of the interviews I produced for research purposes.
UX Strategy & Solutions
Navigation Redesign
Introduced mega menu for 3000+ products
Organized by themes, popularity, and product type
Added quick access to designers, resources, and kits
Product Page UX
Created new product page layout with tabs for: Overview, Instructions, Parts
Clarified what the user receives (brick kit vs. digital file)
Designed upsells + related MOCs for higher AOV
Resource Hub
Designed an onboarding path for new users:
“What’s a MOC?” → “How It Works” → “Buy Your First MOC”Reduced support queries by anticipating user confusion
Mobile UX
Simplified mobile flow with sticky buttons and thumb-friendly layout
Prioritized mobile responsiveness for traffic-heavy pages














A couple screengrabs of various mobile layouts on the website: navigation, browse products by designers, product page, forms.
Prototypes / Wireframes / UI Samples























