Now we'd love to get to know you.
What are you running into, what do you want to change, and where's the real question hiding?
A stellar website for Mooncolony
Mooncolony
Brand & web strategy, Research & insight, Verbal & visual identity, Web design & development, Motion & video
2023
/f/292342831920133/956502/6ece35e8b4/mooncolony-iphone-in-hand-met-mooncolony-website-open.jpg)
We had the honour of designing and building a 'Kill off the average™️' premium website for Mooncolony, capturing the essence of their boundary-pushing work.
We also designed the logo for Lunar Academy, Mooncolony's online art school for digital artists and illustrators.
/f/292342831920133/385798/dd88d73223/mooncolony-compilatie-van-paginas-uit-de-mooncolony-website.jpg)
Web strategy
In this phase, we worked with Mooncolony through several workshops to explore their goals, audience, unique offer, and way of working. These insights formed the basis for the website design.
With a clear strategy, original ideas, and innovative functionality, we built a website that fits Mooncolony's identity perfectly and, most importantly, drives conversion.
/f/292342831920133/236582/0082d64f15/mooncolony-artwork-gemaakt-door-mooncolony-in-lijn-met-strategie.jpg)
Branding by Studio.Build
Key pillars
The design of the Mooncolony website rests on three key pillars.
'Premium but fun' is about highlighting their high-quality services without losing sight of playfulness and creativity.
'Showcase high-quality work' is about prominently displaying Mooncolony's impressive portfolio, so their craftsmanship gets full representation.
'Persona-based website flow' is about an intuitive, personalised experience that guides different types of visitors smoothly to the information and contacts they need.
/f/292342831920133/336964/43cbb9f64c/mooncolony-donder-god-artwork-door-mooncolony.jpg)
Web design
The website design highlights Mooncolony's extraordinary artwork and puts it centre stage. We reinforce this by naming renowned clients like Blizzard, underlining Mooncolony's standing as the makers of the artwork for the popular game Hearthstone.
The design shows not just Mooncolony's professional side, but also their playful culture. Alongside factual information, the website includes fun facts, presented in a light tone. Our goal is to capture the full character of Mooncolony, from artistic mastery to a lively ethos.
/f/292342831920133/217096/3ccc25be74/mooncolony-beeldscherm-met-mooncolony-website-open.jpg)
/f/292342831920133/344794/3a05493508/mooncolony-artwork-door-mooncolony.jpg)
/f/292342831920133/293257/4509c950a8/mooncolony-compilatie-van-iphone-schermen-met-website-design.jpg)
Identity woven in
Even with a premium, minimalist design, Mooncolony's unique identity shines through clearly.
We wove brand elements throughout the website, using shapes from the Mooncolony logo for project thumbnails and choosing hand-drawn avatars instead of conventional photos to present the team.
/f/292342831920133/202694/a631922aee/mooncolony-iphone-in-hand-met-mooncolony-website-open.jpg)
/f/292342831920133/118248/56554e0437/mooncolony-laptop-beeldscherm-met-mooncolony-team-pagina-op-website.jpg)
/f/292342831920133/101926/dec876686b/mooncolony-iphone-met-een-visual-van-een-project-header.jpg)
/f/292342831920133/204544/20196e480b/mooncolony-artwork-door-mooncolony.jpg)
Web development
In this phase, seamless user interaction was the focus. We built a feature that lets visitors easily schedule direct conversations with the right person.
We also built the website with React and a headless architecture, to create a fully tailored and efficient content management experience. This approach ensures a seamless integration of every front end with Dato CMS, giving Mooncolony full control over content across different media, all from one central location.
/f/292342831920133/271197/05e42faf4b/mooncolony-visual-van-hoe-men-een-call-kan-inplannen.jpg)
/f/292342831920133/2029072/5e11edfa37/mooncolony-onderwater-artwork-door-mooncolony.jpg)
Lunar Academy
Our logo design for Lunar Academy captures the essence of its mission.
The logo symbol represents the vastness of galaxies, expressed through a star-shaped element that reflects the endless creative potential of aspiring artists.
The rocket shape also symbolises the transformative journey and the launch towards excellence that Lunar Academy offers.
While staying true to Mooncolony's minimalist, premium brand, the design embodies the spirit of discovery, imagination, and growth that defines Lunar Academy's commitment to nurturing and training digital artists and illustrators.
/f/292342831920133/32012/f8a46d9058/mooncolony-het-beeldmerk-voor-lunar-academy.jpg)
/f/292342831920133/393581/cf3938ec4b/mooncolony-foto-van-lunar-academy-artwork-op-een-ipad.jpg)
/f/292342831920133/2158113/1b842febc2/mooncolony-lunar-academy-logo-op-een-donkere-achtergrond.jpg)
/f/292342831920133/410996/587a3cfb38/mooncolony-ontwerp-van-een-speld-voor-lunar-academy.jpg)
/f/292342831920133/158817/c54dc3a058/mooncolony-iphone-met-een-visual-van-lunar-academy.jpg)
What are you running into, what do you want to change, and where's the real question hiding?