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

5 Things We Do That Fail at Welcoming a Guest Back to Our Church
5 Things We Do That Fail at Welcoming a Guest Back to Our Church
0

Posted September 24, 2018 by Jonathan Malm

There are five main things most churches assume they need to do to get guests to return. They seem like the right ideas, but there’s often one thing missing.
5 Ways to Follow-Up Digitally
5 Ways to Follow-Up Digitally
0

Posted September 18, 2018 by Owen Scott

We work hard to follow up after major holidays in person, but it's a struggle to follow up digitally. Here are five strategies you can use to follow up with people who have engaged with you digitally.
What to Expect When You’re Expecting (To Visit a Church)
What to Expect When You’re Expecting (To Visit a Church)
0

Posted September 13, 2018 by Dave Hartwell

Sometimes the best way to understand our own church context is to see how things are done in another. This article describes how I went about creating a rubric for one of my most beneficial tasks as a church communicator: visiting other churches.
Here’s How to Get More Guests to Turn in the Connection Card
Here’s How to Get More Guests to Turn in the Connection Card
1

Posted September 11, 2018 by Bryan Haley

A lot of churches struggle with getting guests to turn in their connection card (or whatever it’s called at your church). Here’s why people aren’t giving you their information, and how to remedy the issue.
Your Website is Your First Impression
Your Website is Your First Impression
1

Posted September 6, 2018 by Owen Scott

Your website is your first point of contact with first time guests. Just like your church building, you need to think about the first impression your church website is making to newcomers.
Is Your Church Guest-Friendly?
Is Your Church Guest-Friendly?
3

Posted September 4, 2018 by Bryan Haley

Lots of visitors never return to a church because well meaning church “welcome” processes make them feel uncomfortable. Here are some things we can all do to help ensure our church’s are guest-friendly.
Low Hanging Fruit
Low Hanging Fruit
0

Posted August 30, 2018 by Bryan Haley

Fall is a great time to harvest some low-hanging fruit and make easy improvements in your church’s communication.
6 Proven Ways to Improve Your Church Communications
6 Proven Ways to Improve Your Church Communications
0

Posted August 28, 2018 by Jesse Wisnewski

Crafting clear messages is one of the most critical tasks of the church. Connecting the gospel of Jesus Christ and the Bible to the Average Joe sitting in the pew or living in your community is of eternal importance.
What Younger Generations Want the Church to Know About Social Media
What Younger Generations Want the Church to Know About Social Media
1

Posted August 23, 2018 by Jordan Gorveatte

Here are a few tips from a Generation Z-er on how your church can do stress-free social media well.
How To Write Terrible Church Emails in 7 Steps
How To Write Terrible Church Emails in 7 Steps
2

Posted August 21, 2018 by Joel Schaap

Let's talk about 7 ways you can write terrible church emails. Or, better yet, 7 things to avoid if you want to better communicate with your people.