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

Say it Like You Mean It
Say it Like You Mean It
0

Posted July 16, 2019 by Joel Gorveatte

We can often be frustrated by a lack of engagement with what we are wanting people to know and do. What if that could change? Here are 4 questions to answer before the next time you communicate.
Won’t You Be My Neighbor? A Guide to Reaching Out to Your Community
Won’t You Be My Neighbor? A Guide to Reaching Out to Your Community
1

Posted July 9, 2019 by Kristen Eleveld

You want to help your church be part of its community—but how can you make that happen? Here’s how you can reach more people in the neighborhood and on your church campus.
Communications Isn’t Sexy
Communications Isn’t Sexy
0

Posted July 2, 2019 by Owen Scott

When we think of our dream job in communications we have a pretty sexy picture in our mind. Lattes, hand-lettering, and designing to our hearts content. But communications is not sexy. Sometimes it can be downright painful. But is it worth it? I’d think so.
Step by Step Process to Keep People Engaged Through the Summer
Step by Step Process to Keep People Engaged Through the Summer
0

Posted June 27, 2019 by Tyler Rominger

Here are four simple steps to surround your ministry with a healthy level of enthusiasm and interest throughout the busy summer months.
The Case for Apps
The Case for Apps
0

Posted June 25, 2019 by Ernesto Alaniz

A well-executed app can drive engagement, increase connection, and bring true blessings to many within and outside our walls.
No, Your Church Doesn’t Need a Custom App
No, Your Church Doesn’t Need a Custom App
2

Posted June 18, 2019 by Bryan Haley

For many of us, we’re tired of our church being “behind the times.” We want our church members to have better access to the multitude of information, content, and communication available to them each day. So why not create a mobile app?
3 Ways to Reach Families with Special Needs in Your Church
3 Ways to Reach Families with Special Needs in Your Church
2

Posted June 11, 2019 by Kristen Eleveld

If you are struggling to think of ways to reach the special needs community in your church, you are not alone. Here are a few ideas to help you launch your communication campaign to include people and families of all abilities.
Fundraising in your Community
Fundraising in your Community
0

Posted June 4, 2019 by Tyler Rominger

We live in a culture that prizes actions taken on behalf of those that are in need. Invite your community to participate and invest themselves in their local church’s efforts. You’ll be surprised at how warm the reception to such a call to action can be.
Should You Be a Church Communications Specialist or Generalist?
Should You Be a Church Communications Specialist or Generalist?
1

Posted May 14, 2019 by Robert Carnes

Church communications pros often come in two different varieties: either you’re a specialist, or a generalist. That may be obvious, and you may already know which category you fall into. But it’s still interesting to consider if there are advantages to one over the other.
You’re Not the Boss of Me
You’re Not the Boss of Me
1

Posted May 8, 2019 by Owen Scott

Working in a team is essential to survival in ministry. But working in community is often easier said than done. Here are some practical tools you can put in place to lead effectively in your team environment.