Responsive Web Design
Background
My Involvement
- UX Strategy
- UI Design
Tools Used
- Sketch
- WordPress
Problem
Question
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
Karla