top of page

Humanize Design

Simple,
Playful.

715ec7068333a2be7f44e9be0a5a0f3ec8d9a71e2364ba-kiiMN0.gif

I designed to look beautiful and work beautiful, and make it even sooo engaging 

WORKED FOR THE BEST

Fun stuff first.

27cab604e420598be22223e89a65d7e0840f7e32162710-6A9hf0_fw658.webp

An App a Day

To hone my quick-fire prototyping skills, I designed and animated an app everyday for 2 years.
69a7653e09555a18bbf5526b641c154b13363d32bf8ca-8YQLJb.webp

2400 hours

of design & animation
696282dd417a39a875865da95db79f3ab0a545901347de-fVLvxW.webp

700 Days

of continuing work

Recent work. Work.

Apple

ROLE: HI DESIGNER
YEARS: 2019 - TODAY

 
I am directly responsible for Map's new rating system, Offline Maps, search filters, and preferences. I worked on this project from early concept to announcement. Getting to this solution requires strategic planning, research, cross-functional collaboration, testing, and lot of prototyping which I won't discuss publicly.

No Internet? No Problem!

Screenshot 2023-06-26 at 2.31.13 PM.png

Like it? Rate it. Took a Photo?. Add it.

Apple Ratings.jpg

Tap. Tap. Tap.
Done!

You can provide ratings and photos of places you visit to influence how millions of people explore the world.

Suggestions to Rate or Add Photo

Find suggestions of places to rate and add photo

Do what you want to do. Quick.

Users can add missing Business Place data inline on the Placecard (e.g. phone, website, business hours)

One-tap access to everything

Some things should be only a swipe away. And now they are. Report in One-tap

Search. Find Right spot. Right now.

Natural Language Filters Tags

It’s quick and easy to find just what you’re looking for in Maps.

A head start on every search.

It’s proactive filter suggestions — makes lots of little things just a little easier.

Ultra-targeted Filters

Use ultra-targeted filters to search for restaurants by cuisine, price range, and whether they offer takeout.

Matching Some of Your Filters

Sometimes you might not be able to get what you want, so we also suggest partial matches.

Quickly get to your go-tos. Across all your devices.

Profile.jpg

Microsoft

ROLE:  Prototyper
YEAR: 2018
COLLAB: Miles F.
I animated user flows and features created by our team's designers and myself and turned them into interactive prototypes to communicate our vision to the leadership team.Although the most of of the ideas were never implemented, having them all in one place set the stage for future Outlook mail.
Group 2.png

Proactive assistant

Based on the time and emails, you’ll get intelligent suggestions
Group 2.png
One simple search, so it’s easy to find what you’re looking for.

Find it quick

Group 2.png

Commands at
your fingertips.

New quick drag features make collobration even easier
Group 2.png
Double up on productivity. New ways to multitask on Outlook.

Do this. While you do that.

Talks. Workshops.

skillshare-logo.webp

Interactions in App Design Course

Want to create designs people can’t put down? Turn your big idea into an interactive app—no coding experience necessary!
  • Best for Begineers
  • Currently I have 3730 Students
  • Duration is 2 Hours
Adobe.jpg
Adobe.png

Adobe - San Francisco

Transforming concepts into beautiful and simple interactions
Fedc taiwan.jpg
FEDC.png

FEDC Taiwan

Meaningful Micro-Interaction in human computer Interactions
Framer.jpg
IXDA.png

Featured in IXDA

Highlights impressive, up-and-coming UX design talent from around the world
Book.jpg
Book.png

Featured in Book

"Best Practice & philosophy of Human Interface design" book in Japan.
Samsung.jpg
Samsung.png

Samsung

How animation influences user and the overall business brand 
Workshop.jpg
IXDA.png

Interaction Design Workshop

2 days intense design workshop

Kind Words

Image.png
Michaël Chaize
Sr Director, Shutterstock

johny puts a unique spin on a well-known experience

Image_5.png
Scott Belsky
Behance CEO & Founder

johny’s work is consistently clear, clean, and thoughtful. Rare.

Mozilla_reality.png
Cvan
Mozilla reality

when it comes to intuitive UI design and clever mobile interaction design, I peruse johnyvino.

Image_7.png
Vandelay_Design.png
Vandelaydesign
Blog

minimalism and usability is the name of the game in johny's work

Bubbles1.png
Leadership_Zoho .png
Rajanagan
Leadership at Zoho

johny is creative, forward-thinking, and thorough.

Image_6.png

Long Story,
Short.

When I was younger, I used to help my mom by arranging things in my computer 💻 so that she could use it easily. Now, I do the same for billions of people all over the world 🌏.

I enjoy 🎮 console games and 🎭 comedy shows, which influence me to include a 🐒 fun element in my designs.

I also formed a team to compete in 🏐volleyball leagues🏆 on a regular basis, which helped me build a better team 🤷 and be a good collaborator.

Strawberry ice cream 🍧 and fried chicken 🍗 are two things that make me happy! :)

bottom of page