40 Impressive Design Agency Websites

BySteven Snell UpdatedJune 8, 2016 Inspiration

This page may include links to our sponsors or affiliate links. Learn more.

Marketing agencies offer their clients services for improving exposure, improving image, and helping to increase revenue. Marketing agencies themselves can improve their own image to potential clients with a well-designed website that provides a positive user experience for potential clients.

Freelance designers and design agencies always strive to have a website that leaves a positive impression on visitors. Obviously, a beautiful portfolio website can serve as a highly effective marketing tool for attracting new business. If you’re looking to create your own design agency website, we recommend Shopify.

Browsing through some well-designed sites can serve as inspiration when designing your own portfolio site. In this post we’ll showcase 40 websites from agencies that will provide you with plenty of inspiration. You’ll see a lot of different colors, styles, and approaches that should serve as examples.

Grain & Mortar

Adrenalin

Awesem

CreativeFeed

Delete

Fixel

Fhoke

nGen Works

Buffalo

August Interactive

Tokyo Digital

LiveAreaLabs

Pollen

Yours

Wedge & Lever

Use All Five

Nation

HLK Agency

Mr. B & Friends

Odopod

Oyster

Camron

Nurun

Grilled Pixels

NFG

Invielab

NAV

Snowflake Creative

Barrel

Your Majesty

The1stMovement

Playground Inc.

Drexler

Focus Lab

Andculture

Huge

Awd Agency

Antro

Union Room

Storehouse

Steven Snell

Steven is the founder and editor-in-chief of Vandelay Design. Launched in 2007, Vandelay Design is one of the leading web design blogs and has reached more than 50 million visitors. A veteran of the industry, Steven has also been a regular contributor at other websites like Smashing Magazine and Envato's Tuts+, and was a contributing author for the Smashing Book. Connect with Steven at LinkedIn.

