Simplicity Is The
Ultimate Sophistication
True story, bruh.

close
close
Mike Mai drinking a beer.
Photo Credit: Ben Gebo

Great design requires both form and function!

Favoring one over the other will greatly affect a design’s ability to communicate. Striking a balance between the two is something I dwell on every single day.

I am Mike Mai, a UIX designer from (near) Boston. Professionally, I design with code. On the fun side, I create designer parodies such as the viral Helvetica Sucks, I Love Eurostile, and No Pro Bono.

My website is my playground. The current iteration challenges all standards and best practices. Remember’em good ol’ days when websites were fun? I do!

Contact

Call +1(978)912-0881 or Email.

Press Kit

Download high-res images for any kind of press you are writing about me.

Colophon

  1. Photography: Ben Gebo
  2. Typography: Share Tech Mono
  3. CSS trick: codepen
« back

Résumé

I got my Bachelor of Fine Arts in Graphic Design from Massachusetts College of Art and Design in 2009. Since then I have designed for various startups and small businesses.


Full-stack Designer

2015—2017, Fullbridge Inc.

This role required me to handle the entire design process, hence the word full-stack, going from idea creation to design to production ready front-end code.

In addition, the design work is focused on enhancing the user experience of the platform, which includes: accessibility, cross-device responsive interface, front-end performance, information architecture, and right-to-left language compatibility.

Daily routine includes the following:

  • Brainstorming and sketching
  • Wireframing and creating user flows
  • Designing and prototyping
  • Front-end development (HTML and CSS)
  • Maintaining a living style guide (of user interface elements) for developers and designers
  • Analyzing recorded sessions of users interacting with the platform
  • Doing quality assurance on user experience and information architecture

Product Designer

2013—2015, Sonicbids Inc.

Worked with a small team of developers to re-invent the music career platform. Notable contributions include creating a living styleguide, band search UI/UX, and EPK management system.

Chief Creative Mechanic

2010—2013, Bluetrain Mobile

Oversaw all creative process happening at Bluetrain Mobile for graphic design, web/mobile design and user experience design while providing creative inputs for digital marketing, SEO and SEM.

« back

Side Projects

A list of design thingies that I’m absolutely proud of.

One Line of Code for Better Typography

article{max-width:65ch;line-height:1.55;font-size:calc(1em + 1vw);}
Copy and paste in your css file.

If you want to start a truly minimal website, all you have to do is write the above line of css and you are good to go. It gives you comfortable character count per line and responsive font-size with good leading. Design is so cool, right? You just got learned.

Typesettings.css

Typesettings.css
Minimal Type Boilerplate

Typesettings.css is the typography boilerplate for your minimal website or blog project. All typographic styles are inspired by traditional graphic design fundamentals—the boring stuff that you learn in Typography 101.

HTML4 Parody

HTML4
Web standards inferior, HTML4 superior.

When the HTML5 logo first hit the Internet, I was not the only one who thought it resembles the Autobots symbol. I decided to make a parody of it. I designed a HTML4 logo that resembles the Decepticons symbol. It was quite a hit on Forrst.

Hipster Tough Logo

Hipster Tough
Based on the likeness of Josh Wilson.

Hipster Tough was created as a salute to my friend Josh Wilson, who is the ultimate hipster with his fixie, craft coffee, million pairs of neon-colored glasses, tiny beanies and super short jorts.

Legendary Pictures DVD Series

Bom Barker is my father.
Bom Barker is my father.
Have you met Ted?
Have you met Ted?
Suit up!
Suit up!

This series is inspired by my favorite TV show HIMYM. I created fictional movies based on a few inside jokes from the show, and designed the DVD cover art for each one.

« back
China Photoshoot
Photo Credit: Ben Gebo

Straight Outta China

Canton, China is home. I go back to visit from time to time.

In 2013, I had the honor of getting my friend Ben Gebo to do a photoshoot with me in my hometown. We went on the streets I grew up on and posed with my bros for these awesome nostalgic shots.

Old school.
Old school.
Rock, paper, scissor!
Rock, paper, scissor!
Drinking sodas.
Drinking sodas.
Tree climbers.
Tree climbers.

These are my bestest friends. They will always have a special place in my heart and on my website.

« back

Marvel Contest of Champions

2015—present, gaming addiction

After 2+ years of playing, I would say this mobile game is an addiction. Here is some data I collected from the game.

Name Level Rating Top Champ Total Champs Duels Won Quest Fights Won Highest Arena Win Streak
mikemai2awesome 60 265,749 Nic Cage 187 1,298 36,392 224
Ghost Rider
Yeeaaaaah!

Realm of Legends

I completed Realm of Legends right before the 100% Block Proficiency synergy was taken out of the game. I used my 4-star Guillotine for every fight except against Vision where I used a 3-star Black Bolt. I had a “Perfect Block Team” of 4-star Magneto and Guillotine, plus 3-star Cyclops, Magneto, and Black Bolt.

Labyrinth of Legends

NOPE! I can’t even finish Road to the Labyrinth. I am such a noob.

Master Mode Challenge

The first master mode event quest that I completed 100% was the King Groot event.

Arena Grind

I don’t really do arena much. The only time I grinded for a basic champ was Elektra, and oh boy, she is worth every exhausting second.

Most Epic Fight

She-hulk pwns Thanos

She-hulk vs RTL4.2 Thanos. Enough said, son!

close

Glossary

The Glossary contains extra information on all abbreviations and tooltips being used on mikemai.net.

Fixie
A fixed-gear bicycle (or fixed-wheel bicycle, commonly known in some places as a fixie) is a bicycle that has a drivetrain with no freewheel mechanism.
HIMYM
How I Met Your Mother (often abbreviated to HIMYM) is an American sitcom that originally aired on CBS from September 19, 2005 to March 31, 2014.
Jorts
Shorts made of denim fabric.
UIX
The combination of user interface and user experience.