![](https://cdn.myportfolio.com/78b496511b778e1070fb292594392c6d/b1634284-0fb5-4bb2-8587-15d6d47a3f05_rw_1920.png?h=33572125ff6ecea2c8a5fe24b159e853)
Background
When it came time for Veeam to launch their new sub-brand aimed at government contracts, they turned to Indigo Slate for design expertise who then turn to me execute their vision. Working with a cross-functional design team, I created an information architecture, wireframes and finally a visual design which aligned with the Veeam VGS brand guidelines.
The illustrations below show the wireframes which communicate the overall structure of the site as well as the content blocks for each page.
![](https://cdn.myportfolio.com/78b496511b778e1070fb292594392c6d/2c80a141-b860-4cfb-a455-f8b658f45696_rw_3840.png?h=ba18b66929f87a358c487026957483d1)
Style Boards
Once the content blocks were arranged and the site navigation was approved I moved to create style boards as a means of exploring visual design treatments.
![](https://cdn.myportfolio.com/78b496511b778e1070fb292594392c6d/6eb882a5-283c-48f2-b986-77713c2e7935_rw_3840.png?h=2f02907ca7ce3bda6df86f2af4ccdb89)
Visual Design
Then I combined the content blocks with the approved visual design to create final mockups based on client feedback.
![](https://cdn.myportfolio.com/78b496511b778e1070fb292594392c6d/11379020-ddc7-40e6-a345-21125beb1d52_rw_3840.png?h=6ad570be9b81d31405c4284c91bf55a8)
Design Iterations
To get to final approval our team went through many rounds of feedback and revisions.
![](https://cdn.myportfolio.com/78b496511b778e1070fb292594392c6d/0a53b6b0-fe5f-43e2-80ad-de38a93213e2_rw_1920.png?h=f5a385d4ebc92480984ee76bdbf68d89)
Responsive Design
Once the desktop mockups were approved I went to work on translating the design to other responsive breakpoints for mobile devices.
![](https://cdn.myportfolio.com/78b496511b778e1070fb292594392c6d/86afd4b0-9217-4840-9a85-a5bb9ef28d98_rw_1920.png?h=00ab524540dd6ad7604202818d225736)