CINXE.COM
Website Of The Month Award Winners Gallery by CSSDA
<!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>Website Of The Month Award Winners Gallery by CSSDA</title> <meta name="description" content="The CSSDA crew are pleased to provide this gallery of Website Of The Month award winners. From 365 WOTD award winners come only 12 nominees for Website Of The month. Of these 12, only 1 is awarded Website Of The Month." /> <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> <!-- /.modal-content --> </div> </div> </div> <!-- /.modal --> <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> <!-- /.modal-content --> </div> </div> </div> <!-- /.modal --> </header> <div class="filters gallery-filters"> <nav class="filters__nav gallery-filters__nav"> <div class="container text-center"> <ul class="filters__list gallery-filters__list"> <li class="filters__list-item gallery-filters__list-item"> <a href="/wotd-award-nominees" class="filters__link gallery-filters__link">Nominees</a> </li> <li class="filters__list-item gallery-filters__list-item"> <a href="/wotd-award-winners" class="filters__link gallery-filters__link">WOTD</a> </li> <li class="filters__list-item gallery-filters__list-item"> <button class="filters__trigger gallery-filters__trigger" data-drawer-open="winners"> More Sites </button> </li> <li class="filters__list-item gallery-filters__list-item"> <button class="filters__trigger gallery-filters__trigger" data-drawer-open="features"> Features </button> </li> <li class="filters__list-item gallery-filters__list-item"> <button class="filters__trigger gallery-filters__trigger" data-drawer-open="industry"> Industry </button> </li> <li class="filters__list-item gallery-filters__list-item"> <button class="filters__trigger gallery-filters__trigger" data-drawer-open="colour"> Color </button> </li> </ul> </div> </nav> <div class="filters__drawers gallery-filters__drawers" data-drawer-container> <div class="subfilters gallery-subfilters" data-drawer="winners"> <div class="container text-center"> <div class="subfilters__list gallery-subfilters__list"> <a href="/special-kudos-award-winners">Special Kudos</a>, <a href="/wotm-award-winners">WOTM</a>, <a href="/woty-award-winners">WOTY</a> </div> </div> </div> <div class="subfilters gallery-subfilters" data-drawer="features"> <div class="container text-center"> <div class="subfilters__list gallery-subfilters__list"> <a href="/website-gallery?feature=animated">animated</a>, <a href="/website-gallery?feature=colorful">colorful</a>, <a href="/website-gallery?feature=eCommerce">eCommerce</a>, <a href="/website-gallery?feature=flat+design">flat design</a>, <a href="/website-gallery?feature=fullscreen">fullscreen</a>, <a href="/website-gallery?feature=grid">grid</a>, <a href="/website-gallery?feature=illustrated">illustrated</a>, <a href="/website-gallery?feature=jQuery">jQuery</a>, <a href="/website-gallery?feature=liquid">liquid</a>, <a href="/website-gallery?feature=material+design">material design</a>, <a href="/website-gallery?feature=minimal">minimal</a>, <a href="/website-gallery?feature=one+page">one page</a>, <a href="/website-gallery?feature=parallax">parallax</a>, <a href="/website-gallery?feature=photographic">photographic</a>, <a href="/website-gallery?feature=responsive">responsive</a>, <a href="/website-gallery?feature=scroll">scroll</a>, <a href="/website-gallery?feature=SVG">SVG</a>, <a href="/website-gallery?feature=typographic">typographic</a>, <a href="/website-gallery?feature=video%2Fsound">video/sound</a>, <a href="/website-gallery?feature=VR">VR</a>, <a href="/website-gallery?feature=WebGL">WebGL</a> </div> </div> </div> <div class="subfilters gallery-subfilters" data-drawer="industry"> <div class="container text-center"> <div class="subfilters__list gallery-subfilters__list"> <a href="/website-gallery?industry=agency">agency</a>, <a href="/website-gallery?industry=app">app</a>, <a href="/website-gallery?industry=art">art</a>, <a href="/website-gallery?industry=blog">blog</a>, <a href="/website-gallery?industry=community">community</a>, <a href="/website-gallery?industry=education">education</a>, <a href="/website-gallery?industry=entertainment">entertainment</a>, <a href="/website-gallery?industry=fashion">fashion</a>, <a href="/website-gallery?industry=food%2Fdrink">food/drink</a>, <a href="/website-gallery?industry=graphic+design">graphic design</a>, <a href="/website-gallery?industry=photography">photography</a>, <a href="/website-gallery?industry=products">products</a>, <a href="/website-gallery?industry=real+estate">real estate</a>, <a href="/website-gallery?industry=services">services</a>, <a href="/website-gallery?industry=sport">sport</a>, <a href="/website-gallery?industry=travel">travel</a>, <a href="/website-gallery?industry=web+design%2Fdev">web design/dev</a>, <a href="/website-gallery?industry=wellbeing">wellbeing</a>, <a href="/website-gallery?industry=other">other</a> </div> </div> </div> <div class="subfilters gallery-subfilters" data-drawer="colour"> <div class="container text-center"> <div class="subfilters__list gallery-subfilters__list"> <a href="/website-gallery?color=Red">Red</a>, <a href="/website-gallery?color=Black">Black</a>, <a href="/website-gallery?color=Yellow">Yellow</a>, <a href="/website-gallery?color=Blue">Blue</a>, <a href="/website-gallery?color=Orange">Orange</a>, <a href="/website-gallery?color=Grey">Grey</a>, <a href="/website-gallery?color=Purple">Purple</a>, <a href="/website-gallery?color=Green">Green</a>, <a href="/website-gallery?color=Pink">Pink</a>, <a href="/website-gallery?color=Beige">Beige</a>, <a href="/website-gallery?color=Brown">Brown</a>, <a href="/website-gallery?color=White">White</a>, <a href="/website-gallery?color=Multi">Multi</a> </div> </div> </div> </div> </div> <section class="gallery-projects"> <div class="container"> <div class="gallery-projects__list projects__list"> <article class="single-project"> <div> <div class="single-project__thumbnail"> <img src="/cdasites/2024/202411/20241114090455.jpg" width="360" alt="Antoine Wodniack — Portfolio website" /> <div class="single-project__thumbnail__overlay"> <div class="single-project__meta"> <span class="sp__meta__category">WOTM</span> <span class="sp__meta__date"> 2024</span> </div> <a href="/wotm/antoine-wodniack-portfolio/46614/" class="sp__full-size-link"></a> <a href="https://wodniack.dev/" target="_blank" class="sp__project-link"><img src="imgs/link.svg" alt="Antoine Wodniack — Portfolio website"></a> <span class="sp__view-info">View</span> </div> </div> <h3 class="single-project__title"><a href="/wotm/antoine-wodniack-portfolio/46614/">Antoine Wodniack — Portfolio</a></h3> <div class="single-project__scores"> <span class="sp__single-score active">UI</span> <span class="sp__single-score active">UX</span> <span class="sp__single-score active">INN</span> <span class="sp__single-score jpanel">JPANEL 8.84</span> </div> </div> </article> <article class="single-project"> <div> <div class="single-project__thumbnail"> <img src="/cdasites/2024/202410/20241022101041.jpg" width="360" alt="Hatom website" /> <div class="single-project__thumbnail__overlay"> <div class="single-project__meta"> <span class="sp__meta__category">WOTM</span> <span class="sp__meta__date"> 2024</span> </div> <a href="/wotm/hatom/46463/" class="sp__full-size-link"></a> <a href="https://www.hatom.com/" target="_blank" class="sp__project-link"><img src="imgs/link.svg" alt="Hatom website"></a> <span class="sp__view-info">View</span> </div> </div> <h3 class="single-project__title"><a href="/wotm/hatom/46463/">Hatom</a></h3> <div class="single-project__scores"> <span class="sp__single-score active">UI</span> <span class="sp__single-score active">UX</span> <span class="sp__single-score active">INN</span> <span class="sp__single-score jpanel">JPANEL 8.77</span> </div> </div> </article> <article class="single-project"> <div> <div class="single-project__thumbnail"> <img src="/cdasites/2024/202409/20240913125520.jpg" width="360" alt="Following Wildfire website" /> <div class="single-project__thumbnail__overlay"> <div class="single-project__meta"> <span class="sp__meta__category">WOTM</span> <span class="sp__meta__date"> 2024</span> </div> <a href="/wotm/following-wildfire/46287/" class="sp__full-size-link"></a> <a href="https://followingwildfire.com/" target="_blank" class="sp__project-link"><img src="imgs/link.svg" alt="Following Wildfire website"></a> <span class="sp__view-info">View</span> </div> </div> <h3 class="single-project__title"><a href="/wotm/following-wildfire/46287/">Following Wildfire </a></h3> <div class="single-project__scores"> <span class="sp__single-score active">UI</span> <span class="sp__single-score active">UX</span> <span class="sp__single-score active">INN</span> <span class="sp__single-score jpanel">JPANEL 8.74</span> </div> </div> </article> <article class="single-project"> <div> <div class="single-project__thumbnail"> <img src="/cdasites/2024/202407/20240731033419.jpg" width="360" alt="Contra | Project Cost Calculator website" /> <div class="single-project__thumbnail__overlay"> <div class="single-project__meta"> <span class="sp__meta__category">WOTM</span> <span class="sp__meta__date"> 2024</span> </div> <a href="/wotm/contra-project-cost-calculator/46050/" class="sp__full-size-link"></a> <a href="https://contra.com/project-rate-hiring-calculator/" target="_blank" class="sp__project-link"><img src="imgs/link.svg" alt="Contra | Project Cost Calculator website"></a> <span class="sp__view-info">View</span> </div> </div> <h3 class="single-project__title"><a href="/wotm/contra-project-cost-calculator/46050/">Contra | Project Cost Calculator</a></h3> <div class="single-project__scores"> <span class="sp__single-score active">UI</span> <span class="sp__single-score active">UX</span> <span class="sp__single-score active">INN</span> <span class="sp__single-score jpanel">JPANEL 9.11</span> </div> </div> </article> <article class="single-project"> <div> <div class="single-project__thumbnail"> <img src="/cdasites/2024/202407/20240711092232.jpg" width="360" alt="Dictionary of Free Speech website" /> <div class="single-project__thumbnail__overlay"> <div class="single-project__meta"> <span class="sp__meta__category">WOTM</span> <span class="sp__meta__date"> 2024</span> </div> <a href="/wotm/dictionary-of-free-speech/45947/" class="sp__full-size-link"></a> <a href="https://freespeech.gubrica.com/" target="_blank" class="sp__project-link"><img src="imgs/link.svg" alt="Dictionary of Free Speech website"></a> <span class="sp__view-info">View</span> </div> </div> <h3 class="single-project__title"><a href="/wotm/dictionary-of-free-speech/45947/">Dictionary of Free Speech</a></h3> <div class="single-project__scores"> <span class="sp__single-score active">UI</span> <span class="sp__single-score active">UX</span> <span class="sp__single-score active">INN</span> <span class="sp__single-score jpanel">JPANEL 9.05</span> </div> </div> </article> <article class="single-project"> <div> <div class="single-project__thumbnail"> <img src="/cdasites/2024/202405/20240521092441.jpg" width="360" alt="Cartier Watches and Wonders 2024 website" /> <div class="single-project__thumbnail__overlay"> <div class="single-project__meta"> <span class="sp__meta__category">WOTM</span> <span class="sp__meta__date"> 2024</span> </div> <a href="/wotm/cartier-watches-and-wonders-2024/45640/" class="sp__full-size-link"></a> <a href="https://www.cartier.com/en-fr/watchesandwonders" target="_blank" class="sp__project-link"><img src="imgs/link.svg" alt="Cartier Watches and Wonders 2024 website"></a> <span class="sp__view-info">View</span> </div> </div> <h3 class="single-project__title"><a href="/wotm/cartier-watches-and-wonders-2024/45640/">Cartier Watches and Wonders 2024</a></h3> <div class="single-project__scores"> <span class="sp__single-score active">UI</span> <span class="sp__single-score active">UX</span> <span class="sp__single-score active">INN</span> <span class="sp__single-score jpanel">JPANEL 8.99</span> </div> </div> </article> <article class="single-project"> <div> <div class="single-project__thumbnail"> <img src="/cdasites/2024/202405/20240518002605.jpg" width="360" alt="Slosh Seltzer website" /> <div class="single-project__thumbnail__overlay"> <div class="single-project__meta"> <span class="sp__meta__category">WOTM</span> <span class="sp__meta__date"> 2024</span> </div> <a href="/wotm/slosh-seltzer/45624/" class="sp__full-size-link"></a> <a href="https://sloshseltzer.com/" target="_blank" class="sp__project-link"><img src="imgs/link.svg" alt="Slosh Seltzer website"></a> <span class="sp__view-info">View</span> </div> </div> <h3 class="single-project__title"><a href="/wotm/slosh-seltzer/45624/">Slosh Seltzer</a></h3> <div class="single-project__scores"> <span class="sp__single-score active">UI</span> <span class="sp__single-score active">UX</span> <span class="sp__single-score active">INN</span> <span class="sp__single-score jpanel">JPANEL 8.83</span> </div> </div> </article> <article class="single-project"> <div> <div class="single-project__thumbnail"> <img src="/cdasites/2024/202403/20240325114257.jpg" width="360" alt="Organimo website" /> <div class="single-project__thumbnail__overlay"> <div class="single-project__meta"> <span class="sp__meta__category">WOTM</span> <span class="sp__meta__date"> 2024</span> </div> <a href="/wotm/organimo/45365/" class="sp__full-size-link"></a> <a href="https://organimo.com/" target="_blank" class="sp__project-link"><img src="imgs/link.svg" alt="Organimo website"></a> <span class="sp__view-info">View</span> </div> </div> <h3 class="single-project__title"><a href="/wotm/organimo/45365/">Organimo</a></h3> <div class="single-project__scores"> <span class="sp__single-score active">UI</span> <span class="sp__single-score active">UX</span> <span class="sp__single-score active">INN</span> <span class="sp__single-score jpanel">JPANEL 8.97</span> </div> </div> </article> <article class="single-project"> <div> <div class="single-project__thumbnail"> <img src="/cdasites/2024/202402/20240226124516.jpg" width="360" alt="Bennett & Clive website" /> <div class="single-project__thumbnail__overlay"> <div class="single-project__meta"> <span class="sp__meta__category">WOTM</span> <span class="sp__meta__date"> 2024</span> </div> <a href="/wotm/bennett-clive/45231/" class="sp__full-size-link"></a> <a href="https://bennettandclive.com/" target="_blank" class="sp__project-link"><img src="imgs/link.svg" alt="Bennett & Clive website"></a> <span class="sp__view-info">View</span> </div> </div> <h3 class="single-project__title"><a href="/wotm/bennett-clive/45231/">Bennett & Clive</a></h3> <div class="single-project__scores"> <span class="sp__single-score active">UI</span> <span class="sp__single-score active">UX</span> <span class="sp__single-score active">INN</span> <span class="sp__single-score jpanel">JPANEL 9.17</span> </div> </div> </article> <article class="single-project"> <div> <div class="single-project__thumbnail"> <img src="/cdasites/2024/202401/20240109101836.jpg" width="360" alt="Longines Spirit Flyback website" /> <div class="single-project__thumbnail__overlay"> <div class="single-project__meta"> <span class="sp__meta__category">WOTM</span> <span class="sp__meta__date"> 2024</span> </div> <a href="/wotm/longines-spirit-flyback/44924/" class="sp__full-size-link"></a> <a href="https://www.longines.com/spirit-flyback/" target="_blank" class="sp__project-link"><img src="imgs/link.svg" alt="Longines Spirit Flyback website"></a> <span class="sp__view-info">View</span> </div> </div> <h3 class="single-project__title"><a href="/wotm/longines-spirit-flyback/44924/">Longines Spirit Flyback</a></h3> <div class="single-project__scores"> <span class="sp__single-score active">UI</span> <span class="sp__single-score active">UX</span> <span class="sp__single-score active">INN</span> <span class="sp__single-score jpanel">JPANEL 9.31</span> </div> </div> </article> <article class="single-project"> <div> <div class="single-project__thumbnail"> <img src="/cdasites/2023/202312/20231215034453.jpg" width="360" alt="Buttermax website" /> <div class="single-project__thumbnail__overlay"> <div class="single-project__meta"> <span class="sp__meta__category">WOTM</span> <span class="sp__meta__date"> 2024</span> </div> <a href="/wotm/buttermax/44830/" class="sp__full-size-link"></a> <a href="https://buttermax.net/" target="_blank" class="sp__project-link"><img src="imgs/link.svg" alt="Buttermax website"></a> <span class="sp__view-info">View</span> </div> </div> <h3 class="single-project__title"><a href="/wotm/buttermax/44830/">Buttermax</a></h3> <div class="single-project__scores"> <span class="sp__single-score active">UI</span> <span class="sp__single-score active">UX</span> <span class="sp__single-score active">INN</span> <span class="sp__single-score jpanel">JPANEL 9.19</span> </div> </div> </article> <article class="single-project"> <div> <div class="single-project__thumbnail"> <img src="/cdasites/2023/202311/20231102063516.jpg" width="360" alt="Enpower Trading website" /> <div class="single-project__thumbnail__overlay"> <div class="single-project__meta"> <span class="sp__meta__category">WOTM</span> <span class="sp__meta__date"> 2023</span> </div> <a href="/wotm/enpower-trading/44568/" class="sp__full-size-link"></a> <a href="https://enpowertrading.co.za/" target="_blank" class="sp__project-link"><img src="imgs/link.svg" alt="Enpower Trading website"></a> <span class="sp__view-info">View</span> </div> </div> <h3 class="single-project__title"><a href="/wotm/enpower-trading/44568/">Enpower Trading</a></h3> <div class="single-project__scores"> <span class="sp__single-score active">UI</span> <span class="sp__single-score active">UX</span> <span class="sp__single-score active">INN</span> <span class="sp__single-score jpanel">JPANEL 9.20</span> </div> </div> </article> <article class="single-project"> <div> <div class="single-project__thumbnail"> <img src="/cdasites/2023/202309/20230926112151.jpg" width="360" alt="LVMH Openlands website" /> <div class="single-project__thumbnail__overlay"> <div class="single-project__meta"> <span class="sp__meta__category">WOTM</span> <span class="sp__meta__date"> 2023</span> </div> <a href="/wotm/lvmh-openlands/44354/" class="sp__full-size-link"></a> <a href="https://openlands.lvmh.com/" target="_blank" class="sp__project-link"><img src="imgs/link.svg" alt="LVMH Openlands website"></a> <span class="sp__view-info">View</span> </div> </div> <h3 class="single-project__title"><a href="/wotm/lvmh-openlands/44354/">LVMH Openlands</a></h3> <div class="single-project__scores"> <span class="sp__single-score active">UI</span> <span class="sp__single-score active">UX</span> <span class="sp__single-score active">INN</span> <span class="sp__single-score jpanel">JPANEL 8.93</span> </div> </div> </article> <article class="single-project"> <div> <div class="single-project__thumbnail"> <img src="/cdasites/2023/202309/20230920062012.jpg" width="360" alt="Lusion v3 website" /> <div class="single-project__thumbnail__overlay"> <div class="single-project__meta"> <span class="sp__meta__category">WOTM</span> <span class="sp__meta__date"> 2023</span> </div> <a href="/wotm/lusion-v3/44311/" class="sp__full-size-link"></a> <a href="https://lusion.co/" target="_blank" class="sp__project-link"><img src="imgs/link.svg" alt="Lusion v3 website"></a> <span class="sp__view-info">View</span> </div> </div> <h3 class="single-project__title"><a href="/wotm/lusion-v3/44311/">Lusion v3</a></h3> <div class="single-project__scores"> <span class="sp__single-score active">UI</span> <span class="sp__single-score active">UX</span> <span class="sp__single-score active">INN</span> <span class="sp__single-score jpanel">JPANEL 9.45</span> </div> </div> </article> <article class="single-project"> <div> <div class="single-project__thumbnail"> <img src="/cdasites/2023/202307/20230726235818.jpg" width="360" alt="2022 Creator Wrapped website" /> <div class="single-project__thumbnail__overlay"> <div class="single-project__meta"> <span class="sp__meta__category">WOTM</span> <span class="sp__meta__date"> 2023</span> </div> <a href="/wotm/2022-creator-wrapped/43994/" class="sp__full-size-link"></a> <a href="https://wrapped22.bybuttermax.net/ " target="_blank" class="sp__project-link"><img src="imgs/link.svg" alt="2022 Creator Wrapped website"></a> <span class="sp__view-info">View</span> </div> </div> <h3 class="single-project__title"><a href="/wotm/2022-creator-wrapped/43994/">2022 Creator Wrapped</a></h3> <div class="single-project__scores"> <span class="sp__single-score active">UI</span> <span class="sp__single-score active">UX</span> <span class="sp__single-score active">INN</span> <span class="sp__single-score jpanel">JPANEL 8.83</span> </div> </div> </article> <article class="single-project"> <div> <div class="single-project__thumbnail"> <img src="/cdasites/2023/202306/20230612092603.jpg" width="360" alt="Alireza website" /> <div class="single-project__thumbnail__overlay"> <div class="single-project__meta"> <span class="sp__meta__category">WOTM</span> <span class="sp__meta__date"> 2023</span> </div> <a href="/wotm/alireza/43705/" class="sp__full-size-link"></a> <a href="https://alireza.com/" target="_blank" class="sp__project-link"><img src="imgs/link.svg" alt="Alireza website"></a> <span class="sp__view-info">View</span> </div> </div> <h3 class="single-project__title"><a href="/wotm/alireza/43705/">Alireza</a></h3> <div class="single-project__scores"> <span class="sp__single-score active">UI</span> <span class="sp__single-score active">UX</span> <span class="sp__single-score active">INN</span> <span class="sp__single-score jpanel">JPANEL 8.89</span> </div> </div> </article> <article class="single-project"> <div> <div class="single-project__thumbnail"> <img src="/cdasites/2023/202305/20230516113621.jpg" width="360" alt="MOTION.ED website" /> <div class="single-project__thumbnail__overlay"> <div class="single-project__meta"> <span class="sp__meta__category">WOTM</span> <span class="sp__meta__date"> 2023</span> </div> <a href="/wotm/motion-ed/43540/" class="sp__full-size-link"></a> <a href="https://motion.zajno.com/" target="_blank" class="sp__project-link"><img src="imgs/link.svg" alt="MOTION.ED website"></a> <span class="sp__view-info">View</span> </div> </div> <h3 class="single-project__title"><a href="/wotm/motion-ed/43540/">MOTION.ED</a></h3> <div class="single-project__scores"> <span class="sp__single-score active">UI</span> <span class="sp__single-score active">UX</span> <span class="sp__single-score active">INN</span> <span class="sp__single-score jpanel">JPANEL 9.23</span> </div> </div> </article> <article class="single-project"> <div> <div class="single-project__thumbnail"> <img src="/cdasites/2023/202304/20230428035002.jpg" width="360" alt="THE ROGER website" /> <div class="single-project__thumbnail__overlay"> <div class="single-project__meta"> <span class="sp__meta__category">WOTM</span> <span class="sp__meta__date"> 2023</span> </div> <a href="/wotm/the-roger/43426/" class="sp__full-size-link"></a> <a href="https://www.theroger.com/" target="_blank" class="sp__project-link"><img src="imgs/link.svg" alt="THE ROGER website"></a> <span class="sp__view-info">View</span> </div> </div> <h3 class="single-project__title"><a href="/wotm/the-roger/43426/">THE ROGER</a></h3> <div class="single-project__scores"> <span class="sp__single-score active">UI</span> <span class="sp__single-score active">UX</span> <span class="sp__single-score active">INN</span> <span class="sp__single-score jpanel">JPANEL 9.13</span> </div> </div> </article> </div> <div class="gallery-projects__pagination"> <div class="pagination text-center"> <ul class="pagination__list"> <li class="pagination__item current"><a href="/wotm-award-winners?page=1" class="pagination__link">1</a></li> <li class="pagination__item"><a href="/wotm-award-winners?page=2" class="pagination__link">2</a></li> <li class="pagination__item"><a href="/wotm-award-winners?page=3" class="pagination__link">3</a></li> <li class="pagination__item"><a href="/wotm-award-winners?page=4" class="pagination__link">4</a></li> <li class="pagination__item"><a href="/wotm-award-winners?page=5" class="pagination__link">5</a></li> <li class="pagination__item"><a href="/wotm-award-winners?page=6" class="pagination__link">6</a></li> <li class="pagination__item"><a href="/wotm-award-winners?page=7" class="pagination__link">7</a></li> <li class="pagination__item"><a href="/wotm-award-winners?page=8" class="pagination__link">8</a></li> <li class="pagination__item"><a href="/wotm-award-winners?page=2" class="pagination__link">›</a></li> </ul> <!-- /.pagination-list --> </div> <!-- /.pagination --> </div> </div> </section> <div class="page-modals"> </div> <div class="container smsc-button-wrapper"> <a class="smsc-button light" href="#">Go to Top</a> </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>