Lakeview Church

Responsive Web Design

Background

Lakeview Church is a non-denominational church based in Indianapolis, IN. Currently revamping its image, Lakeview needed a new website to convey an up-to-date and relevant brand image. For this project, I was tasked with using Design Thinking to redesign their website using WordPress in order to attract new congregants and communicate with current ones.

My Involvement

  • UX Strategy
  • UI Design

Tools Used

  • Sketch
  • WordPress

Problem

The old website was out-of-date and didn’t reflect the current needs of the church. Content was static, and not easily managed internally. In total, the old website didn’t convey a good sense of who Lakeview is and desires to be.

Question

How might we improve Lakeview’s website to better convey who they truly are, attract new attendees, and communicate more efficiently with current members?

Users

Prospective Attender

This user needs short, concise information about the church: when and where it meets, beliefs, pastors, and pertinent info. This user is making a decision on if/when to attend.

Invested Attender

This user needs easy calls to action to get involved at the next level – finding community groups, signing up to volunteer on a team, taking membership classes.

Initial Approach

Early phases of this project included lo-fi wireframes to quickly garner ideas before designing any hi-fi wireframes. This method was used to layout ideas, and help develop high-level concepts for app functionality and design.

Hi-Fi Mockups

To further flesh out the concept, hi-fi wireframes were created to bring the app to life. These wireframes show only the splash screen, and Beans page through checkout.

Colors & Material

Deep Navy

#003057

Lakeview Orange

#F78D2D

Charcoal

#303030

Typography

Roboto

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
a b c d e f g h i j k l m n o p q r s t u v w x y z

Karla

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
a b c d e f g h i j k l m n o p q r s t u v w x y z