This topic is near and dear to my heart as I originally started out designing band posters and CD artwork. When the band needed a website, I figured I could try my hand at it. I never looked back.

The transition was not easy though. Here are some ideas on how to make the transition from graphic design to web design.

Learn Standard Web Practices & Layouts

When you visit a website, you expect to find certain elements in certain places on the page.

You may look top-left or top-center for the company’s logo.
Site navigation is usually top-right or top-center.
A site footer is normally the last element on a page.

These practices have become expected of visitors. It’s important to study and know these layout expectations. More importantly, it’s important to know the reason why the logo and navigation are usually in certain spots.

Often a request from a new client is a site needs to be “easy to navigate or use”. Understanding web layout will help you achieve this goal for your clients.

Bend the Rules

With the first point in mind, there will be moments for you to get creative with a layout for a page or section in a web project. Web designers often turn to graphic and print design for fresh ideas.

Knowing graphic design, you’ll be able to implement fresh designs into your projects, while serving your client’s goals.

Stay Focused on Typography

The web has fewer choices when it comes to fonts than print/graphic design. However, with Google Fonts we have hundreds of free options. Being familiar with typography in print/graphic design will help you craft sites that are pleasing to the eye and easy to read. Bringing your typography skills over to your web design business will help set your sites apart.

The ability to identify & use great typography is a well-sought after skillset in a web designer.

Understand Your Work can Evolve

A key difference between graphic/print design & web design is the finality of the product. Print pieces, once printed, are pretty much done. There’s no improving the piece. It’s been printed.

A website, however, can evolve over time. You can make improvements. With Divi, you can even show different versions of your web design elements and see what elements perform better with site visitors. It’s a flexible, living project.

This understanding should open up your creative thinking and relieve stress.

What are some other ways to make the jump from graphic design to web design?

John Wooten

Technical Instructor

John is owner of Artillery. Frustrated with his 8-5 job, he started Artillery and began freelancing at night and on the weekends. Freelancing allowed John to tour full-time in a band for several years. Learn more about John