About CSS Design Awards - International Web Awards For Solo Designers, Studios & Agencies

<!DOCTYPE html> <html> <head> <meta http-equiv="content-type" content="text/html;charset=UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width,initial-scale=1"> <meta name="robots" content="index, follow" /> <meta name="author" content="CSS Design Awards" /> <meta name="referrer" content="origin-when-cross-origin" /> <title>About CSS Design Awards - International Web Awards For Solo Designers, Studios & Agencies</title> <meta name="description" content="The CSS Design Awards honors and recognizes the best solo web designers, studios and agencies around the world for holistic web design that balances creativity, functionality and usability into a seamless user experience. " /> <meta name="keywords" content="css web design awards, css, cssda, gallery, showcase, promote, css awards, css gallery, css galleries, web award, web design award, website awards, css design" /> <link rel="canonical" href="https://www.cssdesignawards.com/" /> <link rel="apple-touch-icon" sizes="57x57" href="/images/favicons/apple-touch-icon-57x57.png"> <link rel="apple-touch-icon" sizes="60x60" href="/images/favicons/apple-touch-icon-60x60.png"> <link rel="apple-touch-icon" sizes="72x72" href="/images/favicons/apple-touch-icon-72x72.png"> <link rel="apple-touch-icon" sizes="76x76" href="/images/favicons/apple-touch-icon-76x76.png"> <link rel="apple-touch-icon" sizes="114x114" href="/images/favicons/apple-touch-icon-114x114.png"> <link rel="apple-touch-icon" sizes="120x120" href="/images/favicons/apple-touch-icon-120x120.png"> <link rel="apple-touch-icon" sizes="144x144" href="/images/favicons/apple-touch-icon-144x144.png"> <link rel="apple-touch-icon" sizes="152x152" href="/images/favicons/apple-touch-icon-152x152.png"> <link rel="apple-touch-icon" sizes="180x180" href="/images/favicons/apple-touch-icon-180x180.png"> <link rel="icon" type="image/png" href="/images/favicons/favicon-16x16.png" sizes="16x16"> <link rel="icon" type="image/png" href="/images/favicons/favicon-32x32.png" sizes="32x32"> <link rel="icon" type="image/png" href="/images/favicons/favicon-96x96.png" sizes="96x96"> <link rel="icon" type="image/png" href="/images/favicons/favicon-194x194.png" sizes="194x194"> <link rel="icon" type="image/png" href="/images/favicons/android-chrome-192x192.png" sizes="192x192"> <link rel="shortcut icon" href="/images/favicons/favicon.ico"> <link rel="stylesheet" href="/css/style-main.min.css" type="text/css" media="all"> <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,700,800" rel="stylesheet"> <link rel="stylesheet" href="/css/vendor/jcf.css" type="text/css" media="all"> </head> <body> <div id="page"> <header class="main"> <nav class="header__main-wrapper"> <div class="flex-grid"> <a href="/" class="header__site-logo"> <img src="/imgs/logo.svg" alt="CSS Design Awards"> </a> </div> <div class="flex-grid text-center mobile-hidden"> <div class="header__fade-slider"> <div class="header__fade-slider__slide active"> <a href="https://kinsta.com/wordpress-hosting/agencies/?utm_source=cssdesignawards&utm_medium=Referral&utm_campaign=homepage" target="_blank" rel="nofollow"> <img src="/imgs/content/2024/kinsta-for-agencies-logo.svg" width="150" height="100" alt="Kinsta"> </a> </div> <div class="header__fade-slider__slide"> <a href="https://redcollar.co/" target="_blank" rel="nofollow"> <img src="/imgs/content/2024/red-collar-logo.svg" width="150" height="100" alt="Red Collar"> </a> </div> </div> </div> <div class="flex-grid text-right"> <div class="header__side-elements"> <a href="#" class="menu-hamburger" data-modal-open="header-main-menu"></a> <a href="#" class="search" data-modal-open="header-search"> <img src="/imgs/loupe.svg" alt="Search"> </a> <a href="/submit" class="cust-btn mobile-hidden">SUBMIT</a> </div> </div> </nav> <div data-modal="header-main-menu" class="modal header-modal-menu"> <div class="modal__hide-scroll"> <div class="container"> <div class="modal__content"> <nav class="header__main-menu"> <div class="header__main-menu__wrapper"> <button class="modal__close">X</button> <ul class="header__main-menu__list"> <li><a href="/" class="cust-btn">Home</a></li> <li><a href="/wotd-award-nominees" class="cust-btn">Nominees</a></li> <li><a href="/wotd-award-winners" class="cust-btn">Winners</a></li> <li><a href="/about" class="cust-btn">About</a></li> <li><a href="/judges" class="cust-btn">Judges</a></li> <li><a href="/blog" class="cust-btn">Blog</a></li> <li><a href="/contact" class="cust-btn">Contact</a></li> <li><a href="/terms" class="cust-btn">Terms / Privacy</a></li> </ul> <ul class="header__main-menu__add-on"> <li><a href="/submit" class="cust-btn special-button">SUBMIT</a></li> <li><a href="/jpanel" target="_blank">JLogin</a></li> </ul> </div> </nav> </div>  </div> </div> </div>  <div data-modal="header-search" class="modal header-modal-search"> <div class="modal__hide-scroll"> <div class="container"> <div class="modal__content"> <form action="/search" method="get" id="frmSearch"> <input type="search" id="search_term" name="search_term" placeholder="Search" autofocus> <a class="modal__close">X</a> </form> </div>  </div> </div> </div>  </header> <div class="about"> <div class="container"> <div class="about__wrapper"> <div class="about__content text-center"> <h1 class="about__title"> A web design & development award platform for digital folk, UI/UX peeps and inspiring leaders of the web. </h1> <ul class="about__list"> <li class="about__list__item"> <a href="#" class="about__modal-trigger" data-modal-open="about-cssda">About CSSDA</a> </li> <li class="about__list__item"> <a href="#" class="about__modal-trigger" data-modal-open="about-awards">The Awards</a> </li> <li class="about__list__item"> <a href="#" class="about__modal-trigger" data-modal-open="about-submissions">Submissions</a> </li> <li class="about__list__item"> <a href="#" class="about__modal-trigger" data-modal-open="about-sponsorship">Sponsorship</a> </li> </ul> </div>  <div class="about__images"> <figure class="about__figure about__figure--1"> <img src="imgs/content/about/cssda-award-certificate-2024-1.jpg" alt="CSSDA WOTD Award Certificate" width="270" class="about__image" /> <figcaption class="about__figure__caption"> Website of the Day Award </figcaption> </figure> <figure class="about__figure about__figure--2"> <img src="imgs/content/about/cssda-award-certificate-2024-2.jpg" alt="CSSDA Awards Certificates" width="388" class="about__image" /> <figcaption class="about__figure__caption"> CSSDA Awards Certificates </figcaption> </figure> <figure class="about__figure about__figure--3"> <img src="imgs/content/about/cssda-award-certificate-2024-3.jpg" alt="CSSDA Public Awards Certificate - UX" width="225" class="about__image" /> <figcaption class="about__figure__caption"> Public Awards - UX </figcaption> </figure> <figure class="about__figure about__figure--4"> <img src="imgs/content/about/cssda-award-certificate-2024-4.jpg" alt="CSSDA Public Awards Certificate - INN" width="389" class="about__image" /> <figcaption class="about__figure__caption"> Public Awards - INN </figcaption> </figure> </div>  </div>  </div> </div>  <div class="page-modals"> <div data-modal="about-cssda" class="modal "> <div class="modal__hide-scroll"> <div class="container"> <div class="modal__content"> <button class="modal__close">X</button>  <div class="about-modal text-center"> <h2 class="modal__title">About CSS Design Awards</h2> <div class="about-modal__content"> <p>Founded in 2009, CSSDA is an international web design and development award platform that honors and showcases freelance designers, studios and agencies for work that pushes the boundaries of UI, UX and innovative development. </p> <p>Backed by an international panel of expert judges, winners are rewarded with official certificates, monograms, and recognition from industry leaders along with tens of thousands of daily visitors to the CSSDA site.</p> </div>  </div>  </div>  </div> </div> </div>  <div data-modal="about-awards" class="modal "> <div class="modal__hide-scroll"> <div class="container"> <div class="modal__content"> <button class="modal__close">X</button>  <div class="about-modal text-center"> <h2 class="modal__title">The Awards</h2> <div class="about-modal__content"> <p>CSSDA provides awards based on two judging systems. The first is for WOTD (Website of the Day) and is determined by the scores from the judging panel. To be considered, sites must receive an average score above 8.20 (this varies depending on quality of the sites submitted) from the judges. The highest scoring sites are scheduled to be awarded on the next available day and receive an official WOTD certificate along with being placed in the running for WOTM (Website of the Month). Sites, except WOTDs, that receive an average of above 6 receive an official Special Kudos certificate.</p> <p>The second system is for the public awards and includes UI, UX and Innovation. Winners are determined by votes from both the public plus the score by the judges. To win, sites must receive more than 20 votes in one or all categories and an average judge's score above 6. Winners receive official Public Awards certificates for each or all of the categories.</p> <p>WOTM winners and select WOTD winners are entered into WOTY (Website of the Year) and winners receive offical certificates.</p> <p>Along with WOTY, at the end of the year we celebrate DOTY (Designer of the Year) with three main categories including Solo (1 + collaborator), Studio (2-10 people) and Agency (10+ people). DOTY winners receive offical certificates. Runners up are awarded in our Best In Class categories with official certificates.</p> </div>  </div>  </div>  </div> </div> </div>  <div data-modal="about-submissions" class="modal "> <div class="modal__hide-scroll"> <div class="container"> <div class="modal__content"> <button class="modal__close">X</button>  <div class="about-modal text-center"> <h2 class="modal__title">Submissions</h2> <div class="about-modal__content"> <p>CSSDA provides a level playing field to ensure solo freelancers, studios and agencies have a chance to be recognized during the end of year DOTY awards. When sites are submitted, the submitter is asked to choose one of these categories to ensure they are competing against similar sized creatives.</p> <p>Submissions should include a high quality screenshot and accurate information including a correct email address to receive notifications about your submission. Sites must be complete and the work must be original. CSSDA reserves the right to reject sites with negative content, errors or poorly executed designs. Templates may be entered however the chances of winning an award depend on originality in both the design and code.</p> </div>  </div>  </div>  </div> </div> </div>  <div data-modal="about-sponsorship" class="modal "> <div class="modal__hide-scroll"> <div class="container"> <div class="modal__content"> <button class="modal__close">X</button>  <div class="about-modal text-center"> <h2 class="modal__title">Sponsorship</h2> <div class="about-modal__content"> <p>The CSSDA site is one of the most visited award and inspiration destinations in the world that sees tens of thousands of visitors every day. Our reputation for quality and prestige provides an opportunity for high quality advertisers to gain recognition and esteem by brand association. Sponsorship is provided at the top-center position of the CSSDA site on 99% of pages for the highest possible visibility.</p> <p><a href="/contact">» Enquire about sponsorship</a></p> </div>  </div>  </div>  </div> </div> </div>  </div> <footer class="main light"> <div class="flex-grid">CSS DESIGN AWARDS © 2009 - 2024</div> <div class="flex-grid text-center mobile-top"> <ul class="social-icons"> <li><a href="https://www.facebook.com/CSSDesignAwards/" target="_blank" style="background-image: url(/imgs/social-icons/facebook.svg);"><img src="/imgs/social-icons/facebook.svg" alt="facebook"></a></li> <li><a href="https://x.com/cssdesignawards" target="_blank" style="background-image: url(/imgs/social-icons/x.svg);"><img src="/imgs/social-icons/x.svg" alt="twitter/X"></a></li> <li><a href="https://www.linkedin.com/in/cssda/" target="_blank" style="background-image: url(/imgs/social-icons/linkedin.svg);"><img src="/imgs/social-icons/linkedin.svg" alt="linkedin"></a></li> <li><a href="https://www.instagram.com/cssdesignaward/" target="_blank" style="background-image: url(/imgs/social-icons/instagram.svg);"><img src="/imgs/social-icons/instagram.svg" alt="instagram"></a></li> </ul> </div> <div class="flex-grid text-right mobile-hidden">BE INSPIRED. BE INSPIRING.</div> </footer> </div> <div id="scripts"> <script type="text/javascript" src="/js/vendor/jquery-3.2.1.min.js"></script> <script type="text/javascript" src="/js/vendor/jcf.js"></script> <script type="text/javascript" src="/js/vendor/jcf.select.js"></script> <script type="text/javascript" src="/js/vendor/jcf.checkbox.js"></script> <script type="text/javascript" src="/js/vendor/jcf.file.js"></script> <script type="text/javascript" src="/js/script.min.js"></script> </div> </body> </html>

CINXE.COM

About CSS Design Awards - International Web Awards For Solo Designers, Studios & Agencies