Are you a member? Register or Login

Layouts

Advice for crafting layouts and structure that can create a clear, original web design. Break the mould, and build a unique layout!

What’s a Logo Grid, and Why Should You Use One?

How to Design a Logo / 22 Oct 2021

What’s a Logo Grid, and Why Should You Use One?

So you need to design a logo. Where do you start? Shapes? Typography? A grid?

A logo grid or construction guide is a popular starting point for many designers looking to create a logo. The use of a grid system, especially for a design that might often render at extreme sizes – very large or small – can help you create something that has visual harmony, an organized aesthetic and purposeful design.

Are you in the middle of a logo design project? Learn about logo grids, typography, logo types and more in our in-depth guide on how to design a logo!

7 Ways to Design for the Unexpected

Graphics / 11 Oct 2021

7 Ways to Design for the Unexpected

What just happened? Why doesn’t that work? Does this look funny to you?

These are all questions you don’t want users to ask when interacting with your website design. But inevitably, they will. The unexpected happens all the time online. From users changing settings on their devices to slow browsing speeds, your role is to expect these unexpected challenges and offer a design solution… before they happen!

From dark mode to people taking an unexpected path through your website or app, we’re exploring lots of unexpected scenarios so you can plan for them in advance!

7 Reasons You Need to Be Using Landing Pages

Layouts / 19 Aug 2021

7 Reasons You Need to Be Using Landing Pages

You’ve come across them everywhere: Landing pages that take you to a website but aren’t the homepage.

It’s a great strategy that helps get visitors directly to the information they want to see from a marketing source – social media, advertising, etc. – and is generally designed for a specific goal.

If using landing pages isn’t already part of your website strategy, it’s time to consider them. Here, we’ll look at seven reasons you need to be using landing pages to help drive the right kind of conversions on your website.

10 Crucial Elements for Any Website Design

Layouts / 9 Jul 2021

10 Crucial Elements for Any Website Design

While every designer may have a different plan when it comes to building a website, they do have a common checklist. No matter how you try to avoid it, there are a few elements every website should (and usually does!) include.

From plenty of whitespace and great images, to search functionality and clear calls-to-action, these common elements are the things that users expect when it comes to using a site with ease. Today we’re taking a look at ten elements you should prioritise on your website, perfectly designed examples of each, and tips on how to use each in your next website design project. As the saying goes, “the devil is in the details.”

How to Design a Captivating Web Questionnaire

Layouts / 17 Jun 2021

How to Design a Captivating Web Questionnaire

We’ve all run across them – web questionnaires or surveys that were so simple and delightful that they were actually fun to fill out.

Sadly, that’s the exception to the rule. More often than, surveys are clunky and cumbersome.

You can design a captivating web questionnaire with the right thought process. It’s a mix of question planning with visual elements and cues to make the process user-friendly and somewhat seamless.

Here’s how you do it.

The Golden Ratio in Design: Examples & Tips

Layouts / 28 May 2021

The Golden Ratio in Design: Examples & Tips

This might feel like a math lesson but hang in there. The golden ratio combines a little bit of math, a little bit of nature, and a lot of practical application for designers. Let’s take a look at what the golden ratio means for design, and a few tips for using it in your design projects.

The golden ratio has been used throughout history to create design elements that have an ideal visual appeal. Because the shape is rooted in nature and mathematics, it’s the perfect combination of balance and harmony. And it’s a superb tool to have up your sleeve as a designer.

How Do You Turn a Digital Design Into Print? 7 Useful Tips

Graphics / 22 Mar 2021

How Do You Turn a Digital Design Into Print? 7 Useful Tips

It’s probably happened more times than you’d like to think about: You finish a presentation or website design and the client asks you to make it into a brochure or poster.

Wait… what?

Turning a digital design into something for print can be a challenge for sure. But there are a few things you can do to tweak your workflows to account for this “unexpected request” and make it a little more seamless.

Rethinking Table Design for Mobile

Layouts / 1 Sep 2020

Rethinking Table Design for Mobile

There might be a problem with that table on your website. It doesn’t look or function well on my phone. It sounds like a simple problem (that should have a simple solution), but might not be quite as simple as you’d think.

There are a variety of reasons that could contribute to this issue – lack of responsiveness, creating tables as images, odd data formatting that makes a mess – but there are also viable design solutions.

Let’s walk through ways to rethink table design so that your data and information looks just as amazing on a phone as it does on any other larger device.

Vector vs. Raster: What Do I Use?

Layouts / 26 Aug 2020

Vector vs. Raster: What Do I Use?

With all of the image options and file formats out there, it can be a little overwhelming when you are choosing what file type to use (and send to clients). Compatibility is always a concern when you are working with different file types, but when it comes to graphics and images the type of computer graphic format you use is essential to how the image renders.

There are two types of digital graphics files – vector and raster. Vector images are made of hundreds of thousands of tiny lines and curves (or paths) to create an image. Raster images are composed of pixels. But how do you know what format is best for your next project?

What Is a Wireframe & How to Design Them: A Beginner’s Guide

Graphics / 2 Jun 2020

What Is a Wireframe & How to Design Them: A Beginner’s Guide

Every structure, every building, every design starts with a wireframe. It’s an important part of the design workflow that determines the success of the entire project.

Whether you’re working with digital user interface designs or banner designs, wireframes should be part of your design process. In this guide, we’ll help you understand what is a wireframe and why they’re important.

We made this guide for both beginners and advanced designers to convey the importance of wireframing. You’ll learn everything from how to design wireframes to the best tools for wireframing, tips for avoiding common mistakes, and more.

Let’s get started.

15+ Creative Website Header Design Examples + Tips

Layouts / 21 Apr 2020

15+ Creative Website Header Design Examples + Tips

The website header, also referred to as the above the fold section, is arguably the most important part of a website. Mainly because it’s the first part of the website visitors see when they arrive on the website.

When it comes to websites, first impressions matter a lot. And the header section plays a major role in it. In fact, according to a study, the majority of website visitors only stay about 15 seconds on a website before they leave.

The header design of your website will play a key role in whether you can convince a visitor to stay longer than 15 seconds.

With the right header design, you can influence visitors to keep browsing the website. You can also design a header in a way that persuades visitors into taking action as well.

To help you find inspiration and learn a few tricks about effective header design, we handpicked some of the best website header design examples for your inspiration. These designs will surely help you make your own headers stand out from the crowd.

5 Tips for Creating a Web Form That Converts

Layouts / 2 Mar 2020

5 Tips for Creating a Web Form That Converts

Your web form might look good, but does it convert? A high-converting web form is a must if you want to capture user information, build a subscription list, or create a quick checkout experience. It isn’t enough just to have a form that looks inviting. It needs to function well!

Users are getting more and more spoiled to well-designed and functioning forms, leaving little room for those that are clunky, awkward, or just don’t quite work.

So how do you do it? Here are five tips for creating a web form that will help convert users and grow your online presence.