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.