:root{--global-palette1:#2c9ccf;--global-palette2:#85c51f;--global-palette3:#191919;--global-palette4:#333;--global-palette5:#535353;--global-palette6:#999;--global-palette7:#e4f7fb;--global-palette8:#f6f6f6;--global-palette9:#fff;--global-palette-highlight:var(--global-palette1);--global-palette-highlight-alt:var(--global-palette2);--global-palette-highlight-alt2:var(--global-palette9);--global-palette-btn-bg:var(--global-palette1);--global-palette-btn-bg-hover:var(--global-palette2);--global-palette-btn:var(--global-palette9);--global-palette-btn-hover:var(--global-palette9);--global-body-font-family:Lato,sans-serif;--global-heading-font-family:Lato,sans-serif;--global-primary-nav-font-family:inherit;--global-fallback-font:sans-serif;--global-content-width:1290px;}:root .has-theme-palette-1-background-color{background-color:var(--global-palette1);}:root .has-theme-palette-1-color{color:var(--global-palette1);}:root .has-theme-palette-2-background-color{background-color:var(--global-palette2);}:root .has-theme-palette-2-color{color:var(--global-palette2);}:root .has-theme-palette-3-background-color{background-color:var(--global-palette3);}:root .has-theme-palette-3-color{color:var(--global-palette3);}:root .has-theme-palette-4-background-color{background-color:var(--global-palette4);}:root .has-theme-palette-4-color{color:var(--global-palette4);}:root .has-theme-palette-5-background-color{background-color:var(--global-palette5);}:root .has-theme-palette-5-color{color:var(--global-palette5);}:root .has-theme-palette-6-background-color{background-color:var(--global-palette6);}:root .has-theme-palette-6-color{color:var(--global-palette6);}:root .has-theme-palette-7-background-color{background-color:var(--global-palette7);}:root .has-theme-palette-7-color{color:var(--global-palette7);}:root .has-theme-palette-8-background-color{background-color:var(--global-palette8);}:root .has-theme-palette-8-color{color:var(--global-palette8);}:root .has-theme-palette-9-background-color{background-color:var(--global-palette9);}:root .has-theme-palette-9-color{color:var(--global-palette9);}:root .has-theme-palette1-background-color{background-color:var(--global-palette1);}:root .has-theme-palette1-color{color:var(--global-palette1);}:root .has-theme-palette2-background-color{background-color:var(--global-palette2);}:root .has-theme-palette2-color{color:var(--global-palette2);}:root .has-theme-palette3-background-color{background-color:var(--global-palette3);}:root .has-theme-palette3-color{color:var(--global-palette3);}:root .has-theme-palette4-background-color{background-color:var(--global-palette4);}:root .has-theme-palette4-color{color:var(--global-palette4);}:root .has-theme-palette5-background-color{background-color:var(--global-palette5);}:root .has-theme-palette5-color{color:var(--global-palette5);}:root .has-theme-palette6-background-color{background-color:var(--global-palette6);}:root .has-theme-palette6-color{color:var(--global-palette6);}:root .has-theme-palette7-background-color{background-color:var(--global-palette7);}:root .has-theme-palette7-color{color:var(--global-palette7);}:root .has-theme-palette8-background-color{background-color:var(--global-palette8);}:root .has-theme-palette8-color{color:var(--global-palette8);}:root .has-theme-palette9-background-color{background-color:var(--global-palette9);}:root .has-theme-palette9-color{color:var(--global-palette9);}body{background:var(--global-palette9);}body,input,select,optgroup,textarea{font-style:normal;font-weight:normal;font-size:20px;line-height:1.6;font-family:var(--global-body-font-family);color:var(--global-palette4);}.content-bg,body.content-style-unboxed .site{background:var(--global-palette9);}@media all and (max-width: 767px){body{font-size:18px;}}h1,h2,h3,h4,h5,h6{font-family:var(--global-heading-font-family);}h1{font-style:normal;font-weight:900;font-size:36px;line-height:1.5;font-family:Lato,sans-serif;color:var(--global-palette3);}h2{font-style:normal;font-weight:900;font-size:30px;line-height:1.5;color:var(--global-palette3);}h3{font-style:normal;font-weight:700;font-size:24px;line-height:1.5;color:var(--global-palette3);}h4{font-style:normal;font-weight:700;font-size:22px;line-height:1.5;color:var(--global-palette4);}h5{font-weight:700;font-size:20px;line-height:1.5;color:var(--global-palette4);}h6{font-weight:700;font-size:18px;line-height:1.5;color:var(--global-palette5);}@media all and (max-width: 1024px){h1{font-size:30px;}h2{font-size:28px;}h3{font-size:22px;}}@media all and (max-width: 767px){h1{font-size:22px;}h2{font-size:22px;}h3{font-size:20px;}h4{font-size:20px;}}.site-container,.site-header-row-layout-contained,.site-footer-row-layout-contained,.entry-hero-layout-contained,.comments-area,.alignfull > .wp-block-cover__inner-container,.alignwide > .wp-block-cover__inner-container{max-width:1290px;}.content-width-narrow .content-container.site-container,.content-width-narrow .hero-container.site-container{max-width:842px;}@media all and (min-width: 1520px){.site .content-container .alignwide{margin-left:-115px;margin-right:-115px;width:unset;max-width:unset;}}@media all and (min-width: 1102px){.content-width-narrow .site .content-container .alignwide{margin-left:-130px;margin-right:-130px;width:unset;max-width:unset;}}.content-style-boxed .site .entry-content .alignwide{margin-left:-2rem;margin-right:-2rem;}@media all and (max-width: 1024px){.content-style-boxed .site .entry-content .alignwide{margin-left:-2rem;margin-right:-2rem;}}@media all and (max-width: 767px){.content-style-boxed .site .entry-content .alignwide{margin-left:-1.5rem;margin-right:-1.5rem;}}.content-area{margin-top:5rem;margin-bottom:5rem;}@media all and (max-width: 1024px){.content-area{margin-top:3rem;margin-bottom:3rem;}}@media all and (max-width: 767px){.content-area{margin-top:2rem;margin-bottom:2rem;}}.entry-content-wrap{padding:2rem;}@media all and (max-width: 1024px){.entry-content-wrap{padding:2rem;}}@media all and (max-width: 767px){.entry-content-wrap{padding:1.5rem;}}.loop-entry .entry-content-wrap{padding:2rem;}@media all and (max-width: 1024px){.loop-entry .entry-content-wrap{padding:2rem;}}@media all and (max-width: 767px){.loop-entry .entry-content-wrap{padding:1.5rem;}}.primary-sidebar.widget-area .widget{margin-bottom:2em;font-style:normal;font-size:18px;color:var(--global-palette4);}.primary-sidebar.widget-area .widget-title{font-style:normal;font-weight:700;font-size:20px;line-height:1.5;text-transform:none;color:var(--global-palette1);}.has-sidebar.has-left-sidebar .primary-sidebar.widget-area{border-right:1px none transparent;}.has-sidebar:not(.has-left-sidebar) .primary-sidebar.widget-area{border-left:1px none transparent;}button,.button,.wp-block-button__link,input[type="button"],input[type="reset"],input[type="submit"],.fl-button,.elementor-button-wrapper .elementor-button{font-style:normal;font-weight:normal;font-family:"Open Sans",sans-serif;border:2px none currentColor;border-color:#d2d2d2;}@media all and (max-width: 1024px){button,.button,.wp-block-button__link,input[type="button"],input[type="reset"],input[type="submit"],.fl-button,.elementor-button-wrapper .elementor-button{border-color:#d2d2d2;}}@media all and (max-width: 767px){button,.button,.wp-block-button__link,input[type="button"],input[type="reset"],input[type="submit"],.fl-button,.elementor-button-wrapper .elementor-button{border-color:#d2d2d2;}}.site-branding a.brand img{max-width:200px;}.site-branding a.brand img.svg-logo-image{width:200px;}.site-branding{padding:0px 0px 0px 0px;}.site-branding .site-title{font-style:normal;font-weight:normal;font-size:33px;line-height:1.2;font-family:"Bebas Neue",cursive;color:var(--global-palette9);}.site-branding .site-description{font-weight:700;font-size:16px;line-height:1.4;color:var(--global-palette5);}#masthead,#masthead .kadence-sticky-header.item-is-fixed:not(.item-at-start):not(.site-header-row-container),#masthead .kadence-sticky-header.item-is-fixed:not(.item-at-start) > .site-header-row-container-inner{background:#333;}.site-main-header-inner-wrap{min-height:68px;}.site-top-header-wrap .site-header-row-container-inner{background:#ff4264;}.site-top-header-inner-wrap{min-height:44px;}.site-bottom-header-wrap .site-header-row-container-inner{border-bottom:0px none transparent;}.site-bottom-header-inner-wrap{min-height:0px;}#masthead .kadence-sticky-header.item-is-fixed:not(.item-at-start):not(.site-header-row-container):not(.item-hidden-above),#masthead .kadence-sticky-header.item-is-fixed:not(.item-at-start):not(.item-hidden-above) > .site-header-row-container-inner{background:linear-gradient(135deg,var(--global-palette1) 0%,#9b51e0 100%);}@media all and (min-width: 1025px){.transparent-header .entry-hero .entry-hero-container-inner{padding-top:calc(44px + 68px);}}@media all and (max-width: 1024px){.mobile-transparent-header .entry-hero .entry-hero-container-inner{padding-top:68px;}}@media all and (max-width: 767px){.mobile-transparent-header .entry-hero .entry-hero-container-inner{padding-top:68px;}}.site .entry-hero-container-inner{background:var(--global-palette9);}.header-navigation[class*="header-navigation-style-underline"] .header-menu-container.primary-menu-container>ul>li>a:after{width:calc(100% - 1.2em);}.main-navigation .primary-menu-container > ul > li > a{padding-left:calc(1.2em / 2);padding-right:calc(1.2em / 2);color:var(--global-palette9);}.main-navigation .primary-menu-container > ul li a{font-style:normal;font-weight:normal;font-size:16px;text-transform:none;}.main-navigation .primary-menu-container > ul > li > a:hover{color:#54afd6;}.main-navigation .primary-menu-container > ul > li.current-menu-item > a{color:var(--global-palette9);}.header-navigation[class*="header-navigation-style-underline"] .header-menu-container.secondary-menu-container>ul>li>a:after{width:calc(100% - 1.2em);}.secondary-navigation .secondary-menu-container > ul > li > a{padding-left:calc(1.2em / 2);padding-right:calc(1.2em / 2);padding-top:.6em;padding-bottom:.6em;color:var(--global-palette5);}.secondary-navigation .secondary-menu-container > ul > li > a:hover{color:var(--global-palette-highlight);}.secondary-navigation .secondary-menu-container > ul > li.current-menu-item > a{color:var(--global-palette3);}.header-navigation .header-menu-container ul ul{background:var(--global-palette4);}.header-navigation .header-menu-container ul ul li,.header-menu-container ul.menu > li.kadence-menu-mega-enabled > ul > li > a{border-bottom:1px solid rgba(255,255,255,.1);}.header-navigation .header-menu-container ul ul li a{width:200px;padding-top:1em;padding-bottom:1em;color:var(--global-palette8);font-style:normal;font-size:15px;}.header-navigation .header-menu-container ul ul li a:hover{color:var(--global-palette1);background:var(--global-palette4);}.header-navigation .header-menu-container ul ul li.current-menu-item > a{color:var(--global-palette9);background:var(--global-palette4);}.mobile-toggle-open-container .menu-toggle-open{color:var(--global-palette9);padding:.4em .6em .4em .6em;font-size:14px;}.mobile-toggle-open-container .menu-toggle-open.menu-toggle-style-bordered{border:1px solid currentColor;}.mobile-toggle-open-container .menu-toggle-open .menu-toggle-icon{font-size:20px;}.mobile-toggle-open-container .menu-toggle-open:hover,.mobile-toggle-open-container .menu-toggle-open:focus{color:var(--global-palette1);}.mobile-navigation ul li{font-size:14px;}.mobile-navigation ul li a{padding-top:1em;padding-bottom:1em;}.mobile-navigation ul li > a,.mobile-navigation ul li.menu-item-has-children > .drawer-nav-drop-wrap{color:var(--global-palette8);}.mobile-navigation ul li.current-menu-item > a,.mobile-navigation ul li.current-menu-item.menu-item-has-children > .drawer-nav-drop-wrap{color:var(--global-palette-highlight);}.mobile-navigation ul li.menu-item-has-children .drawer-nav-drop-wrap,.mobile-navigation ul li:not(.menu-item-has-children) a{border-bottom:1px solid rgba(255,255,255,.1);}.mobile-navigation:not(.drawer-navigation-parent-toggle-true) ul li.menu-item-has-children .drawer-nav-drop-wrap button{border-left:1px solid rgba(255,255,255,.1);}#main-header .header-button{font-style:normal;font-size:16px;border:2px none transparent;}#main-header .header-button.button-size-custom{padding:5px 5px 5px 5px;}.header-html{font-style:normal;font-size:17px;color:var(--global-palette9);}.header-html a{color:#f5fa7a;}.header-html a:hover{color:#f5fa7a;}.header-social-inner-wrap{font-size:1em;margin-top:-.3em;margin-left:calc(-.3em / 2);margin-right:calc(-.3em / 2);}.header-social-wrap .header-social-inner-wrap .social-button{margin-top:.3em;margin-left:calc(.3em / 2);margin-right:calc(.3em / 2);border:2px none transparent;border-radius:3px;}.header-mobile-social-inner-wrap{font-size:1em;margin-top:-.3em;margin-left:calc(-.3em / 2);margin-right:calc(-.3em / 2);}.header-mobile-social-wrap .header-mobile-social-inner-wrap .social-button{margin-top:.3em;margin-left:calc(.3em / 2);margin-right:calc(.3em / 2);border:2px none transparent;border-radius:3px;}.search-toggle-open-container .search-toggle-open{color:var(--global-palette5);}.search-toggle-open-container .search-toggle-open.search-toggle-style-bordered{border:1px solid currentColor;}.search-toggle-open-container .search-toggle-open .search-toggle-icon{font-size:1em;}.search-toggle-open-container .search-toggle-open:hover,.search-toggle-open-container .search-toggle-open:focus{color:var(--global-palette-highlight);}#search-drawer .drawer-inner{background:rgba(9,12,16,.97);}.mobile-header-button-wrap .mobile-header-button{border:2px none transparent;}#colophon{background:#333;}.site-middle-footer-inner-wrap{min-height:10px;padding-top:9px;padding-bottom:0px;grid-column-gap:30px;grid-row-gap:30px;}.site-middle-footer-inner-wrap .widget{margin-bottom:30px;}.site-middle-footer-inner-wrap .site-footer-section:not(:last-child):after{right:calc(-30px / 2);}.site-top-footer-inner-wrap{padding-top:30px;padding-bottom:30px;grid-column-gap:30px;grid-row-gap:30px;}.site-top-footer-inner-wrap .widget{margin-bottom:30px;}.site-top-footer-inner-wrap .site-footer-section:not(:last-child):after{right:calc(-30px / 2);}.site-bottom-footer-inner-wrap{min-height:10px;padding-top:15px;padding-bottom:15px;grid-column-gap:30px;}.site-bottom-footer-inner-wrap .widget{margin-bottom:30px;}.site-bottom-footer-inner-wrap .site-footer-section:not(:last-child):after{right:calc(-30px / 2);}.footer-social-inner-wrap{font-size:1em;margin-top:-.3em;margin-left:calc(-.3em / 2);margin-right:calc(-.3em / 2);}.site-footer .site-footer-wrap .site-footer-section .footer-social-wrap .social-button{margin-top:.3em;margin-left:calc(.3em / 2);margin-right:calc(.3em / 2);border:2px none transparent;border-radius:3px;}#colophon .footer-html{font-style:normal;font-size:16px;color:var(--global-palette9);}#kt-scroll-up{border-radius:0px 0px 0px 0px;bottom:30px;font-size:1.2em;padding:.4em .4em .4em .4em;}#kt-scroll-up.scroll-up-side-right{right:30px;}#kt-scroll-up.scroll-up-side-left{left:30px;}#colophon .footer-navigation .footer-menu-container > ul > li > a{padding-left:calc(1.2em / 2);padding-right:calc(1.2em / 2);color:var(--global-palette9);}#colophon .footer-navigation .footer-menu-container > ul li a{font-style:normal;font-size:16px;}#colophon .footer-navigation .footer-menu-container > ul li a:hover{color:var(--global-palette-highlight);}#colophon .footer-navigation .footer-menu-container > ul li.current-menu-item > a{color:var(--global-palette9);}.entry-hero.page-hero-section .entry-header{min-height:200px;}.entry-hero.post-hero-section .entry-header{min-height:200px;}.affdisclosure{font-size:85%;}.promo-box{background:#e4f7fb;padding:20px;}.entry-content h2 a{color:#2c9ccf;text-decoration:underline;}.entry-content h3 a{color:#2c9ccf;text-decoration:underline;}.entry-content h2 a:hover{color:#85c51f;}.entry-content h3 a:hover{color:#85c51f;}.entry-content h2 a:hover{color:#85c51f;}.entry-content h3 a:hover{color:#85c51f;}.single-content a{color:#2c9ccf;font-weight:bold;}