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

4 Reasons We Created a Facebook Group
4 Reasons We Created a Facebook Group
0

Posted December 12, 2017 by Bryan Haley

We recently created a closed Facebook Group for church communicators who follow Church Juice. Why would we take the time to create a group, invest in this small community, and promote it? Here are four reasons.
6 Tips for Taking Better Pictures
6 Tips for Taking Better Pictures
0

Posted December 7, 2017 by Brad Vos

Updating your church’s website with real images of real people can have a great impact on your website, branding, and online presence overall. Using customized images allows your church to have a more authentic appearance when guests come to your website or other online outlets.
10 Last-Minute Christmas Planning Ideas
10 Last-Minute Christmas Planning Ideas
0

Posted December 5, 2017 by Bryan Haley

There’s a lot going on this time of year. With only a few days left until Christmas weekend, here are ten ideas (and resources) to help you with some last-minute preparations.
Officing in the Big City
Officing in the Big City
0

Posted November 30, 2017 by Ernesto Alaniz

Officing in cities holds unique opportunities to the church planter/evangelist. The startup community and birth of co-work spaces provide a great place to connect with the future businessman of your area.
Stop Announcing Everything
Stop Announcing Everything
2

Posted November 28, 2017 by Bryan Haley

It’s one of the most universal issues that church communicators face. I see the same dilemma arise in every church I visit—how do we prioritize what gets communicated, using which methods? Here’s a three-tiered approach to help you organize your communications.
Follow the Wi-Fi
Follow the Wi-Fi
0

Posted November 23, 2017 by Ernesto Alaniz

Having your office in the community is a great way to meet the people of your town. But you wish to communicate grace and warmth, not selfishness and pride.
The Power of Being Homeless
The Power of Being Homeless
0

Posted November 21, 2017 by Ernesto Alaniz

Many pastors spend the majority of their work week in their church building and struggle to find ways to engage their community day to day. What if we killed two birds with one stone? What if we were able to knock out office work while at the same time engaging in passive evangelism?
What are Your Church Website Photos Communicating?
What are Your Church Website Photos Communicating?
2

Posted November 14, 2017 by Brad Vos

Whether we realize it or not, the photos we use on our church website communicate a message to potential visitors. The images we end up using on our website needs to authentically express the life of our church.
Social Media Sizing Guide 2018
Social Media Sizing Guide 2018
0

Posted November 9, 2017 by Bryan Haley

Here's a free infographic designed to help you make updating social media images easier.
Getting Communications Buy-In
Getting Communications Buy-In
0

Posted November 7, 2017 by Bryan Haley

You know that investing in good communication makes a difference. But how do you convince church leadership that it’s important?