EXPERIMENT 001 / EDITORIAL ENGINECUSTOM ART DIRECTION
MAKE THE HEADLINES.
Type a headline. Get a front page.
C:\\MADEULOOK\\PLAYLAB>V0.4
PLAY LAB.
4 RUNNINGUPTIME 00:00:03
Small experiments in how a brand can behave online.
ART DIRECTION × INTERACTIVE WEB × DIGITAL EXPERIMENTS × WEBSITES WITH BAD MANNERS ×ART DIRECTION × INTERACTIVE WEB × DIGITAL EXPERIMENTS × WEBSITES WITH BAD MANNERS ×
01 / FIRST, MAKE SOMETHING
LEAVE YOUR
MARK.
Not everything needs a purpose. This is a fully working blue-ink sketchbook. Draw, undo, or take your masterpiece with you.
Dear internet, I made this.
THE BLUE NOTEBOOK / 001DRAW WITH YOUR MOUSE OR FINGER
02 / EXPERIMENTAL DEPARTMENT
DON'T JUST LOOK.
MESS WITH IT.
Everything below actually works. Click things.
002 / INTERACTIVE OBJECTDIGITAL EXPERIENCE
THE CAMERA CLUB.
Point, shoot, change the scene. A tiny retro viewfinder with real capture functionality.
003 / HUMAN INTERFACEPLAYFUL UX
PROVE YOU'RE INTERESTING.
Verification, but make it absurd. The site knows you aren't a robot. Probably.
STATUS: UNVERIFIED CREATIVE
004 / GRAPHIC GENERATORDESIGN SYSTEMS
DESIGN SOMETHING LOUD.
Try your words in a different visual direction.
PRETTY
ISN'T
ENOUGH.
ISN'T
ENOUGH.
005 / MICRO-INTERACTIONSTORYTELLING
YOU'VE GOT (GOOD) MAIL.
A small interaction with a bit of drama. Open it.
YOU LOOK GOOD HERE.
But your next big idea could look even better. — MADE U LOOK
006 / DRAGGABLE CANVASSPATIAL INTERACTION
CONNECT THE DOTS.
Drag things around. That’s the whole experiment.
IDEAS
COLLIDE.
COLLIDE.
DRAG BOTH OBJECTS AROUND
007 / VISUAL REMIXBRAND EXPERIMENT
SAME PHOTO, NEW MOOD.
Click to switch the look.
BORING
IS A CHOICE.
IS A CHOICE.
03 / THE USEFUL STUFF
OK, NOW THE
SERIOUS PART.
Same playfulness, pointed at real business problems: content you can edit yourself, client portals, booking flows.
STUDIO EXPERIMENT 000 / CUSTOM CMS — LIVE DEMO
YOUR SITE. YOUR CONTROL.
Try a real editable content dashboard. Change the headline, announcement and button — see the live website update immediately. This is what a custom CMS can feel like.
MUL CONTENT STUDIO DRAFT PREVIEW
Changes preview automatically. Publish is simulated.
● ● ● yourbrand.com
WELCOME TO YOUR WORLD
FRESH STOCK EVERY WEEK.
YOUR BRAND,
YOUR RULES.
YOUR RULES.
CUSTOM CMS · EASY UPDATES · CONTENT COLLECTIONS · PORTFOLIO & MEDIA LIBRARIES · CATEGORY MANAGEMENT · CTA EDITING · BRANDING SETTINGS · ROLE-BASED ACCESS
STUDIO EXPERIMENT 000B / CLIENT PORTAL & WORKFLOW
NOT JUST A WEBSITE. A WORKSPACE.
A branded dashboard for enquiries, bookings, project stages or internal tasks. Move a request through the workflow below — imagine this built around your business.
MUL / CLIENT OPERATIONS INTERACTIVE DEMO
02NEW
01IN PROGRESS
01COMPLETED
01 / NEW
Website enquiry
Brand refresh
02 / IN PROGRESS
Content update
03 / COMPLETED
Launch checklist
CLIENT PORTALS · BOOKING & ENQUIRY SYSTEMS · ADMIN DASHBOARDS · CUSTOM WORKFLOWS · MEMBER AREAS · PRODUCT CONFIGURATORS · AUTOMATIONS
STUDIO EXPERIMENT 001 / BRAND IDENTITY
GIVE YOUR BRAND A PERSONALITY.
One name. Three completely different first impressions. Click to change the creative direction.
BRAND IDENTITY / 001SINGAPORE
MADEU LOOK.
WEB DESIGN & CREATIVE DIRECTION
STUDIO EXPERIMENT 002 / WEB DESIGN + DEVELOPMENT
YOUR WEBSITE. THREE MOODS.
STUDIO EXPERIMENT 003 / CAMPAIGN CREATIVE
ONE IDEA. MANY WAYS TO MAKE NOISE.
See how an art direction can shift across campaign visuals without losing the message.
STUDIO EXPERIMENT 004 / CREATIVE DIRECTION
THE FUN IS REAL. SO IS THE WORK.