Rebrand and improve website experience for church members and visitors.

High-fidelity Design Prototypes

August 2024 - October 2024

Individual Work

About GCCC

Grace Chinese Christian Church (GCCC), located in Northwest Arkansas, serves a congregation of about 100 members, primarily of Chinese heritage. The church conducts services in both traditional and simplified Chinese.

A Legacy Website

GCCC had a legacy website that was poorly maintained and thus not in active use among church members. In 2024, the new pastor had the idea to refurnish the website as an online information portal for both current members and new visitors.

Our Goal

The pastor reached out to me and I decided to volunteer for a complete redesign. After learning their visions, we set the following goals for this redesign:

• Rebranding: Align the website's design with the church's identity and values
• Information Layout: Simplify navigation to help visitors quickly find the information they need
• Multi-language Support: Add English as a secondary language to the website to better engage non-Chinese-speaking members of the community.

Timeline

The brand colors reflect GCCC's welcoming spirit: an elegant emerald green and warm copper, complemented by earthy neutral tones. I kept the Chinese serif font from the legacy website for its human touch, paired with clean sans-serif typefaces in both Chinese and English.

For visitors: navigating through keywords

Since this is primarily a read-only website, my research focused on identifying the most frequent questions they have in mind when they come to the website. I paid particular attention to the keywords they use, aiming to match those keywords with the website's content.

Based on the keywords, I reorganized the site content to highlight the most important information. The information layout is very straightforward, as all pages can be accessed through the home page navigation, with no navigation deeper than 2 levels.

In the final high-fidelity design, I also used various UI techniques to make sure the site content is clear and easy to find.

For admins: setting up databases in the backend

To make it easy for admins to update the site content, I researched Wix’s backend setup. I discovered that Wix has a CMS system that allows the creation of databases, similar to Excel spreadsheets. By creating these databases and linking them to the front-end, admins can easily update content in the backend without entering the Wix Edit Mode.

With the help of Wix's multi-language support and AI translation, I was able to translate all the Chinese content into English, allowing visitors to switch seamlessly between the two languages.

Informal Usability Testing

Upon completing the design and development of the website, I scheduled informal testing sessions with five different users, including both Chinese-speaking and English-speaking individuals.

Overall, users were quite satisfied with the new look and the ease of navigation. Most users were able to complete tasks and find the information they needed within 15 seconds.

User Satisfaction Survey

A user satisfaction survey was sent out to all church group members to evaluate the website's design and easiness to use. Out of approximately 100 active members, 10 responses were received

• Visual design: 90% of respondents were "Very Satisfied" with the visual design, the remaining 10% indicated they were "Satisfied"
• Navigation: 100% of respondents found the website "Very Easy" to navigate