Redesigned Homepage, Desktop
![VMC Group Homepage](/img/samples/vmc-group/site-home.jpg)
Mobile
![VMC Group Homepage, mobile](/img/samples/vmc-group/site-home-mobile.jpg)
Process
Working with the team at InQuest Marketing, I was responsible for the IA, UX, and design of the new website.
Information Architecture
Facing a tight deadline for presenting concepts to the CEO, I started by analyzing the information architecture of the existing website and developed a plan for the new IA.
Homepage, Before
![VMC Group Homepage, Before](/img/samples/vmc-group/site-home-old-960.jpg)
IA, Before
![Original IA](/img/samples/vmc-group/sitemap-960.jpg)
IA, After
![New IA](/img/samples/vmc-group/sitemap-new-1440.jpg)
Concepts and Wireframes
With a solid foundation for the structure of the site, I designed a range of homepage concepts and page wireframes, which I presented to the CEO.
![Page Concepts](/img/samples/vmc-group/mockups-1440.jpg)
![Wireframes](/img/samples/vmc-group/wires-1440.jpg)
Visual Design
Once a visual direction was selected, I designed desktop and mobile-optimized versions for each page of the website. I also designed a style guide which allowed the developer to start building the site while pages were being reviewed and approved by the client.
Product Page, Desktop
![VMC Group Product Page](/img/samples/vmc-group/site-product.jpg)
Mobile
![VMC Group Product Page, mobile](/img/samples/vmc-group/site-product-mobile.jpg)
Services, Desktop
![VMC Group Services Page](/img/samples/vmc-group/site-services.jpg)
Mobile
![VMC Group Services Page, mobile](/img/samples/vmc-group/site-services-mobile.jpg)
Company, Desktop
![VMC Group Company Page](/img/samples/vmc-group/site-company.jpg)
Mobile
![VMC Group Companyh Page, mobile](/img/samples/vmc-group/site-company-mobile.jpg)