Responsive & Atomic Design Transformation for Govx.com from fixed width to modular mobile first design.

The first Part of the Project to convert the current site to a responsive mobile first frame work, was to map out what the general site structure flows were to get and idea of what we had to work with. The next part was to refactor all the front end tech debt to allow the site to be responsive. in retro spec it would have been better to rebuild the whole structure from scratch. This conversion was about a six month span for one front end developer.

Once the new site was launched began the process of working on building new features, modular marketing pieces, along with continualy trying to refine and homogonize the UI as the brand developed its vision and voice. Below are the modular UI elements used to construct new patterns and the origional high level site flow files.