Web Interface

Johannesburg Bible College

The Johannesburg Bible College (JBC) is an ​interdenominational college offering men and women practical ​training in understanding and teaching the Bible through ​classroom based courses.

PC Desktop Computer Icon
Dark scratched wooden frame, billboard or white horizontal rectangle

Home

courses

campuses

About

contact

Rectangle

Welcome

The Johannesburg Bible College (JBC) is an interdenominational college offering men and women practical training in understanding and teaching the Bible through classroom based courses.

iphone 14 pro mockup
Realistic Phone with White Screen

Our Courses

Right Arrow Head Icon

connect god’s word, with god’s world

soweto evening

course

Project Goal

The project's goal is to enhance the current website by collecting information and feedback from users to understand the challenges they face while using the site.

By gathering insights directly from users, we aim to pinpoint areas of improvement and address any obstacles hindering a seamless user experience. Through this process, we can fine-tune the website to better cater to the needs and preferences of our valued students. By working collaboratively with our users, we strive to create a more user-friendly and efficient platform that enhances their overall online experience.

Role

Ux Ui Designer

Ux Researcher

Problem

It is unlikely to not notice that Johannesburg Bible College has a diverse demographic. Students from different ethnicity through out Africa and different age groups. The reality is that all students interact with the website one way or the other. It is important to consider aspects of the user interface and how it impacts the experience of the user and paying special attention to the elderly among the students with possible visual impairments and most likely the lack of computer literacy.

Challenge 1

Welcome Page

It is important to consider the layout of information with the intention of communicating effectively. Parts of the challenge identified by the user on the website is color contrast between background and text. The color contrast ratio between the foreground and background should be high enough to be easily readable by most users, if not all.


Rectangle Outline

Challenge 2

Website Transitions

Transitions of images and text as you move from one page to another are effective at communicating the cohesiveness of the entire website. Too many transitions can distort the focal point on the website page. Each page should be designed to draw the user’s attention to a particular section of information.



Drawn Right Arrow
Black Dot Circle
Drawn Right Arrow

Pulsing movement of background image.

Drawn Right Arrow
Drawn Right Arrow

Random movement from angle and then changes from side to side as you interact with the site.

Drawn Right Arrow
Drawn Right Arrow
Drawn Right Arrow

Challenge 3

Information clutter and repetition can occur when the website does not have clear focal points. The intention of any website is not just to communicate but to communicate effectively to the user and drive them to a particular objective.

The objective leads to thinking about the target audience, competitor analysis, and thoughts of future ventures.


Oval Brushstroke Doodle
Oval Brushstroke Doodle
Oval Brushstroke Doodle

page

Oval Brushstroke Doodle
Oval Brushstroke Doodle

split page

Drawn Right Arrow
Drawn Right Arrow
Drawn Right Arrow
Drawn Right Arrow
Drawn Right Arrow
Drawn Right Arrow

Other Challenges

Random navigation bars all around the site and different backgrounds in one page.

No link to support page, page could be linked to vision 2050 page since it shares same objective.

Oval Brushstroke Doodle
Oval Brushstroke Doodle

Typo

3 Different Backgrounds on one page

User Research

Survey

Competitor analysis

Finding out laws and boundaries

User testing

Design Solution

The goal was to develop an inclusive design tailored to the institution's demographic. Incorporating JBC images to ​provide a unique touch to the website's appearance.

Brainstorming ideas to ensure the site was not only visually appealing but also accessible to all users, regardless of their ​abilities allows the creation of features like high-contrast text options, screen reader compatibility, and intuitive ​navigation were prioritized.

Feedback was gathered from diverse user groups within the institution, including students, faculty, and staff with ​varying needs and preferences. This collaborative approach ensured that the final design was reflective of the ​community's input and truly user-centric.

As the project progresses, the aim is to enclude interactive elements that could engage users more deeply. Virtual ​tours, and student testimonial videos to create a rich, immersive online experience.Ultimately, the objective is to craft ​a digital space where every visitor feels welcomed, informed, and inspired by the institution's commitment to ​inclusivity and innovation.

Color Palette

Using the original JBC colors displayed on the logos and website.


#EAF8FF

#31DBCB

#1C8A80

#424242

Color Usage

#4E5152

#EAF8FF

Font

Background

#31DBCB

Font

#1C8A80

Font

Typography

B/b

TT Commons Pro Expand

Design Interface

Home Page Screen

W​elcome Page

Home P​age

The welcome page design focuses on simplicity, ​allowing the information to be the main feature. ​Considering a significant portion of users are of ​age, the design emphasizes high contrast ​between the background and text colours to ​enhance readability and ensure ease of use. As a ​scholarly website, the emphasis should ​primarily be on presenting information clearly.

PC Desktop Computer Icon
Dark scratched wooden frame, billboard or white horizontal rectangle

Home

courses

campuses

About

contact

Donate vision 2050

Apply now

Rectangle

Welcome

The Johannesburg Bible College (JBC) is an interdenominational college offering men and women practical training in understanding and teaching the Bible through classroom based courses.

C​ourse Options

Home Page (scrolling dow​n)

The goal was not to rebrand, but to enhance ​and refine the features of the original website. ​The design of this page maintained the primary ​colours of the original website while ​highlighting the information. The focus was on ​streamlining navigation and highlighting users' ​typical interests when visiting the site.

PC Desktop Computer Icon

Our Courses

Home

courses

campuses

About

connect god’s word, with god’s world

soweto evening course

