Check-In

Recreating an Application to check in to churches.

12/2019

The Check-In process is a small part of the application called Realm. Realm is an application that helps keep churches organized and connected. If you research Realm, Realm is the #1 most popular church management software out there. I was tasked by ACSTechnologies to recreate the Check-In process in the Realm software. The Check-In process is a way for the church to track people who attended an event or children who attend the nursery. 

Problem

The first problem I dealt with was giving it a new paint job to the check-in process. The second problem was to see if I can do anything to improve the experience. What I could see that needed improvement was an update on the searching for users and creating new users easier. A bonus was to see how to connect the Check-In process to the mobile application. 

Style Guide.

Web 1280 – 12.png

color.

There is no primary color since the admin of the church can change the color of the Check-In process. However; there is the standard green (#76ba43) for confirmation and yellow (#e8b71a) for grabbing user attention. The colors that the admin of the church can change into are realm blue (#319acf), mango yellow (#fed070), blush pink (#ffabb8), moss green (6eb09a), pastel purple (#9898bc), or tan salmon (#e1c7c0).


Web 1280 – 11.png

fonts.

The company ACSTechnologies used Raleway as the primary font for its application Realm. This meant I used Raleway as the primary font of the Check-In process.

style.

The style I was going for was an updated version of the Realm as well as a little of Material Design. The result is a clean and organized version of the Check-Out process. 


The Finial Product.

Solution.

 

My first solution was to redesign the User Interface because the UI still looks like it came from the first iPhone. There is nothing wrong with the first User Interface from the iPhone, but it was designed to mimic physical buttons; because of this, I tried to keep away from the old style of design and keep it clean as much as possible. I then look at my second predicament about user experience. The User Experience solution that I came up with was adding an autofill and making creating a user profile quicker. I added an autofill because the user had to type in the full name and then press enter before they can find their user profile. With the autofill, the user can start typing, and the software will automatically show all the user's profile that matches the text. I then made creating the user's profile much easier by letting the users keep typing without having to select each section. The solution to my bonus problem that I came up with was to have the user login and fill it out on their smartphone ahead of time and simply scan a barcode or NEF chip on the phone. From there the kiosk reads the information and completes the login in the process by a confirmation screen and a printed name tag.   

Previous
Previous

Airbnb Redesign