{"id":19861,"date":"2026-06-25T10:07:05","date_gmt":"2026-06-25T09:07:05","guid":{"rendered":"https:\/\/www.20i.com\/blog\/?p=19861"},"modified":"2026-08-25T08:52:25","modified_gmt":"2026-08-25T07:52:25","slug":"8-creative-portfolios-we-cant-stop-looking-at","status":"publish","type":"post","link":"https:\/\/www.20i.com\/blog\/8-creative-portfolios-we-cant-stop-looking-at\/","title":{"rendered":"8 Creative Portfolios We Can&#8217;t Stop Looking At"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Creating the best portfolio has become an arms race in the&nbsp;creative space.&nbsp;How do you build something exciting without turning the user experience into a chore?&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Here are 8&nbsp;portfolio&nbsp;websites&nbsp;which manage to balance joy with flawless usability. Prepare to be inspired!&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Dave Holloway<\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/www.20i.com\/blog\/wp-content\/uploads\/2026\/06\/dave-holloway.webp\" alt=\"Screenshot of Dave Holloway's Website\" class=\"wp-image-20162\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/daveholloway.uk\/\" target=\"_blank\" rel=\"noreferrer noopener\">Dave\u2019s website&nbsp;<\/a>is a masterclass in showing personality.&nbsp;From&nbsp;the moment the page loads,&nbsp;you\u2019re&nbsp;greeted with a charming character that tracks your cursor, instantly drawing you into his world.&nbsp;&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">As you&nbsp;scroll,&nbsp;you\u2019ll&nbsp;discover a drag-to-navigate&nbsp;service menu and even a mini game hidden&nbsp;partway through.&nbsp;&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">It\u2019s&nbsp;clever, entertaining and proves you&nbsp;don\u2019t&nbsp;have to&nbsp;sacrifice&nbsp;traditional navigation to show off your human side.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u26a1<strong>\ufe0fThe vibe \u2013 playful, personality-driven&nbsp;and interactive<\/strong>&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Marimba Designs<\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/www.20i.com\/blog\/wp-content\/uploads\/2026\/06\/marimba-designs.webp\" alt=\"Screenshot of Marimba Designs Website\" class=\"wp-image-20163\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">If&nbsp;you\u2019re&nbsp;looking for an aesthetic portfolio, then&nbsp;look no&nbsp;further!&nbsp;<a href=\"https:\/\/marimba.design\/\" target=\"_blank\" rel=\"noreferrer noopener\">Marimba\u2019s website<\/a>&nbsp;is&nbsp;a&nbsp;digital therapy getaway from&nbsp;aggressive&nbsp;dark modes with neon text&nbsp;to&nbsp;calming pastel tones and elegantly picked typography.&nbsp;&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The&nbsp;site effortlessly guides you through her creative process.&nbsp;Keep&nbsp;an eye out for the subtle light-leak effect that reveals itself as you scroll to the footer.&nbsp;&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">It\u2019s&nbsp;not just a showcase of design; this site helps evoke a feeling of calm \ud83e\uddd8\ud83c\udffb\u200d\u2640\ufe0f&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\ud83c\udf3bThe vibe \u2013 soul-soothing, pastel dreamscape<\/strong>&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Creative Giants<\/h2>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1905\" height=\"945\" src=\"https:\/\/www.20i.com\/blog\/wp-content\/uploads\/2026\/06\/creative-giants.webp\" alt=\"Screenshot of Creative Giants Website\" class=\"wp-image-20164\" style=\"border: 2px solid #EBEBEB\" srcset=\"https:\/\/www.20i.com\/blog\/wp-content\/uploads\/2026\/06\/creative-giants.webp 1905w, https:\/\/www.20i.com\/blog\/wp-content\/uploads\/2026\/06\/creative-giants-300x149.webp 300w, https:\/\/www.20i.com\/blog\/wp-content\/uploads\/2026\/06\/creative-giants-768x381.webp 768w, https:\/\/www.20i.com\/blog\/wp-content\/uploads\/2026\/06\/creative-giants-1536x762.webp 1536w, https:\/\/www.20i.com\/blog\/wp-content\/uploads\/2026\/06\/creative-giants-400x198.webp 400w, https:\/\/www.20i.com\/blog\/wp-content\/uploads\/2026\/06\/creative-giants-800x397.webp 800w, https:\/\/www.20i.com\/blog\/wp-content\/uploads\/2026\/06\/creative-giants-832x413.webp 832w, https:\/\/www.20i.com\/blog\/wp-content\/uploads\/2026\/06\/creative-giants-1664x825.webp 1664w, https:\/\/www.20i.com\/blog\/wp-content\/uploads\/2026\/06\/creative-giants-1248x619.webp 1248w, https:\/\/www.20i.com\/blog\/wp-content\/uploads\/2026\/06\/creative-giants-1320x655.webp 1320w, https:\/\/www.20i.com\/blog\/wp-content\/uploads\/2026\/06\/creative-giants-150x74.webp 150w\" sizes=\"auto, (max-width: 1905px) 100vw, 1905px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">They say&nbsp;don\u2019t&nbsp;judge a book by its cover, but you can absolutely judge this agency by their name.&nbsp;<a href=\"https:\/\/creativegiants.art\/\">Creative Giants<\/a><a href=\"https:\/\/www.creativegiants.art\/\" target=\"_blank\" rel=\"noreferrer noopener\">&nbsp;<\/a>deliver a maximalist masterclass with bold colour pallets, vibrant background&nbsp;videos&nbsp;and MASSIVE typography.&nbsp;&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">What makes it work is how dynamic it feels.&nbsp;Text overlays shift nicely over multimedia elements as you move by, with a slick&nbsp;parallax scroll helping&nbsp;to&nbsp;keep&nbsp;you anchored so you&nbsp;don\u2019t&nbsp;get&nbsp;lost in the noise.&nbsp;&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">It\u2019s&nbsp;high-energy web design done right.&nbsp;&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Peter Oravec<\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/www.20i.com\/blog\/wp-content\/uploads\/2026\/06\/peter-oravec.webp\" alt=\"Screenshot of Peter Oravec's Website\" class=\"wp-image-20165\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Modestly&nbsp;describing&nbsp;himself as \u2018just a front-end developer\u2019,&nbsp;<a href=\"https:\/\/peteroravec.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Peter has built an interactive playground<\/a>&nbsp;that will instantly take you back to&nbsp;the&nbsp;early-2000s school computer game&nbsp;nostalgia.&nbsp;&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Instead of a simple vertical scroll,&nbsp;users use their&nbsp;keyboard arrows to move&nbsp;a&nbsp;character&nbsp;around&nbsp;through a retro game landscape, uncovering his CV and project history.&nbsp;&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">It\u2019s&nbsp;imaginative, incredibly fun and a brilliant&nbsp;testament&nbsp;to what front-end code can do when you let creativity take the wheel.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\ud83c\udfaeThe vibe \u2013 pure&nbsp;Miniclip&nbsp;nostalgia<\/strong>&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Adovasio<\/h2>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1884\" height=\"948\" src=\"https:\/\/www.20i.com\/blog\/wp-content\/uploads\/2026\/06\/Adovasio.webp\" alt=\"Screenshot of Adovasio's Website\" class=\"wp-image-20166\" srcset=\"https:\/\/www.20i.com\/blog\/wp-content\/uploads\/2026\/06\/Adovasio.webp 1884w, https:\/\/www.20i.com\/blog\/wp-content\/uploads\/2026\/06\/Adovasio-300x151.webp 300w, https:\/\/www.20i.com\/blog\/wp-content\/uploads\/2026\/06\/Adovasio-768x386.webp 768w, https:\/\/www.20i.com\/blog\/wp-content\/uploads\/2026\/06\/Adovasio-1536x773.webp 1536w, https:\/\/www.20i.com\/blog\/wp-content\/uploads\/2026\/06\/Adovasio-400x201.webp 400w, https:\/\/www.20i.com\/blog\/wp-content\/uploads\/2026\/06\/Adovasio-800x403.webp 800w, https:\/\/www.20i.com\/blog\/wp-content\/uploads\/2026\/06\/Adovasio-832x419.webp 832w, https:\/\/www.20i.com\/blog\/wp-content\/uploads\/2026\/06\/Adovasio-1664x837.webp 1664w, https:\/\/www.20i.com\/blog\/wp-content\/uploads\/2026\/06\/Adovasio-1248x628.webp 1248w, https:\/\/www.20i.com\/blog\/wp-content\/uploads\/2026\/06\/Adovasio-1320x664.webp 1320w, https:\/\/www.20i.com\/blog\/wp-content\/uploads\/2026\/06\/Adovasio-150x75.webp 150w\" sizes=\"auto, (max-width: 1884px) 100vw, 1884px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Landing on this portfolio&nbsp;doesn\u2019t&nbsp;feel like your usual opening of a website. It feels like&nbsp;a cinematic experience.&nbsp;&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Specialising&nbsp;in wedding photography,&nbsp;<a href=\"https:\/\/www.adovasio.it\/\" target=\"_blank\" rel=\"noreferrer noopener\">Adovasio<\/a>&nbsp;uses lovely animations to set a premium,&nbsp;yet emotional,&nbsp;tone.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The layout lets the stunning images do the heavy lifting,&nbsp;maintaining&nbsp;a clean, sophisticated editorial flow whilst ensuring the contact information is only a click away.&nbsp;&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\u2728The vibe \u2013 cinematic,&nbsp;elegant&nbsp;and romantic<\/strong>&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">IDST<\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/www.20i.com\/blog\/wp-content\/uploads\/2026\/06\/IDST.webp\" alt=\"Screenshot of IDSTs Website\" class=\"wp-image-20167\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">How do you make a furniture and&nbsp;architectural&nbsp;portfolio stand out in a sea of identical 3D&nbsp;renders?&nbsp;<a href=\"https:\/\/www.idst.ae\/\" target=\"_blank\" rel=\"noreferrer noopener\">IDST<\/a>&nbsp;have smashed this by leaning into the human touch.&nbsp;&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The studio overlays hand-sketched drawings onto their spatial designs, creating an&nbsp;unusual and fun-to-look-at aesthetic.&nbsp;&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This, combined with the colour palette of calming browns, greys and deep oranges, elevates&nbsp;the&nbsp;architecture into a living, breathing piece of art.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\ud83d\udcd0The vibe \u2013 editorial, tactile and hand made<\/strong>&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Studio Linear<\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/www.20i.com\/blog\/wp-content\/uploads\/2026\/06\/Studio-linear.webp\" alt=\"Screenshot of Studio Linear's Website\" class=\"wp-image-20168\" style=\"border: 2px solid #EBEBEB\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/studiolinear.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Studio Linear<\/a>&nbsp;bursts with vibrant, retro energy that feels like a high-end digital scrapbook.&nbsp;&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The page flow is organic&nbsp;and&nbsp;packed with details like animated eyes that follow your cursor across the separate projects.&nbsp;&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">It\u2019s&nbsp;inquisitive and unconventional&nbsp;with&nbsp;features&nbsp;including&nbsp;a&nbsp;game tucked away in the footer. You&nbsp;won&#8217;t&nbsp;get bored exploring this!&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\ud83c\udf5fThe vibe \u2013 American diner meets digital scrapbook<\/strong>&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">YES NOW<\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/www.20i.com\/blog\/wp-content\/uploads\/2026\/06\/YESNOW.webp\" alt=\"Screenshot of YESNOW's Website\" class=\"wp-image-20169\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/yesnowww.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">This portfolio<\/a>&nbsp;is a wonderful acid trip of artwork and animation.&nbsp;&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Embracing a fun whimsical \u2018witchy-vibe\u2019,&nbsp;the site utilises tarot cards and festival-poster style layouts that are miles away from the standard corporate agency.&nbsp;&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">With clever&nbsp;parallax scrolling&nbsp;guiding you through the magic, it&nbsp;it&nbsp;captures the unpredictable storytelling of interactive web experiences.&nbsp;In magic we trust, indeed.&nbsp;&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\ud83e\udeacThe vibe \u2013 psychedelic, mystical and wonderfully weird<\/strong>&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Final thoughts&nbsp;<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">I&nbsp;If these portfolios prove anything, it&#8217;s that&nbsp;the internet&nbsp;doesn\u2019t&nbsp;have to be a sea of identical,&nbsp;sterilised&nbsp;corporate&nbsp;templates. Whilst standard frameworks have made the web more accessible and functional,&nbsp;lose the sense of experimentation&nbsp;and personality that&nbsp;makes the&nbsp;internet great.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Building a portfolio is a balancing act. You&nbsp;don\u2019t&nbsp;need to turn your home page into a fully-fledged 3D video game if it&nbsp;doesn\u2019t&nbsp;fit your brand, but adding subtle interactive nods,&nbsp;clever animations or unique visuals can turn a mundane scroll into&nbsp;a truly&nbsp;fantastic&nbsp;interactive&nbsp;experience.&nbsp;&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The tools available for modern web developers and designers are more powerful than ever, so&nbsp;let\u2019s&nbsp;use them to&nbsp;keep&nbsp;the internet weird,&nbsp;creative&nbsp;and fun!&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Which of these portfolios inspired you the most? Let us know in the comments! \ud83d\udc47&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"Creating the best portfolio has become an arms race in the&nbsp;creative space.&nbsp;How do you build something exciting without&hellip;","protected":false},"author":29,"featured_media":19867,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"csco_singular_sidebar":"","csco_page_header_type":"","csco_page_load_nextpost":"","footnotes":""},"categories":[60],"tags":[],"class_list":["post-19861","post","type-post","status-publish","format-standard","has-post-thumbnail","category-web-design-dev","cs-entry"],"_links":{"self":[{"href":"https:\/\/www.20i.com\/blog\/wp-json\/wp\/v2\/posts\/19861","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.20i.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.20i.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.20i.com\/blog\/wp-json\/wp\/v2\/users\/29"}],"replies":[{"embeddable":true,"href":"https:\/\/www.20i.com\/blog\/wp-json\/wp\/v2\/comments?post=19861"}],"version-history":[{"count":7,"href":"https:\/\/www.20i.com\/blog\/wp-json\/wp\/v2\/posts\/19861\/revisions"}],"predecessor-version":[{"id":20320,"href":"https:\/\/www.20i.com\/blog\/wp-json\/wp\/v2\/posts\/19861\/revisions\/20320"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.20i.com\/blog\/wp-json\/wp\/v2\/media\/19867"}],"wp:attachment":[{"href":"https:\/\/www.20i.com\/blog\/wp-json\/wp\/v2\/media?parent=19861"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.20i.com\/blog\/wp-json\/wp\/v2\/categories?post=19861"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.20i.com\/blog\/wp-json\/wp\/v2\/tags?post=19861"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}