Be The First To Know

Welcome aboard! We are thrilled to have you.
Uh oh, something went wrong. Try submitting the form again.
Video Content

Graphic Design Tutorial: Web Design Review

Breaking down the web design process.

In this video, Chris and Jamie VanWart, a designer at Blind, go over the wireframes for the new Blind website.

Jamie is an incredibly talented designer based in LA, with a Bachelor’s degree in Graphic Design from NC State University and a Master’s degree in Graphic Design from CalArts. Jamie is spearheading the redesign of the Blind website as the company plans to reposition itself from a motion design firm to a client-direct business.

This graphic design tutorial covers all steps of the web design process, from the initial wireframes to the nearly completed design. We’ll go over some of the subjects covered in the video below.

UX and UI: What’s the Difference?

UX (user experience) and UI (user interface) are two core components to any website design. The two work in tandem to ensure the user has a good experience every time they land on a web page.

UX stems from behavioral research, specifically within users. A good UX is determined by the number of steps a user has to take in order to get what they need. If it takes too long for them to find the information they need, that creates a negative user experience.

The UI is what you see on the screen: it’s the interface of the digital platform. It’s important that the UI also follows UX principles to make it easier for the user to accomplish a specific goal.

Both UX and UI can’t live without each other; one depends on the other to ensure the user has a positive experience that will keep them coming back to the site.

Web Design Tools to Use

There are plenty of tools out there to wireframe, design, and prototype your new website. In this video in particular, the tools we’ve used include Adobe Illustrator, Adobe Photoshop, and InVision.

Other tools you could use include Sketch, Adobe XD, or Webflow.

Writing Out Content

As Blind plans to reposition to more client-direct work, the copy on the website has to communicate to potential clients how Blind devises solutions.

Writing the copy for your website is all about drawing the potential customer in. Share what you do, your value proposition, how you improve the lives of your customers, and how you make their job easier.

The copy should not be all about your business; it should clearly detail how your business helps potential customers. If your website’s design and copy neglects the needs of potential clients, you’ll have a harder time turning leads into customers through your site.

For more, be sure to watch the full video as Chris and Jamie break down the pages of the new Blind website, and brainstorm ideas for written and visual content.

Watch on
Special Guest
guest website
Video Content



What’s a Rich Text element?

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

How to customize formatting for each rich text

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.

Watch on
Special Guest
This is some text inside of a div block.
guest website

More Content Like This

No items found.