Case Study

About NVTC

The Nasser Vocational Training Centre is a renowned educational institution located in Bahrain, named after and chaired by His Royal Highness Shaikh Nasser bin Hamad Al Khalifa. The Centre is dedicated to providing high-quality academic, vocational, and social lessons to Bahraini youth to help them achieve their full potential and prepare for their future. The Centre also partners with Bahraini industries for a work study program in students’ final year.

Client Requirement

The Nasser Vocational Training Institute website is built using WordPress, which is a popular content management system. The website contains various sections, including messages from the Board Members, Vision/Mission, Accreditations, Academics, Admissions, Media, Student Support, Career counselling, and a career page.

The website also has a separate section for alumni students that includes a,

  • Gallery
  • Job listings
  • Alumni posts

The website also includes a contact form and an online chat feature for potential candidates and current students to contact the institute.

Our Solution

The color theme of the NVTC website,
blue, red, and white, was likely chosen to match the logo design of the Institute.

The visual design of the website was done using Figma after researching other educational institution websites to ensure that it was modern and visually appealing.

WordPress was chosen as the content management system for the website due to its popularity, flexibility, and ease of use allowing users to create and manage digital content. It also offers a wide range of customization options through plugins and themes and has a large community of developers and users who can provide support and resources.

Our Process

The design of the Nasser Vocational Training Institute website is simple, clean, and easy to navigate. The color scheme is predominantly blue andwhite, which gives the website a professional look. The website uses a responsive design that adjusts to different screen sizes, making it accessible to users on all devices.

UX Design Process


User flow


Information Architecture

Visual Design

Usability Testing

Development Process

Staging Server Setup

Content Management System

Theme Development

Plugin Research

Updating the contents

Testing and Bug Fixing

Website Deployment to Live server

Tech Tools

Tech stack

The development process of the Nasser Vocational Training Institute website
involved the use of WordPress and its plugins and themes to create the website’s various sections. The website was developed using responsive design to ensure it was accessible to users on all devices. The website’s online chat feature was likely developed using a third-party plugin.


  • Figma
  • Adobe Illustrator/


  • WordPress(CMS)


The Nasser Vocational Training Institute website has provided a platform to improve online visibility and reach potential candidates to apply for vacancies and for current and former students to access information about the institute, courses, and admissions process. The website has also helped improve communication between the institute and its students through the online chat feature.

NVTC-Lap 1


The Nasser Vocational Training Institute website is a well-designed and functional website that provides information about the institute, its courses, admissions process, and acts as a hub for current and former students. The website’s online chat feature has improved communication between the institute and its students, and there is room for improvement in terms of multimedia content and regularly updating the website’s content.

case study 2
Seraphinite AcceleratorBannerText_Seraphinite Accelerator
Turns on site high speed to be attractive for people and search engines.