{"id":19201,"date":"2021-01-22T15:00:14","date_gmt":"2021-01-22T14:00:14","guid":{"rendered":"https:\/\/qodeinteractive.com\/magazine\/?p=19201"},"modified":"2022-01-24T11:27:23","modified_gmt":"2022-01-24T10:27:23","slug":"inspiring-creative-agency-and-designer-websites","status":"publish","type":"post","link":"https:\/\/qodeinteractive.com\/magazine\/inspiring-creative-agency-and-designer-websites\/","title":{"rendered":"14 Inspiring Creative Agency and Designer Websites"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row][vc_column][vc_column_text]Designers and creative agencies often find it challenging to explain their work philosophy and define their aesthetic values. Their portfolio offers a glimpse into their creativity and skillset, but if they wish to introduce people to their way of thinking and ethos, have a voice in the art community, and build credibility, they often need a full-fledged website.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]The NYC-based designer Frank Chimero once said that our use of the word \u201chome\u201d in web design implies that we strive to craft a space that will make people want to take their shoes off and step inside. It also implies a space in which we can set our own rules, a space in which we can create our own logic, regardless of whether it &#8220;fits in&#8221; with generally accepted norms.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]In this article, we will introduce you to several inspiring websites created by some of the world\u2019s most popular designers and creative studios. Some of them ooze elegance and reflect a refined design style typical of an artist or <a href=\"https:\/\/qodeinteractive.com\/magazine\/agency-websites\/\">an agency<\/a>. Others seem cold and demure, putting functionality and project presentation above all else. Some studios have made interactive sites, taking people on exciting journeys to introduce them to their story. But what all these websites have in common is their striking and recognizable appearance and a clearly defined style that speaks volumes about the creativity of the team behind it. The artist and agencies we will talk about include:[\/vc_column_text][vc_empty_space height=&#8221;22px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#illo\">Illo<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;5px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#firma\">Firma<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;5px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#estudio-pum\">Estudio Pum<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;5px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#kati-forner\">Kati Forner<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;5px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#leta-sobierajski\">Leta Sobierajski<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;5px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#klim-type-foundry\">Klim Type Foundry<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;5px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#studio-brave\">Studio Brave<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;5px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#parsons-branding\">Parsons Branding<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;5px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#diego-funken\">Diego Funken<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;5px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#fuego-camina-conmigo\">Fuego Camina Conmigo<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;5px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#atrio\">\u00e0trio<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;5px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#walsh\">&amp;Walsh<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;5px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#lance-wyman\">Lance Wyman<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;5px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#bedow\">Bedow<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;68px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"illo\"><\/a>Illo<\/h2>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;24px&#8221;]<div class=\"qodef-single-image-holder    qodef-image-behavior-custom-link\">\n    <div class=\"qodef-si-inner\" >\n        \t            <a itemprop=\"url\" href=\"https:\/\/illo.tv\/\" target=\"_blank\" rel=\"noopener\">\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"556\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/01\/Illo.jpg\" class=\"attachment-full size-full\" alt=\"Illo\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/01\/Illo.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/01\/Illo-300x172.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/01\/Illo-768x441.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/01\/Illo-620x356.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                                <\/a>\n            <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]<a href=\"https:\/\/illo.tv\/\" target=\"_blank\" rel=\"noopener\">Illo<\/a> is an Italian design studio that specializes in motion design, illustration, and set design. <strong>Their style is all about using bright colors and impressive motion graphics.<\/strong> Every element on their site is large, from typefaces and interface elements to visuals. The interface itself is minimal \u2013 it\u2019s black, adorned with some specks of color here and there. <strong>They\u2019ve managed to showcase their extensive projects list in a compelling way by relying on attractive animation effects.<\/strong> However, Illo\u2019s portfolio presentation is essentially quite simple, and that simplicity is what makes it look all the more effective. From one scroll to the next, every pixel of their eye-pleasing website is bursting with life, joy, and feel-good vibes.[\/vc_column_text][vc_empty_space height=&#8221;68px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"firma\"><\/a>Firma<\/h2>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;24px&#8221;]<div class=\"qodef-single-image-holder    qodef-image-behavior-custom-link\">\n    <div class=\"qodef-si-inner\" >\n        \t            <a itemprop=\"url\" href=\"https:\/\/www.wearefirma.com\/\" target=\"_blank\" rel=\"noopener\">\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"556\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/01\/Firma.jpg\" class=\"attachment-full size-full\" alt=\"Firma\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/01\/Firma.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/01\/Firma-300x172.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/01\/Firma-768x441.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/01\/Firma-620x356.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                                <\/a>\n            <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]The moment you visit studio <a href=\"https:\/\/www.wearefirma.com\/\" target=\"_blank\" rel=\"noopener\">Firma<\/a>\u2019s website, you will immediately connect with their story, vision, and style. They expertly blend contemporary, conventional elements with authentic creative ideas. This modern-looking site is imbued with illustrations and animation effects oozing Spain\u2019s visual arts heritage. There are large chunks of text throughout the homepage and huge headlines written in a wide sans-serif typeface. <strong>Firma has attractively mixed authentic elements typical of Spain with a conventional visual style, resulting in a winning combination that looks both unique and universal at the same time.<\/strong>[\/vc_column_text][vc_empty_space height=&#8221;68px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"estudio-pum\"><\/a>Estudio Pum<\/h2>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;24px&#8221;]<div class=\"qodef-single-image-holder    qodef-image-behavior-custom-link\">\n    <div class=\"qodef-si-inner\" >\n        \t            <a itemprop=\"url\" href=\"http:\/\/www.estudiopum.com\/\" target=\"_blank\" rel=\"noopener\">\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"554\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/01\/Estudio-Pum-Img.jpg\" class=\"attachment-full size-full\" alt=\"Estudio Pum\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/01\/Estudio-Pum-Img.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/01\/Estudio-Pum-Img-300x172.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/01\/Estudio-Pum-Img-768x439.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/01\/Estudio-Pum-Img-620x354.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                                <\/a>\n            <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]<a href=\"http:\/\/www.estudiopum.com\/\" target=\"_blank\" rel=\"noopener\">Estudio Pum<\/a> is a graphic studio based in S\u00e3o Paulo and Barcelona with a website that resembles an exuberant portfolio list arranged in the Pinterest gallery style. The majority of featured projects look like cut-outs, which adds to the overall effectiveness of the studio\u2019s portfolio showcase. <strong>The rich visuals and appealing animation effects capture your attention from the very first scroll, introducing you to the aesthetic and visual values of Estudio Pum.<\/strong> Red and blue colors, fluorescent hues, and motion graphics mirror the studio\u2019s character, energy, and design values.[\/vc_column_text][vc_empty_space height=&#8221;80px&#8221;][vc_widget_sidebar sidebar_id=&#8221;new-creative-banner&#8221;][vc_empty_space height=&#8221;81px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"kati-forner\"><\/a>Kati Forner<\/h2>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;24px&#8221;]<div class=\"qodef-single-image-holder    qodef-image-behavior-custom-link\">\n    <div class=\"qodef-si-inner\" >\n        \t            <a itemprop=\"url\" href=\"https:\/\/katiforner.com\/\" target=\"_blank\" rel=\"noopener\">\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"555\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/01\/Kati-Forner.jpg\" class=\"attachment-full size-full\" alt=\"Kati Forner\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/01\/Kati-Forner.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/01\/Kati-Forner-300x172.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/01\/Kati-Forner-768x440.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/01\/Kati-Forner-620x355.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                                <\/a>\n            <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]<a href=\"https:\/\/katiforner.com\/\" target=\"_blank\" rel=\"noopener\">Kati Forner<\/a> is an LA-based creative studio specializing in branding, packaging, as well as visual and interactive design. Their website looks refined, with lots of soft, pastel hues that make it look as if hand-made. They opted for black, elegant typefaces, with sporadic blue, italic fonts breaking the monotony of regular letters. <strong>The designers have also added tiny images next to some words, making the descriptions and large chunks of text all the more interesting to read.<\/strong> This entire site is a beautiful reflection of Kati Forner\u2019s approach to design and a great showcase of the studio\u2019s creativity.[\/vc_column_text][vc_empty_space height=&#8221;68px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"leta-sobierajski\"><\/a>Leta Sobierajski<\/h2>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;24px&#8221;]<div class=\"qodef-single-image-holder    qodef-image-behavior-custom-link\">\n    <div class=\"qodef-si-inner\" >\n        \t            <a itemprop=\"url\" href=\"https:\/\/letasobierajski.com\/\" target=\"_blank\" rel=\"noopener\">\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"556\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/01\/Leta-Sobierajski.jpg\" class=\"attachment-full size-full\" alt=\"Leta Sobierajski\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/01\/Leta-Sobierajski.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/01\/Leta-Sobierajski-300x172.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/01\/Leta-Sobierajski-768x441.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/01\/Leta-Sobierajski-620x356.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                                <\/a>\n            <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]<a href=\"https:\/\/letasobierajski.com\/\" target=\"_blank\" rel=\"noopener\">Leta Sobierajski<\/a> is known for her unique and striking visual expression. She combines traditional graphic elements with photography and art, creating projects of impressive visual values. Leta\u2019s work ranges from commercial and conventional graphic design to art pieces that can be best described as bizarre. She\u2019s no stranger to using video, which is evident on her site. <strong>Her entire online presentation is filled with boldly-colored content and picturesque visual details that reflect her intriguing character. Each portfolio piece has a featured image, indicating what the project is about.<\/strong> To make the browsing experience all the more interesting, Leta has peppered her portfolio website with fun animation effects. Three perpetually rotating objects stay on the screen no matter how far you scroll \u2013 a circle, square, and triangle that contain links to her social media and email pages.[\/vc_column_text][vc_empty_space height=&#8221;68px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"klim-type-foundry\"><\/a>Klim Type Foundry<\/h2>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;24px&#8221;]<div class=\"qodef-single-image-holder    qodef-image-behavior-custom-link\">\n    <div class=\"qodef-si-inner\" >\n        \t            <a itemprop=\"url\" href=\"https:\/\/klim.co.nz\/\" target=\"_blank\" rel=\"noopener\">\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"556\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/01\/Klim-Type-Foundry.jpg\" class=\"attachment-full size-full\" alt=\"Klim Type Foundry\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/01\/Klim-Type-Foundry.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/01\/Klim-Type-Foundry-300x172.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/01\/Klim-Type-Foundry-768x441.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/01\/Klim-Type-Foundry-620x356.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                                <\/a>\n            <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Type foundries require clear, functional, and informative websites, containing all the necessary details about the showcased fonts. And the <a href=\"https:\/\/klim.co.nz\/\" target=\"_blank\" rel=\"noopener\">Klim Type Foundry<\/a> site is a perfect example of just that. The beauty of the typography is at the forefront, with other elements complementing and highlighting the fonts&#8217; features. <strong>The moment you start exploring this commanding website, the first thing that catches your eye are the attention-grabbing vertical sliders with powerful animation effects.<\/strong> They lead you into the story about the foundry\u2019s fonts but also highlight the importance of the Klim Type Foundry as a whole. Besides showcasing the typefaces, the homepage also features blog and shop lists, making the site more practical.[\/vc_column_text][vc_empty_space height=&#8221;68px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"studio-brave\"><\/a>Studio Brave<\/h2>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;24px&#8221;]<div class=\"qodef-single-image-holder    qodef-image-behavior-custom-link\">\n    <div class=\"qodef-si-inner\" >\n        \t            <a itemprop=\"url\" href=\"https:\/\/studiobrave.com.au\/\" target=\"_blank\" rel=\"noopener\">\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"556\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/01\/Studio-Brave.jpg\" class=\"attachment-full size-full\" alt=\"Studio Brave\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/01\/Studio-Brave.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/01\/Studio-Brave-300x172.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/01\/Studio-Brave-768x441.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/01\/Studio-Brave-620x356.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                                <\/a>\n            <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]The Australian <a href=\"https:\/\/studiobrave.com.au\/\" target=\"_blank\" rel=\"noopener\">Studio Brave<\/a>\u2019s website is characterized by an <strong>asymmetrical layout, powerful design, and dark hues paired with a vibrant color palette<\/strong>. The captivating presentation, exciting fullscreen video content, and abundance of action on the site are guaranteed to win the visitors\u2019 attention from the get-go. This site is all about the rhythmic movement of its visually-appealing elements. Project titles are fixed, giving a sense of depth to the homepage, while the different-sized letters, large buttons, and short textual details form an unexpected cohesive unit.[\/vc_column_text][vc_empty_space height=&#8221;68px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"parsons-branding\"><\/a>Parsons Branding<\/h2>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;24px&#8221;]<div class=\"qodef-single-image-holder    qodef-image-behavior-custom-link\">\n    <div class=\"qodef-si-inner\" >\n        \t            <a itemprop=\"url\" href=\"https:\/\/www.parsonsbranding.com\/\" target=\"_blank\" rel=\"noopener\">\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"967\" height=\"555\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/01\/Parsons-Branding.jpg\" class=\"attachment-full size-full\" alt=\"Parsons Branding\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/01\/Parsons-Branding.jpg 967w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/01\/Parsons-Branding-300x172.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/01\/Parsons-Branding-768x441.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/01\/Parsons-Branding-620x356.jpg 620w\" sizes=\"auto, (max-width: 967px) 100vw, 967px\" \/>                                <\/a>\n            <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]<a href=\"https:\/\/www.parsonsbranding.com\/\" target=\"_blank\" rel=\"noopener\">Parsons Branding<\/a> is a South African design studio that specializes in branding and creating visual identities. Their site\u2019s homepage includes a portfolio list with a <a href=\"https:\/\/qodeinteractive.com\/magazine\/horizontal-scrolling-websites\/\">horizontal scroll<\/a> effect, making it fun to explore. Moreover, it is possible to navigate the site by performing the click-and-drag action with your mouse. The interface design and typography are minimal and demure, contrasted by striking animation effects. While this site might appear simple at first sight, <strong>its well-thought-out design, beautiful effects and user-friendly navigation give it a lot more depth than one may initially notice.<\/strong> A collection of their works is displayed in the \u201cView all projects\u201d section, and the projects are displayed with an infinite loop effect. Gorgeous imagery with a slight vintage feel and a neutral background are a great choice for showcasing a manifold of the studio\u2019s projects with multiple different aesthetics and styles. You can move your mouse in any direction you want, and once you place the cursor on a featured work, the preview image will go from black and white to full color.[\/vc_column_text][vc_empty_space height=&#8221;68px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"diego-funken\"><\/a>Diego Funken<\/h2>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;24px&#8221;]<div class=\"qodef-single-image-holder    qodef-image-behavior-custom-link\">\n    <div class=\"qodef-si-inner\" >\n        \t            <a itemprop=\"url\" href=\"http:\/\/diegofunken.com\/\" target=\"_blank\" rel=\"noopener\">\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"555\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/01\/Diego-Funken.jpg\" class=\"attachment-full size-full\" alt=\"Diego Funken\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/01\/Diego-Funken.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/01\/Diego-Funken-300x172.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/01\/Diego-Funken-768x440.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/01\/Diego-Funken-620x355.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                                <\/a>\n            <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]<a href=\"http:\/\/diegofunken.com\/\" target=\"_blank\" rel=\"noopener\">Diego Funken<\/a> is a Chilean motion designer and visual artist best known for his work in the film industry, as well as on experimental events and installations. His recognizable audio-visual language represents a mixture of typography, video content, lights, and sounds. Funken\u2019s projects ooze brutalism, and so does his site. <strong>Large, black typefaces dominate the homepage, and as you hover over certain words, you can see a preview of some of his works.<\/strong> This site perfectly exemplifies the importance of typography and its power to define the style of a project and reflect the artist\u2019s attitude and ideas. The visual content is appealing and powerful, just like Funken\u2019s style, leaving a strong first impression on a visitor.[\/vc_column_text][vc_empty_space height=&#8221;68px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"fuego-camina-conmigo\"><\/a>Fuego Camina Conmigo<\/h2>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;24px&#8221;]<div class=\"qodef-single-image-holder    qodef-image-behavior-custom-link\">\n    <div class=\"qodef-si-inner\" >\n        \t            <a itemprop=\"url\" href=\"https:\/\/fuegocaminaconmigo.com\/\" target=\"_blank\" rel=\"noopener\">\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"556\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/01\/Fuego-Camina-Conmigo.jpg\" class=\"attachment-full size-full\" alt=\"Fuego Camina Conmigo\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/01\/Fuego-Camina-Conmigo.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/01\/Fuego-Camina-Conmigo-300x172.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/01\/Fuego-Camina-Conmigo-768x441.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/01\/Fuego-Camina-Conmigo-620x356.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                                <\/a>\n            <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]A modern, wide sans-serif font, beautiful imagery, and short, simple pages are the most prominent elements of <a href=\"https:\/\/fuegocaminaconmigo.com\/\" target=\"_blank\" rel=\"noopener\">Fuego Camina Conmigo<\/a>\u2019s website. <strong>The homepage is quite short. It contains brief, informative texts about the agency, and there is a wonderful, irregular rhythm to it.<\/strong> The inner pages are designed as horizontal sliders, so their content looks well-organized and is easy to explore. They feature stunningly-animated fullscreen imagery and look as attractive as the homepage, which shows the agency\u2019s attention to detail and their dedication to creating an all-around attractive website.[\/vc_column_text][vc_empty_space height=&#8221;68px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"atrio\"><\/a>\u00e0trio<\/h2>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;24px&#8221;]<div class=\"qodef-single-image-holder    qodef-image-behavior-custom-link\">\n    <div class=\"qodef-si-inner\" >\n        \t            <a itemprop=\"url\" href=\"https:\/\/www.atrio.it\" target=\"_blank\" rel=\"noopener\">\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"555\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/01\/atrio.jpg\" class=\"attachment-full size-full\" alt=\"atrio\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/01\/atrio.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/01\/atrio-300x172.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/01\/atrio-768x440.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/01\/atrio-620x355.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                                <\/a>\n            <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]The website of <a href=\"https:\/\/www.atrio.it\" target=\"_blank\" rel=\"noopener\">\u00e0trio<\/a> is minimalistic, uniting simple typography with interesting black and white line drawings. The monochrome top section of the site is followed by a colorful portfolio list, and the contrast between the two puts the studio\u2019s projects at the forefront. <strong>Portfolio items appear with a slanted animation effect, which further highlights the featured works.<\/strong> And when you place your mouse on any of the displayed projects, the circle-shaped pointer enlarges. By mixing exciting illustrations, colorful visuals, and modern animation effects, \u00e0trio managed to create an appealing showcase of their skills and introduce themselves in a memorable way.[\/vc_column_text][vc_empty_space height=&#8221;68px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"walsh\"><\/a>&amp;Walsh<\/h2>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;24px&#8221;]<div class=\"qodef-single-image-holder    qodef-image-behavior-custom-link\">\n    <div class=\"qodef-si-inner\" >\n        \t            <a itemprop=\"url\" href=\"https:\/\/andwalsh.com\/\" target=\"_blank\" rel=\"noopener\">\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"556\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/01\/Walsh.jpg\" class=\"attachment-full size-full\" alt=\"&amp;Walsh\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/01\/Walsh.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/01\/Walsh-300x172.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/01\/Walsh-768x441.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/01\/Walsh-620x356.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                                <\/a>\n            <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]When it comes to the world-renowned designer Jessica Walsh, words are superfluous. Her works have been a hot-and-trending topic in the world of web design for many years. In 2019, she founded the independent studio <a href=\"https:\/\/andwalsh.com\/\" target=\"_blank\" rel=\"noopener\">&amp;Walsh<\/a>. The studio\u2019s website illustrates the style typical of New York\u2019s school of design. Everything is large, bold, in strong colors. There are a lot of different color palettes, but they all blend beautifully and look pleasing to the eye. Aside from using captivating imagery, the studio added amazing audio and video effects to the top of the homepage, luring you right into their astounding creative world. <strong>The ampersand found in the studio\u2019s name is somewhat of a trademark. It is styled in a variety of visually-engaging and artistic ways on the site, contrasting the modern interface and typography.<\/strong>[\/vc_column_text][vc_empty_space height=&#8221;68px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"lance-wyman\"><\/a>Lance Wyman<\/h2>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;24px&#8221;]<div class=\"qodef-single-image-holder    qodef-image-behavior-custom-link\">\n    <div class=\"qodef-si-inner\" >\n        \t            <a itemprop=\"url\" href=\"http:\/\/www.lancewyman.com\/\" target=\"_blank\" rel=\"noopener\">\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"555\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/01\/Lance-Wyman.jpg\" class=\"attachment-full size-full\" alt=\"Lance Wyman\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/01\/Lance-Wyman.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/01\/Lance-Wyman-300x172.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/01\/Lance-Wyman-768x440.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/01\/Lance-Wyman-620x355.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                                <\/a>\n            <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]<a href=\"http:\/\/www.lancewyman.com\/\" target=\"_blank\" rel=\"noopener\">Lance Wyman<\/a> is one of the pioneers in the field of environmental graphic design and visual identities. His website is a great example of a not-so-recent but still very fresh and unconventional way of designing a personal portfolio. <strong>He showcased the logotypes he created in the form of a spiral resembling the Milky Way. The spiral has no particular functionalities nor any special effects, but it represents a compelling example of an authentic design that could easily stand the test of time and outlive contemporary trends.<\/strong> As you hover over the logotypes featured in the spiral, you can see their preview in the bottom left corner of the screen. Wyman has created around 150 logotypes for numerous brands, associations, and events, but there\u2019s still room left in the spiral for his new works of art.[\/vc_column_text][vc_empty_space height=&#8221;68px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"bedow\"><\/a>Bedow<\/h2>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;24px&#8221;]<div class=\"qodef-single-image-holder    qodef-image-behavior-custom-link\">\n    <div class=\"qodef-si-inner\" >\n        \t            <a itemprop=\"url\" href=\"https:\/\/www.bedow.se\/\" target=\"_blank\" rel=\"noopener\">\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"555\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/01\/Bedow.jpg\" class=\"attachment-full size-full\" alt=\"Bedow\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/01\/Bedow.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/01\/Bedow-300x172.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/01\/Bedow-768x440.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/01\/Bedow-620x355.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                                <\/a>\n            <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]<a href=\"https:\/\/www.bedow.se\/\" target=\"_blank\" rel=\"noopener\">Bedow<\/a> is a design studio from Stockholm. Their website looks modest and warm. <strong>The asymmetric layout is simple and helps put the clear and functional project presentation into the spotlight.<\/strong> Below each project, you can find some basic information, including the year when it was created and its name.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]<strong>The Bedow studio crafted two typefaces specifically for this website<\/strong> \u2013 one is a modern, well-readable sans-serif font used sporadically throughout the site, while the other one is an authentic display font. The latter is a typeface that looks hand-crafted, resembling wood engravings. This particular quality makes it appear warm, as if it were made of natural materials. It also makes it seem like something that was created in complete harmony with the rules of nature. The connection between the two fonts is evident in the <a href=\"https:\/\/qodeinteractive.com\/magazine\/examples-of-fullscreen-navigation-menus\/\">fullscreen menu<\/a>. As you hover over menu items, letters morph from one font to the other. As far as colors go, the designers have opted for earthy tones and have adorned the pages with vintage-looking photographs that best represent their work and skills. The final result is a contemporary site that users will undoubtedly enjoy browsing.[\/vc_column_text][vc_empty_space height=&#8221;68px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\">Conclusion<\/h2>\n<p>[\/vc_column_text][vc_column_text]The websites featured in this roundup not only introduced us to the agencies\u2019 and designers\u2019 portfolios, but also to their individual characters and their stories. Each site perfectly demonstrates the beauty and boundless potential of the creative work, and brings the artists closer to their audience.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]As in life, the most important thing when creating a website is to stay true to yourself and be honest. You may come up with something simple yet remarkable in the spur of the moment, or you may need more time to create a more complex website. Just make sure the final product faithfully mirrors your values and philosophy, which is something visitors will instantly recognize and appreciate, like we did on all of these sites.<br \/>\n[\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>We hand-picked some of the most striking creative agency and designer websites that beautifully reflect the skillset of the teams who made them as well as their values and philosophy. Enjoy their creativity and use these sites as an inspiration for your upcoming projects   <\/p>\n","protected":false},"author":13004,"featured_media":19242,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[30,40,43],"class_list":["post-19201","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design","tag-creative","tag-inspiration","tag-showcase"],"_links":{"self":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts\/19201","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/users\/13004"}],"replies":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/comments?post=19201"}],"version-history":[{"count":0,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts\/19201\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/media\/19242"}],"wp:attachment":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/media?parent=19201"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/categories?post=19201"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/tags?post=19201"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}