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

Branding is Not a Bad Word
Branding is Not a Bad Word
1

Posted November 13, 2018 by Chris Hunt

Brand isn’t a bad word and your church can make good use of branding principles. Good branding is authentic and consistent. It’s easy to overthink your brand, so keep it simple.
Why Your Church Needs a Brand
Why Your Church Needs a Brand
0

Posted November 6, 2018 by Robert Carnes

Branding can feel like a bad thing within the church. In reality, that’s not the case. It’s not in the Bible so why do we need to talk about it? How we represent ourselves can impact who we’re able to build relationships with.
What is Branding?
What is Branding?
0

Posted November 1, 2018 by Bryan Haley

Whether you realize it or not, your church has a brand. What is a brand? What can you do to help your church’s brand?
After the Event
After the Event
0

Posted October 30, 2018 by Joe Gallant

You've followed all of Church Juice's tips for planning a church event. Promotion has begun, logistics have all been organized. There's a real buzz around the church and community, and people are excited about attending. So what now? How do you plan for after the event has taken place?
Maximizing Christmas Eve
Maximizing Christmas Eve
2

Posted October 18, 2018 by Ernesto Alaniz

Many churches have learned the impact of a special holiday gathering. Christmas Eve may be the easiest invite to our unsaved friends all year. Here’s some things to consider as you plan your gathering.
The Best Form of Marketing
The Best Form of Marketing
0

Posted October 16, 2018 by Bryan Haley

There are a lot of ways you could be advertising for your next outreach event. Here’s the best way you can communicate what’s happening at your church.
Sharing Church Photos Online
Sharing Church Photos Online
6

Posted October 11, 2018 by Bryan Haley

Sharing images and video of events is a great way to share stories and celebrate what's happening in your church. But that also means we need to talk about privacy, expectations, and good practices.
The Real Mission of Big Events
The Real Mission of Big Events
0

Posted October 9, 2018 by Jeanette Yates

We want our church to be missional. What if our big attractional church event is actually vital to the mission?
How to Use Social Media for Outreach Events
How to Use Social Media for Outreach Events
1

Posted October 4, 2018 by Jordan Gorveatte

Social media and the internet mean there are ways to draw people into your church’s events that are relatively easy and extremely cost-effective. As we discuss how to use social media to draw people in for these events, we’ll identify three steps: inform, compel, and invite.
Planning Your Fall Outreach: Think Follow-Up First
Planning Your Fall Outreach: Think Follow-Up First
0

Posted October 2, 2018 by Bryan Haley

We put a lot of time into our fall outreach events, bringing new families to our church. But what happens after the event is over is just as important as the lead-up to the event.