CRD Design Build
Showcasing the Portfolio of a Seattle Design-Build Firm
![CRD-top-desktop-view](https://www.smartbugmedia.com/hubfs/Portfolio_CRD/new%20portfolio%20assets/CRD-top-desktop-view.jpg)
![CRD-top-tablet-view](https://www.smartbugmedia.com/hubfs/Portfolio_CRD/new%20portfolio%20assets/CRD-top-tablet-view.png)
![CRD-top-mobile-view](https://www.smartbugmedia.com/hubfs/Portfolio_CRD/new%20portfolio%20assets/CRD-top-mobile-view.png)
Background
For more than 35 years, CRD Design Build has helped Seattle residents realize their home remodeling dreams—all while respecting customer budgets and producing outstanding results. With a large portfolio of successful, award-winning projects, the company felt it was time for a website refresh that leveraged its vast gallery of remodel imagery and simplified design to enhance the user experience. Using clean lines and generous white space, SmartBug Media® created a new website featuring dynamic gallery layouts to show off CRD Design Build’s portfolio.
![1-CRD-double-desktop-slide1A](https://www.smartbugmedia.com/hubfs/Portfolio_CRD/new%20portfolio%20assets/1-CRD-double-desktop-slide1A.jpg)
![1-CRD-double-desktop-slide1B](https://www.smartbugmedia.com/hubfs/Portfolio_CRD/new%20portfolio%20assets/1-CRD-double-desktop-slide1B.jpg)
Creating a Visual Layout
Relatable images are a top component of prospective customers’ research. We designed the site to highlight CRD’s work throughout.
![2-CRD-desktop-overlap-slide1](https://www.smartbugmedia.com/hubfs/Portfolio_CRD/new%20portfolio%20assets/2-CRD-desktop-overlap-slide1.jpg)
![2-CRD-mobile-overlap-slide1](https://www.smartbugmedia.com/hubfs/Portfolio_CRD/new%20portfolio%20assets/2-CRD-mobile-overlap-slide1.png)
Incorporating Eye Candy
We hid the site navigation on portfolio pages in order to showcase the work, but it appears along with portfolio navigation when scrolling up.
![3-CRD-tablet-slide1](https://www.smartbugmedia.com/hubfs/Portfolio_CRD/new%20portfolio%20assets/3-CRD-tablet-slide1.png)
Elevating the Brand
Wanting the site to mirror this sophisticated, yet modern brand, we paired a slab serif font for headlines and subheads with a clean sans serif body font.
![4-CRD-tablet-overlap-slide1](https://www.smartbugmedia.com/hubfs/Portfolio_CRD/new%20portfolio%20assets/4-CRD-tablet-overlap-slide1.png)
![4-CRD-mobile-overlap-slide1](https://www.smartbugmedia.com/hubfs/Portfolio_CRD/new%20portfolio%20assets/4-CRD-mobile-overlap-slide1.png)
Using Icons
We used icons in CRD’s brand colors, charcoal and orange, throughout the site to complement the copy and add to the modern feel.
![5-CRD-desktop-slide1](https://www.smartbugmedia.com/hubfs/Portfolio_CRD/new%20portfolio%20assets/5-CRD-desktop-slide1.jpg)
Adding Secondary Navigation
We added a secondary navigation to the About page to tell a deeper story about the team’s commitment to their customers, a major differentiator.