Web Design By Category

instagrams

Instagram during the pandemic via instagram.com/cedarbeanscoffeejoint

 

I have some designs and content lists I use based on categories. For example, I have done several writer’s sites (especially poets) and ones for artists and photographers. Each has some unique needs. Artists and photographers obviously want to feature their images – and also protect the images so that they won’t be downloaded at high quality and used without permission. It’s hard to fully protect images other than watermarking them because it is so easy to do screen grabs. So, designers will use smaller or lower-quality images and perhaps code to disallow right-click saving.

Writers probably want to show some of their writing – an excerpt of prose and maybe a few poem samples. As with images, it’s hard to fully prevent copying of text and that may be the cost of being online. You can make a page of text into an image to prevent quick copy and paste of the text, but you may also want to share your work and sometimes even encourage sharing via social media links.

During these two COVID-19 pandemic years, many restaurants found their website more important than ever. It may have needed an upgrade to allow for placing online and takeout orders. Menus and hours may have changed. They may have wanted to include information about the safety measures in place.

I haven’t worked on any restaurant sites in a few years but I read this article on designing restaurant websites which has an eye to the special needs of that category and to what the pandemic may have changed. Small things like adding a pop-up info box or notification bar on your home page so that that you can feature changing elements (like hours, availability, or even staffing needs) is one design element that may have been needed.

I know that my local favorite coffee place, Cedar Beans Coffee Joint in Cedar Grove, New Jersey – added information (shown below) in a notification bar to its already well-designed website.

“Excited to announce 100% capacity indoors with masks optional in NJ. We are also operating with curbside delivery and walk-ups in the store. Please continue to utilize the MyCoffeeHelper app to place your orders (it’s fun!).
Follow us on Instagram and Facebook to stay informed about events, and promotions.”

They added the app for ordering quick and contactless pickup in the worst of these pandemic times, notifications about policy changes, and they have an email option for updates that is always useful, along with a very dynamic social media presence.

It helps that the Cedar Beans’ owner is Dave Fletcher who also runs a digital branding agency, The Mechanism, and so was well aware of what needed to be done.

Design by categories is a good approach and it always includes taking a close look at what your direct competitors as well as what others in your category are doing as best practices.

White Space

logo

The white space between the E and X creates a subtle arrow in this logo.

 

I just finished a new website and reviewing it with the client before launching I was pleased (and surprised) that she said, “I like that there’s a lot of white space.”

White space (sometimes called empty or negative space) is a component of graphic design that is used on a website. White space can lead the eye to what you want your users to see.

In page layout, illustration and sculpture, white space is often referred to as negative space. It is the portion of a page left unmarked: margins, gutters, and space between columns, lines of type, graphics, figures, or objects drawn or depicted.

The term comes from graphic design where printing processes generally use white paper. White space is not “blank” space but an element of design.

The balance between positive (or non-white) and the use of negative spaces is key to aesthetic composition.

The simplest form is margins between text and pictures that act as a buffer between your copy.

A good example of web white space is the Google search home page which uses a wide margin of white space that focuses attention on the search bar. It is still similar to its original design which then was in great contrast to the incredibly busy competing Yahoo! home page.

 

Defining True Creativity Through White Space in Graphic Design