MileIQ Erynn Alice Hesler

How It Works Exploded UI Illustrations

  • Save
How It Works Exploded UI Illustrations mileage charts graphs technical illustration how it works ui illustrated ui illustration

For the relaunch of the MileIQ How It Works page, I made some illustrations to better explain our product features. I didn't want a repeated cascade of phones in our page, so I opted for an illustration treatment our team has been calling "exploded UI", a term for illustrations that have heavy product leaning, but take liberties to explain a larger concept. The original plan was to implement some parallax scrolling into the page to give these illos some life, but with a deadline looming we went with static PNGs. I'm hoping to get my feet wet in Principle or After Effects for some subtle animations on these in the coming weeks.

keyboard shortcuts: L or F like