TWO-YEAR MINISTRY TRAINING

COURSE

Study

one-year ministry course

contact

U​pdates Page

Home Page (scrolling dow​n)

This page contains segmented details about ​campus activities and newsletters. ​Incorporating real-time images can enhance ​engagement and offer an authentic third-party ​experience.

PC Desktop Computer Icon

Home

courses

campuses

About

UPDATES

chrismas 2021

October 2022

prayer letter 2023

October news

contact

C​ontact Page

Home Page (scrolling dow​n)

There was a significant emphasis on reaching ​out to the institution, which was a top priority ​for the stakeholders. The goal was to integrate ​this information after important pages. The desi​gn features a high contrast compared to the​ other pages, drawing inspiration fro​m the original website.

PC Desktop Computer Icon
Email Sign Icon

info@jbc.org.za

Phone Icon Vector. Telephone Icon Symbol Isolated. Call Icon

011 830 0820

Label Design

CONTACT US

Locations

Location Pin Icon
Location Pin Icon
Location Pin Icon

Alexandra Campus

Soweto Campus

Auckland Park Campus

newsletter

Rounded White Bevel Thin Rectangle

First Name

Rounded White Bevel Thin Rectangle

Last Name

Rounded White Bevel Thin Rectangle

Your Email

Label Design

Subscription

PC Desktop Computer Icon

Home

courses

campuses

About

connect god’s word, with god’s world

Join us as we look to Understanding Christ’s Work & Learn how to engage with God’s World.

Rectangle Outline

FIND OUT MORE

soweto evening course

An evening course over two years in Bible handling and engaging with culture.

Rectangle Outline

FIND OUT MORE

contact

PC Desktop Computer Icon

Home

courses

campuses

About

Study

one-year ministry course

A one-year course in Bible handling and engaging with culture.

Rectangle Outline

FIND OUT MORE

TWO-YEAR MINISTRY TRAINING COURSE

A two-year accredited course in Bible handling and engaging with culture.

Rectangle Outline

FIND OUT MORE

contact

PC Desktop Computer Icon

Testimonials

Right Arrow Head Icon
Portrait of a Happy Man
Quotation marks

My time at JBC has been really equipping and really encouraging ​in my life. Over the years I have grown to being a better reader of ​Gods word and a better handler of Gods word. I am now ​challenged daily in my life to be a growing Christian. A Christian ​who is growing in the Knowledge of God, in the Love for God and ​in Action. JBC has helped me to know God better and to find Joy ​in him! Amen.

Edward Shabangu

Student

Register now

Embark on a path of self-discovery and transformation as you join us in our educational endeavors. Together, we will explore new ​horizons, expand your knowledge, and cultivate a brighter future. Let's embrace the opportunity to learn, grow, and make a positive ​impact on the world around us. Your journey starts here, where endless possibilities await. Let's take this exciting step forward ​together!

Female Farmer Holding a Phone
PC Desktop Computer Icon

Home

courses

campuses

About

contact

Rectangle
social media icon
YouTube
Simple Facebook Icon
Simple Twitter Icon
Email Sign Icon

info@jbc.org.za

Phone Icon Vector. Telephone Icon Symbol Isolated. Call Icon

011 830 0820

Label Design

CONTACT US

PC Desktop Computer Icon

Home

courses

campuses

About

contact

Label Design

Our Vision

The vision of JBC is to equip and inspire men and women for Bible teaching ministries. We believe the Bible is God’s word and when it is faithfully understood and taught God speaks to us.

Through classes and assignments, we enable students to ‘get it right’ (interpret and apply the Bible accurately) and ‘get it across’ (effectively communicate the Bible to people today).

We are an interdenominational college, serving many different churches, and our students come from a variety of ethnic, national, socio-economic and theological backgrounds.

JBC courses are recognized by the Association of Christian Religious Practitioners (ACRP) and accredited by the Quality Council for Trades & Occupations (QCTO) – SDP01190524-1661


PC Desktop Computer Icon

Join Vision 2050

Empowering over 10 000 pastors for god’s kingdom.

Over 75% of our pastors and ministry leaders in South Africa are not theologically trained. Your contribution can help us reach these servants of God and ensure they get valuable training so that they are fully equipped for God’s work. Partner with us today and help make this a possibility.

PC Desktop Computer Icon

PARTNER WITH US TODAY

Make your donation by clicking below.

Rectangle

RED TEAM R20

Rectangle

GREEN TEAM R50

Rectangle

PURPLE TEAM R100 OR MORE

tHANK YOU!

Because of your contribution we can train more pastors and Christian leaders.

Rectangle
social media icon
YouTube
Simple Facebook Icon
Simple Twitter Icon
Email Sign Icon

info@jbc.org.za

Phone Icon Vector. Telephone Icon Symbol Isolated. Call Icon

011 830 0820

Label Design

CONTACT US

PC Desktop Computer Icon

Home

courses

campuses

About

contact

Contact Us

Rounded White Bevel Thin Rectangle

Name

Message

Label Design

Send

Rounded White Bevel Thin Rectangle

Your Email

social media icon
YouTube
Simple Facebook Icon
Simple Twitter Icon

info@jbc.org.za

Email Sign Icon
Phone Icon Vector. Telephone Icon Symbol Isolated. Call Icon

011 830 0820

Label Design

CONTACT US

Contact

Get in Touch

Email: Boi.tmatsitse@gmail.com

Phone:

+2782 483 3266


Resume CV:

BoitumeloDesign