How These Graphic Designers Tell a Story Through Their Websites
This post was last updated on April 21, 2020.
How can you best express your story online? These graphic designers explore different techniques to present their works and personalities on their websites.
An online portfolio is a great place to express your individual ideas and depict who you are as a creative. However, translating that understanding of yourself into a whole visual language and digital world can be difficult. When it comes to a project that is so personal, we often end up being extra critical, indecisive, and just generally confused. For a drop of inspiration and to help you gather some ideas, we’ve identified eight creatives whose graphic design websites, made on Wix, caught our eyes. Specializing in various fields, from art direction, to motion graphics, branding and website design, each one has chosen a different visual language and layout to display their works and tell their story:
Studio & More: Branding, digital and motion studio
The best websites will grab your attention at first sight. This graphic design studio's website does just. They've included an eye-catching animation on the homepage that showcases their skills right from the get-go. Not only does the animation display a 3D version of their logo, it also gives us a feel for their brand’s personality. There’s a clear visual language throughout the website, with the use of big, bold text, equally bold color choices and a touch of gradient here and there. Each project page tells a story of the process they went through, from the inspiration stage, to the typography and color palette choices, and behind-the-scenes images that will make you want to step into your screen.
Kanyegg: Art direction and food typography
Danielle Evans, the face behind the legendary Kanyegg, is best known for her incredible food typography. In this exploration into Kanye West as a pop culture phenomenon, she takes it one step further, using the humble egg as her medium of choice. Danielle stays true to her source of inspiration, by sticking to the shades Yeezy goes for in his clothing line. Just how each of her egg creations is prepared with the utmost care and delicacy, so is the website. She’s applied various hover effects on each image: some images become blurred, while others display a “before and after” shot. Not over Yeezy? Tuck into this egg galore.
Lynx & Co: Graphic design studio
With a wide practice that involves typography and lettering, branding, web design, illustration and more, this studio has certainly mastered their graphic design website. The overall look balances a clean and inviting aesthetic, with a subtle quirkiness that shines through in their unique typography choices and on-trend logo design. Gearing their website towards prospective clients, the homepage includes a clear and friendly introduction to the studio, plus large images of their works. In addition, they’ve utilized their portfolio to sell their art online, with an online store featuring their typographical prints.
Stolen Goods: Art and design studio
These ladies sure know how to make us smile. With beautifully illustrated products and a friendly, un-crowded homepage design that welcomes you into the site, they’ve definitely won us over. The shots of their patterned products balance out with the ordered grid layout and the large white frame around the sides of the screen. But that’s not all: they’ve paid attention to every detail, including a specific tone of voice that suits the brand’s vibe. From the bold and inviting “hello!” on the homepage, to the logo’s “since whenever,” these small touches help create a more personal feel. Adapting your website’s microcopy to reflect your personality is a valuable graphic design portfolio tip to take into account.
Beeple: Digital art (films, VJ loops and more)
Everything about Mike Winkelmann’s graphic design website screams Mike Winkelmann, from the full-screen videos on the homepage, to the monochrome color scheme and the way the words cross out when clicked. Not to mention the language used throughout the site that adds an intimate and real tone. There’s a diverse mix of projects, including animated short films, VJ clips and ‘Everydays’. Despite their different styles and natures, they come together to form a whole experience. But if you really want to treat yourself (and enjoy a trip down memory lane), dive into the ‘Archive’ section. We promise brutally honest, behind-the-scenes action. Enjoy.
Daniel Aristizábal: Art direction and digital art
If you didn’t know the meaning of the phrase “eye candy,” now you do. An unidentifiable pink object, gravity-defying scenarios, and other overly real digital materials meet you on Daniel Aristazábal’s animation portfolio. The fun doesn’t stop there: each page of this graphic design website offers an exciting scrolling experience, as images slide in and begin to move, overlapping one another using various parallax scrolling effects. Adding a touch of order to this online playground are the four elements in the corners of the screen that stay put while you scroll, offering an alternative form of website navigation.
Raz Shraga: Print, typography and art direction
This graphic designer’s portfolio website gets straight to the point, with a slideshow on the top fold, presenting a selection of his works. An organized grid further down displays the rest of his projects. With a simple black background and white text and arrows, the colorful visuals really stand out. The navigation couldn’t be more intuitive, especially as the ‘info’ section slides in as a lightbox, covering just a small part of the screen. By popping up on the same page, it means that you can view Raz's graphic design resume, while simultaneously admiring his works.
William LaChance: Painter
Okay, so William LaChance isn’t exactly a graphic designer, but we just couldn’t resist. His artist portfolio is a great example of how to use color to evoke emotion in web design. The blocks of bright colors and shapes are bound to dazzle any site visitors’ eyes, as is the stunning animation on the top fold. The simple, sans-serif font in the website menu and the use of white lines balance out the bold shades and patterns. For a finishing touch, notice how the images and text slide in as you scroll – a theme that continues throughout each page of the site for a unified look. This consistency is something to look out for when you create a portfolio for your own works.
Text Dana Meir