top of page
Milestone Beverages Project Goal
Redesign the website to be responsive and mobile-first, while improving the aesthetics and bringing visual brand consistency
My Role
UI/UX Design
Responsive Design
Design System
Branding
Design Process
Key Components & Deliverables
New design system to allow for easy updates, changes and collaboration
Elevated branding, including color and typography, to create cohesive image
High fidelity wireframes and visual mockups handed off to developer
Impact
By creating Milestone’s first design system, future designers will be able to easily make changes and update the site, rather than needing to do a big redesign like this project
The new branding guidelines, along with the design system, allows Milestone to keep every page consistent, and enhances the overall brand image
Decluttered redesign allows for Milestone to easily highlight their products in this portfolio style site
Designs
Taking on dark mode to bring a sleeker, more modern look, Milestone Beverages' website now brings the same level of creativity and innovation as their products. Before, the website was not responsive and would break at mobile breakpoints. I designed their frames at all breakpoints to ensure that all frame sizes are accounted for. I organized the pages and hierarchy to bring a simpler, less-cluttered look while also showing the necessary information. Now, Milestone can showcase their brands, partners and team. Below is an example of their largest and smallest breakpoints.
bottom of page