Project
Back

MiAO World

Category
Year
2023

Awards

AWWWARDS / 2024
Honorable Mention

CSS DESIGN AWARDS / 2024
Special Kudos Award

Best UI / Best UX / Best Innovation

Info

MiAO, a Chinese gaming company specialising in voxel-style games and artificial intelligence, commissioned us to design and develop its website. The brief was clear: capture the spirit of 1980s gaming through pixel typography, glitch effects and a monochromatic black-and-white palette.

Our approach began with the integration of a pixel-style Unifont, adapted to include Chinese characters and accommodate MiAO’s predominantly Chinese audience. The landing page opens with a pixel-based glitch effect that transitions from white to black, setting the tone for the experience. Text, menus and buttons then appear through a typewriter effect, recalling the early interfaces of 1980s computing.

To express MiAO’s dynamic and ever-evolving universe, we created an endlessly generative voxel cityscape, uniquely generated for each visitor. Built around two interconnected Simplex noise fields, the environment combines a custom pixel shader with subtle lens distortion and glow effects. The result is a constantly changing digital landscape that draws on the experimental spirit of early computer graphics and gaming.

Throughout the website, each section introduces a different glitch pattern, generated through custom code. Titles shuffle into position, while a subtle horizontal-line indicator provides a visual reference for navigation. Inspired by MS-DOS loading screens, the body copy also appears progressively, unfolding section by section.

MiAO's gaming community is built around creative freedom and self-governance, with players acting as architects of their own virtual worlds. Reflecting this philosophy, the website adopts a deliberately low-level visual language. Text resembles a terminal interface, accompanied by glitch effects that explore the fragile balance between failure and success in the creative process.

Navigation remains intuitive without relying on a conventional menu. Visitors can move through the website by scrolling, using the keyboard arrows or pressing the number keys from 1 to 7. This interaction draws directly from the simplicity of 1980s gaming controls.

The MiAO website brings together generative design, custom code and retro gaming references to create an interactive digital experience that reflects the creative possibilities of MiAO's gaming universe.

Web Development:
Yannick Gregoire 

Loonatiks_Design_Crew_MiAO_Glitch_correct
Loonatiks_Design_Crew_MiAO_宣言
Loonatiks_Design_Crew_MiAO_团队
Loonatiks_Design_Crew_MiAO_职业生涯
Loonatiks_Design_Crew_MiAO_Typography
Loonatiks_Design_Crew_MiAO_Colour_Pallet
Loonatiks_Design_Crew_MiAO_联系我们
Loonatiks Design Crew-MiAO World-9
Loonatiks_Design_Crew_MiAO_Tablet_Responsive_响应式设计
Loonatiks_Design_Crew_MiAO_Mobile_Responsive_响应式设计

Want to contact us?

Back to top