How can you best express your story online? See how these creatives present their works and personalities on their graphic design websites.
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.
Starting a design business? Use this design name generator to name it.
Best graphic design websites
- Studio & More
- Kanyegg: Art direction and food typography
- Lynx & Co
- Stolen Goods: Art and design studio
- Daniel Aristizábal
- Raz Shraga
- William LaChance
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. When making homepages, this is an impactful design choice.
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 website and 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.
What do the best graphic design websites have in common?
The best graphic design websites, whether portfolios or agency sites, share some key characteristics that contribute to their effectiveness and user experience:
1. User-friendliness and intuitiveness
- Clear navigation: Menus, buttons and calls to action should be easy to find and understand.
- Responsive design: The website should adapt seamlessly to different screen sizes and devices.
- Fast loading times: No one wants to wait for a slow-loading website.
- Accessibility: The website should be accessible to users with disabilities.
2. Emphasis on high-quality visuals
- Large, high-resolution images and videos: Showcase the design work in the best possible light.
- Cohesive visual identity: Consistent use of color palettes, fonts and imagery creates a polished and professional look.
- Balanced use of white space: White space allows the design work to breathe and avoids overwhelming the viewer.
- Animations and micro-interactions: Can be used sparingly to add interest and engagement.
3. Compelling content
- Clear and concise copy: Avoid jargon and focus on easily understood language.
- Storytelling: Use case studies, behind-the-scenes insights and client testimonials to humanize the brand and connect with users.
- SEO optimization: Use relevant keywords and meta descriptions to improve search engine ranking.
- Mobile-friendly content: Text and images should be optimized for smaller screens.
4. Focus on the user
- Understanding target audience: Design the website with the needs and expectations of the target audience in mind.
- Clear calls to action: Tell users what you want them to do next, whether it’s contacting you, exploring your portfolio or learning more about your services.
- Engaging interactions: Form submission, project filtering or social media integration can keep users actively engaged.
5. Brand consistency
- Alignment with brand identity: The website should reflect the brand’s overall voice, personality and values.
- Consistent use of brand elements: Logos, colors, fonts and imagery should be used consistently across the website.
- High-quality branding materials: Downloadable PDFs, presentations or case studies should maintain the same level of professionalism as the website.
Learn more about how to make a website with our extensive guide.