Portrait of Jeremia Justin Grasio used as the home page hero background of his portfolio.

Frank & co. Adaptive PDP System portfolio preview

Frank & co. Adaptive PDP System

HR Recruiter Solution portfolio preview

HR Recruiter Solution

SEO Optimized Church Website portfolio preview

SEO Optimized Church Website

Gallery Room portfolio preview

Gallery Room

Gamify Ring Size Guidelines

Frank & co. Valentine Campaign portfolio preview

Frank & co. Valentine Campaign

Bookmarking Tools portfolio preview

Bookmarking Tools

Dibimbing.id Page Revamp portfolio preview

Dibimbing.id Page Revamp

Cakrawala University Academic System portfolio preview

Cakrawala University Academic System

Dinuslib Library System portfolio preview

Dinuslib Library System

Competition portfolio preview

Competition

Work Experience portfolio preview

Work Experience

Awards portfolio preview

Awards

Review portfolio preview

Review

Waving hand emoji used as a notification icon.

Hi, I'm open for any project! 🚀

You can contact me anytime through the email icon or click here

now

Some projects can't showed because of agreement

SEO optimized church website

SEO optimized church website

Graha Charismata Church (CWS GCC) website redesign.

SEO Optimized Church Website

CWSGCC that now appears at the top of Google search for these keywords: graha charismata church - cwsgcc - gppk semarang -  cws semarang - gcc semarang - graha charismata - gcc cws - gppk gcc - gppk charismata - charismata church - gppk cws

PROJECT INFORMATION:

Category:

Live Website

Role:

Framer Developer

Location:

Semarang, Indonesia

Tools:

Figma, Framer

ABOUT

Graha Charismata Church congregation gathered together inside the church hall.

Graha Charismata Church (CWSGCC)

is a church with a mission to fulfill the Great Commission by becoming an apostolic church. As a home for discipleship, we are committed to growing together in faith, love, and service to bring hope to the world.

CONTEXT

Memoji of a woman holding a glowing lamp representing an idea.

Digital Transformation,

in today’s digital era, churches also need to embrace technology to stay connected and relevant. That’s why I decided to create a website for Graha Charismata Church (CWSGCC) the church where I grew up, so people can easily find information about our church online.

CHALLENGE

Memoji of a confused woman illustration used for UI research framing.

Creating this website wasn’t without challenges:

Making the church more well known to the public by the SEO (Search Engine Optimization)
Dealing with a lack of photo assets since many files were lost due to corrupted storage.
Designing a website that’s easy to use for everyone, especially those wanting to learn more about the church.

PROCESS

Screenshot of Google Form research responses for the Graha Charismata Church website.

Research

Started with google form for church people & interviews with the pastor and church staff to gather all the necessary information (services, operating hours, social media, history, etc.)

Sitemap planning diagram for the Graha Charismata Church website project.

Creating Sitemap

Created a sitemap to organize the website’s pages, including Home, About, Ibadah Raya, Ibadah Joy Kids, Youth Rising Generation, Kelas Pembekalan Alkitab, Doa Jumat, Persekutuan Oikos, Prayer Box, Giving, Visit Plan, Daily Reflection, and Thanks Page.

Framer workspace screenshot while building the Graha Charismata Church website.

Execute

Built the website using Framer, a no-code development tool, based on the sitemap.

SOLUTION

Graha Charismata Church landing page UI design.

cwsgcc.com

The final result is the live Graha Charismata Church (CWSGCC) website that contains everything people need to know about the church from its history to its services. Now anyone can learn about the church anytime, anywhere.

Memoji Support Assets

Since I didn’t have many photo assets available, I decided to make the church website more fun and engaging by using Memojis to fill in the visual content.

Search Engine Optimization (SEO)

You can try searching for the Graha Charismata Church website using these keywords: graha charismata church - cwsgcc - gppk semarang -   cws semarang - gcc semarang - graha charismata -  gcc cws - gppk gcc - gppk charismata - charismata church - gppk cws

Live Website

Back to portfolio