Administrator Webpage & App UI

To build a user-friendly temple admin page and guideline app

Scroll

Administrator Webpage & App UI

Problem & Solution

Temples are ubiquitous in Taiwan, perhaps only outnumbered by convenience stores. However, little to zero technological aid has been prepared to assist in their function and administration. Therefore, this project aimed to create a website to facilitate the creation of to-do lists, tables, forms, and data regarding temple followers, track the financial affairs of temples, and create a calendar to coordinate activities with other temples.

user insight

As an accountant, the most important thing is that to show receipt and disbursement statements clearly.

As an owner, introducing my temple's features through the app attracting more young generation believers. Moreover, the aesthetics admin panel can help me to build new business relationships

Wireflow

Style Guide

Design Highlights

I chose blue and gold as primary and secondary colors to demonstrate the difference between traditional temple colors ⛩. The meaning of gold color is money flow💰, and blue means consistency of logo.

▾ Index - To Do List, Reminder And Calendar
▾ The Table For Believer's Information
▾ Blue Represents Income And Collapse Left Navigation Bar
▾ Cost/ income

Guide APP flow

Guide APP Mockup

Icon

What I Did...

I designed the website pages to match the logo color scheme of golden and blue colors. My responsibilities for this project ranged from creating UI/UX guidelines to developing the front-end. Each feature phase of this website is serialized, starting with its design and development by using bootstrap

APP Prototype user
Project Year 2019
Role Font-End development
UI/UX
Visual Design
Tool
Client NSECURED