Browse
3 Web Design Elements You Should Know

3 Web Design Elements You Should Know

Posted September 17, 2013 by Jerod Clark

Web design is always evolving.  Aesthetics shift and new technology lets developers create websites that function in different and exciting ways.  If you’re involved in creating or maintaining your organization’s website, here are three design trends you should be familiar with.

Flat. This style of graphic design goes back to the basics.  It’s clean and simple without the extra flourishes or bevels.  Flat design embraces open space.  Oddly enough, I credit Microsoft with leading this trend in their mobile and Windows 8 operating systems.  Apple users will get a good dose of flat design with iOS 7.  There is no doubt you have seen this trend in design even if you haven’t been able to put a label on it.  Here’s a link to sites that use flat design and below is a very simple example of Google making its logo flat.

Responsive.  Mobile web browsing matters and responsive design is a great way to make sure your site is ready.  Responsive design organizes website content in chunks and reshuffles it based on a user’s screen size.  Instead of having a separate mobile site, which can be really annoying, responsive design allows you have one site that looks great and is functional, no matter what device it’s viewed on.  Mars Hill has a great responsive site.  So does Starbucks.  Once you’re on one of those websites, grab the bottom corner of your browser and start making it smaller (like the size of an iPad or iPhone screen).  You can see it change in real time.  I also wrote a more in-depth post about responsive design if you want to dig a little deeper.

Parallax Scrolling.  Parallax works by creating layers of graphics on a website.  This allows certain objects to move at a different rate than others.  For example, a background texture could move slower than the image in front of it. Parallax takes a 2D website and gives it the appearance of more depth.  It also lets you create more movement to make the site more interesting.  Here are some examples of sites using parallax scrolling: Shape DesignApple iPhone 5c, Loft City Church, Elevation Church and NASA Prospect.

Why does this matter? 

Part of the problem many church websites face today is the fact that they were built years ago and haven’t been touched since. And on the web, old design is almost always unattractive design.  But if you know what’s happening now, and make small changes along the way, you won’t get stuck in that same place again.

Even if your site is built using something more template-based, like WordPress, there are themes available that include these design elements.

Of course, these are not features everyone has to use.  (Although I’d recommend that everyone seriously consider implementing responsive design to help future-proof your site.) No single piece of technology is perfect for everyone.  What is important is looking at these ideas and seeing if any are right for you.
 

Filed under: Communications, Graphic Design, Website, Design/Layout, Mobile

About the Author

Jerod Clark

Jerod joined ReFrame Media in 2007 and built Church Juice from scratch. He poured all his passion for branding, marketing, and messaging into the ministry, publishing e-books, blog posts, and speaking at conferences to help churches energize their communications. He also served as ReFrame’s in-house graphic designer. Before beginning his work at Church Juice, Jerod was a local TV news reporter. In 2016, Jerod stepped away from the ministry to pursue interests in marketing and communications on new horizons.

Don't miss a post

Join our email list

Comments (1)

  • Jose Gomez
    8:24 PM
    Tue, Sep 17, 2013

    These are three technologies and approaches that define many 2013 websites. Great job at collecting these and suggesting them.

Leave a Comment

Share your thoughts about this blog post with us.
All fields are required.

Recent Posts

Choosing a Facebook Cover Photo
Choosing a Facebook Cover Photo
0

Posted February 18, 2019 by Bryan Haley

Your church's Facebook Page cover photo is prime real estate. It's the largest area you have to visually display something for your church. Here's how to choose the right Facebook cover photo.
Snappy Solutions
Snappy Solutions
1

Posted February 13, 2019 by Matthew Hooper

Snapchat is one of the many social communication options around. It’s unique feature of deleting posts means you needs to navigate this social channel in a completely different way.
The Best Time to Post on Facebook
The Best Time to Post on Facebook
0

Posted February 11, 2019 by Jordan Gorveatte

With algorithms and engagement constantly changing, what are the best times to post on Facebook? We break it down for you here.
Instagram and the Visual Web
Instagram and the Visual Web
0

Posted February 6, 2019 by Bryan Haley

Your church needs to think more visually. Instagram’s wild success and influence is continuing to move the web toward visual.
4 Things Churches Need to Stop Posting on Social Media
4 Things Churches Need to Stop Posting on Social Media
6

Posted February 4, 2019 by Robert Carnes

There’s plenty of articles talking about what the church could add to their social media channels. This article is the opposite of that—four things that churches should stop adding online.
The McDonald’s Method
The McDonald’s Method
1

Posted January 29, 2019 by Matthew Hooper

3 guys walk into a church. They all question what year they walked into. Should you update your building’s look? How should you go about a building update?
Good Websites Remove Barriers
Good Websites Remove Barriers
1

Posted January 22, 2019 by Bryan Haley

After moving to a new city, we started looking online for a new church, and it made me realize how many churches don’t prioritize their website. A poor website does nothing to help potential guests want to show up on Sunday. Here’s how a good website removed barriers.
2019 Design Trends Forecast
2019 Design Trends Forecast
2

Posted January 17, 2019 by Gage Hunt

What should your church be expecting out of graphic design trends this year? Here's our best guess.
15 of the Best Church Websites for 2019
15 of the Best Church Websites for 2019
0

Posted January 15, 2019 by Bryan Haley

We've spent dozens of hours searching the web to find the best church websites in North America. Here are 15 of the best church websites this year.
Go Live or Go Home: Streaming Strategy for Small Churches
Go Live or Go Home: Streaming Strategy for Small Churches
1

Posted December 27, 2018 by Matthew Hooper

Thanks to Youtube, Facebook Live, and the advent of affordable smartphones, anyone can get in on the online church game. Here are some questions to work through to set up a winning strategy with taking your church live.