Simplicity Is The
Ultimate Sophistication
True story, bruh.

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!


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

Press Kit

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


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


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.

Principal UIX Designer

2017—present, Pegasystems, Inc.

Co-leading the Pega Design System that powers a network of Pega websites.

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

Design and/or code projects that I’m absolutely proud of.


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. (See more code on Codepen)

HTML4 Parody

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 Prestige Top Champ Total Champs Duels Won Quest Fights Won Highest Arena Win Streak
mikemai2awesome 60 392,075 4,843 Drax 251 1,655 49,302 224
Oh hai.

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. OK, I am practicing on Red Hulk now at least.

Uncollected Mode Challenge

The first uncollected mode event quest that I completed 100% was Hotel Modok event. Everything was smooth sailing except for that Ice Phoenix. I do not want to disclose how many revives I used on her.

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!



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

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.
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.
Shorts made of denim fabric.
The combination of user interface and user experience.