Part 4 of 5: How to Design a Fantastic Online Experience – (Design Standards)

If you missed it, we wrote Part III of this series and you can learn all about some key Design Techniques and where to use them right >here<.

This time, let's save some dollars in research and have a look at the top web company's Design Standards.

Design Standards to Set You Apart

The best thing about this section is that if you take these basic design practices into account, you can move your online experience up several notches very quickly. The big wigs have sunk millions of dollars into figuring out the right colors, fonts, layouts, and even animation to see what we as society find attractive, (at least the majority). Plus the kicker is they put this information out for free! I am going to be referring to this article put out by Google, so make sure to scan it and save for some intriguing info later.

  • Bold, Graphic, Intentional.  It's important to gain the user's attention with typography, colors, scale, and photos to guide the visual flow. They create a meaning when put together and that can be good or bad for you. A great combination makes the user's experience easy and intuitive. A bad combination of these can create disaster. Have a look at some of the ways to use color (here), typography (here), and layout (here) from our good ol' pals at Google. A few of these may seem mobile-oriented (apps and such) and there is a good reason for that. We are using our phones more. However, the core principles remain the same for desktop.
  • Motion Provides Meaning.  This is an amazing thing with Showit for the desktop websites. With motion, we can infer and imply things that were not previously able to be done with just a good static design. Design can transform as the user interacts with it, and it recaptures the focus of the user when they may start to wander. There are a few caveats to this however, and you should be sure to discover what kind of motion is the best and when to use it. For that check out this in depth guide.

All in all good combinations of colors, typography, and photos all at the proper sizes make many designs stick out from others. Don't be afraid of the space between your elements and make sure to use animations in appropriate chunks. Have you seen a stellar example of one of these design standards? Give a fellow Showiteer a shout out below!

Antiquarian was built for fine art photographers — inspired by shooting film and all things vintage, this site design exemplifies a classic layout that’s perfect for displaying your beautiful images where it matters most — on the home page. With three different gallery layouts to choose from and clean but unique ‘About’ and ‘Details’ pages, […]

Read More

Antiquarian by Rachel Carter Design

Hillcrest is a contemporary website for bold and fun photographers. Geometry, asymmetry, a complementary color scheme, and plenty of negative space will catch the eye of visitors who are fun and creative like you. This design is anything but boring! Hillcrest contains multiple pages, is easily customizable, and includes a matching blog and corresponding mobile […]

Read More

Hillcrest by Roxelia Design

Have you be able to step away from your computer long enough to notice it’s July already? If you have to edit photos, you have to edit photos. However, there is no reason to add to your time indoors and becoming a slave to social media. This month you have to promise yourself that you […]

Read More

How to Use a Social Media Calendar to Ensure July is Full of #IRL Fun!

Learn more about Showit

CHoose a design to Start with

Brand your business like nobody's business with the drag-and-drop website builder made for creatives like you. 

No thanks

3 Mistakes Photographers make on their websites

(And How to Fix Them)

     Watch the Free webinar