Mobile-First Responsive Web Design

Mobile-first design methodology centers on mobile devices from the start, shaping sites for optimal performance on smaller screens.

The following are mobile layouts I created in Adobe Illustrator for Evo Gyms, a private training facility in Texas. The goal was to build a vertical portrait site maintaining simplicity and elegance, while prioritizing visibility and usability across various mobile screens. I simplified the navigation with a collapsable hamburger menu, and resized the imagery to optimize speed and performance, with call to action buttons placed front and center.