Portofolio Jasa Pembuatan Website

Website Cahaya Bagus Kasih

Studi kasus redesign website Cahaya Bagus Kasih, penyedia layanan service AC untuk rumah hingga gedung komersial. Website dirapikan dari sisi UI/UX, mobile experience, struktur layanan, fondasi SEO, dan kesiapan landing traffic Google Ads.

https://cahaya-baguskasih.com/
Desktop view homepage Cahaya Bagus Kasih setelah redesign
Desktop Homepage PreviewWebsite Cahaya Bagus Kasih · Desktop view
Project Overview

Website service AC yang lebih rapi, kredibel, dan siap menerima traffic iklan.

Project berfokus pada pengalaman pengguna, struktur halaman, kejelasan layanan, akses kontak, dan fondasi teknis agar website lebih layak dipakai untuk SEO dan Google Ads.

KlienCahaya Bagus Kasih
IndustriHVAC / Service AC
Tipe WebsiteCompany Profile + Lead Generation
ScopeUI/UX, SEO Foundation, Google Ads
Live Check25 Agustus 2026
Permasalahan Klien

Website sebelumnya belum siap digunakan sebagai aset marketing.

Klien sudah memiliki website, tetapi website dibuat sendiri dengan bantuan AI dan belum memiliki struktur profesional untuk kebutuhan penjualan, SEO, maupun iklan.

01

Desain Tidak Konsisten

Layout dan hierarchy informasi belum rapi sehingga layanan utama tidak langsung terbaca oleh calon pelanggan.

02

Mobile Experience Lemah

Tampilan sulit digunakan melalui smartphone, padahal traffic jasa service AC banyak datang dari perangkat mobile.

03

Belum Ada Halaman Produk

Website belum mempunyai struktur khusus untuk menampilkan kategori layanan, sistem AC, dan kebutuhan pengguna secara lebih lengkap.

04

Belum SEO Friendly

Heading, internal link, metadata, struktur halaman, dan cakupan konten belum disusun sebagai fondasi SEO.

05

Kontak Sulit Ditemukan

Calon pelanggan membutuhkan jalur singkat menuju WhatsApp atau form ketika membutuhkan teknisi.

06

Kurang Siap untuk Google Ads

Traffic berbayar masuk ke website yang belum memiliki alur landing, trust signal, dan CTA yang kuat.

Solusi dari Kami

Website disusun ulang berdasarkan kebutuhan calon pelanggan service AC.

Struktur, visual, konten, dan CTA dirancang agar pengunjung cepat memahami layanan CBK dan bergerak menuju inquiry.

01

Struktur Layanan Lebih Terorganisir

Layanan rumah, komersial, maintenance, dan sistem AC besar dibagi ke dalam blok informasi yang lebih jelas.

02

Navigasi Berbasis Kebutuhan

Pengguna lebih cepat bergerak dari masalah AC menuju layanan, area, artikel, atau kontak.

03

CTA Lebih Mudah Ditemukan

WhatsApp dan form inquiry ditempatkan pada area berniat tinggi untuk mempersingkat proses konsultasi.

04

Responsive Experience

Layout dibangun ulang agar nyaman digunakan pada desktop, tablet, dan smartphone.

05

SEO Ready Architecture

Heading, internal linking, metadata, URL hierarchy, dan halaman layanan disusun lebih terarah.

06

Google Ads Landing Ready

Informasi layanan, trust signal, CTA, dan area pelayanan diperjelas agar traffic iklan memiliki landing experience yang lebih baik.

Strategi Peta Situs

Sitemap memisahkan informasi bisnis, layanan, produk, bukti kerja, dan konversi.

Homepage menjadi hub utama. Halaman layanan dan produk menangkap intent komersial, sedangkan artikel mendukung edukasi serta internal linking.

Homepage
Tentang KamiProfil & trust
ProdukSistem AC
LayananService & maintenance
ProjectDokumentasi kerja
ArtikelKonten informasi
KontakInquiry
Area LayananJabodetabek
Fokus struktur:Informasi → layanan → bukti kepercayaan → inquiry → konten pendukung.
Proses Pembuatan Website

Dari struktur kasar sampai website siap digunakan.

Setiap tahap digunakan untuk menjaga desain tetap konsisten dengan kebutuhan bisnis dan alur pengguna.

01. Wireframe

Wireframe

Wireframe mengikuti susunan desktop final untuk menentukan hierarchy halaman sebelum masuk ke detail visual.

Hero: Service AC + CTA
Masalah AC
Layanan
Area
Tentang CBK + Trust
AC Besar
Keunggulan
Proses
Project / Gallery
FAQ + CTA

Hierarchy

Informasi paling penting ditempatkan lebih awal: masalah AC, layanan, keunggulan, lalu kontak.

Conversion Path

WhatsApp dan inquiry tetap tersedia setelah pengguna memahami layanan serta kredibilitas CBK.

02. Style Guide

Style Guide

Visual mengikuti identitas Cahaya Bagus Kasih dengan warna merah sebagai aksen utama dan layout putih yang bersih.

Logo Cahaya Bagus Kasih CBK
#CF2E2E · Primary Red
#FFFFFF · White
#121A2B · UI Neutral
Service AC Profesional

Typography memakai sans-serif modern dengan hierarchy tegas agar judul layanan mudah dipindai dan body text tetap nyaman dibaca.

03. UI & UX

Pembuatan Desain UI & UX

Desain final menggabungkan masalah AC, layanan utama, profil bisnis, keunggulan, proses kerja, dokumentasi, area layanan, FAQ, dan CTA dalam alur yang konsisten.

Fokus desain

Pengunjung tidak perlu menebak apa layanan CBK dan bagaimana cara menghubungi tim.

  • Hero langsung menjelaskan service AC
  • Kartu layanan dipisahkan berdasarkan intent
  • Trust signal tampil sebelum CTA utama
  • Konten mobile tetap ringkas dan mudah disentuh
  • Area layanan dan FAQ membantu keputusan pengguna
Desain UI dan UX halaman layanan utama Cahaya Bagus Kasih
04. User Flow

Alur Pengguna

Alur utama disusun untuk pengguna dari pencarian organik maupun Google Ads.

Masuk WebsiteGoogle, Ads, Direct
Pahami MasalahAC tidak dingin, bocor, mati
Pilih LayananService, pasang, maintenance
Cek AreaJabodetabek
Validasi TrustGaransi, gallery, process
Hubungi TimWhatsApp / Form
05. Testing

Pengujian

Testing difokuskan pada fungsi yang memengaruhi pengalaman pengguna dan kesiapan website untuk traffic marketing.

01

Responsive Testing

Desktop, tablet, dan smartphone.

02

CTA & Form Testing

WhatsApp, form inquiry, dan link kontak.

03

Speed Review

Performa halaman diuji setelah website live.

04

Content & SEO Review

Heading, metadata, internal link, dan struktur halaman.

Fitur Website

Fitur utama website Cahaya Bagus Kasih.

Fitur dipilih berdasarkan kebutuhan bisnis service AC, kebutuhan informasi, dan proses inquiry pelanggan.

WA

WhatsApp

Akses konsultasi langsung dari halaman berniat tinggi.

F

Form Inquiry

Alternatif pengiriman kebutuhan pelanggan secara terstruktur.

P

Product Catalog

Menampilkan jenis sistem AC dan kategori layanan secara lebih lengkap.

M

Google Maps

Membantu pengguna memahami lokasi dan cakupan layanan bisnis.

B

Blog

Konten edukasi terkait masalah AC dan kebutuhan maintenance.

G

Gallery

Dokumentasi pekerjaan sebagai bukti pengalaman lapangan.

R

Responsive Design

Tampilan menyesuaikan desktop, tablet, dan smartphone.

SEO

SEO Friendly Structure

Fondasi halaman disusun agar topik layanan lebih mudah dipahami mesin pencari.

01

Pemasangan AC

Instalasi unit AC rumah dan komersial.

02

Service & Perbaikan

Diagnosa dan perbaikan unit bermasalah.

03

Cuci AC

Pembersihan indoor dan outdoor.

04

Bongkar AC

Pemindahan dan pemasangan ulang unit.

05

Isi Freon

Pengisian refrigeran sesuai kebutuhan.

06

Maintenance AC

Perawatan rutin hunian dan gedung.

07

AC Kapasitas Besar

Cassette, VRV/VRF, central, ducting, chiller.

08

Area Layanan

Jakarta dan wilayah Jabodetabek.

Detail Tampilan Website

Preview website pada halaman dan device berbeda.

Klik gambar untuk membuka screenshot dalam ukuran lebih besar.

Full page homepage Cahaya Bagus Kasih
Homepage

Full Page Homepage

Alur lengkap dari hero, layanan, trust, area, FAQ, sampai CTA.

Halaman Tentang Kami Cahaya Bagus Kasih
Company Profile

Tentang Kami

Profil bisnis, pengalaman, dan konteks layanan CBK.

Halaman layanan utama Cahaya Bagus Kasih
Service Page

Halaman Layanan Utama

Struktur layanan AC dan jalur inquiry yang lebih jelas.

Single post artikel Cahaya Bagus Kasih
Blog / Artikel

Single Post Artikel

Konten informasi untuk mendukung edukasi dan internal linking.

Tampilan iPad website Cahaya Bagus Kasih
Tablet

iPad View

Layout tetap nyaman dibaca pada layar menengah.

Tampilan smartphone website Cahaya Bagus Kasih
Mobile

Smartphone View

CTA dan informasi utama tetap mudah diakses dari smartphone.

Project Outcome

Website baru lebih siap untuk sales, SEO, dan Google Ads.

Redesign memperbaiki struktur, pengalaman mobile, kejelasan layanan, dan jalur menuju inquiry. Website juga digunakan sebagai landing asset untuk campaign Google Ads.

PageSpeed 80+ pada pengecekan live 25 Agustus 2026.
Update project menunjukkan hasil Google Ads membaik setelah website baru digunakan.
Tampilan responsive lebih nyaman untuk pengguna smartphone dan tablet.
Layanan, area, trust signal, dan kontak lebih mudah ditemukan.
Layanan yang Digunakan

Layanan digital yang mendukung project CBK.

Project menggabungkan pengembangan website, UI/UX, fondasi SEO, dan kesiapan campaign Google Ads.

SEO Foundation

Website dibangun dengan fondasi SEO sejak struktur awal.

Fondasi SEO membantu halaman layanan, area, artikel, dan kontak mempunyai hubungan yang lebih jelas untuk pengguna serta mesin pencari.

H

Semantic Heading

Hierarchy H1, H2, dan H3 mengikuti topik setiap halaman.

↗

SEO Friendly URL

URL dibuat deskriptif sesuai layanan dan tujuan halaman.

↳

Internal Linking

Layanan, area, artikel, dan kontak saling terhubung sesuai intent.

</>

Metadata

Title dan description disiapkan untuk menjelaskan isi halaman.

ALT

Image ALT

Gambar layanan dan dokumentasi diberi konteks yang relevan.

M

Mobile Friendly

Konten tetap mudah digunakan pada perangkat kecil.

Project Impact

Dampak setelah website dan campaign berjalan.

Ringkasan performa yang ditampilkan sebagai highlight hasil project Cahaya Bagus Kasih.

+102%
Organic Traffic

Pertumbuhan traffic organik setelah struktur website dan fondasi SEO dibenahi.

+95%
Sales Growth

Peningkatan penjualan setelah alur website, inquiry, dan campaign lebih terarah.

+100K
Monthly Visitors

Highlight jumlah visitor bulanan yang dicapai pada fase performa project.

FAQ Project

Pertanyaan tentang project website Cahaya Bagus Kasih.

FAQ menjelaskan konteks redesign, layanan, SEO foundation, responsive design, dan kesiapan Google Ads secara langsung.

Website apa yang dibuat untuk Cahaya Bagus Kasih?

JasaAhliSEO.com mengembangkan ulang website Cahaya Bagus Kasih atau CBK menjadi website company profile dan lead generation untuk layanan service, perbaikan, pemasangan, serta maintenance AC rumah dan komersial.

Apa masalah utama website Cahaya Bagus Kasih sebelum dikerjakan?

Website sebelumnya dibuat sendiri dengan bantuan AI sehingga struktur, tampilan, pengalaman mobile, halaman layanan, serta fondasi SEO belum tersusun rapi. Kondisi tersebut juga kurang ideal ketika website dipakai sebagai tujuan traffic Google Ads.

Apa tujuan utama redesign website CBK?

Redesign ditujukan untuk meningkatkan kredibilitas bisnis, menjelaskan layanan dengan lebih jelas, memudahkan calon pelanggan menghubungi tim, mendukung proses penjualan, menyiapkan fondasi SEO, dan membuat landing experience yang lebih baik untuk Google Ads.

Layanan AC apa saja yang ditampilkan pada website CBK?

Website menampilkan layanan pemasangan AC, service dan perbaikan AC, cuci AC, bongkar AC, isi freon, maintenance AC, serta penanganan sistem AC kapasitas besar seperti cassette, VRV atau VRF, central, ducting, dan chiller.

Apakah website Cahaya Bagus Kasih responsive?

Ya. Layout disusun agar konten layanan, navigasi, tombol WhatsApp, form inquiry, katalog, galeri, dan artikel tetap mudah digunakan pada desktop, tablet, dan smartphone.

Bagaimana website mendukung Google Ads?

Struktur halaman dibuat lebih fokus pada intent layanan, kejelasan CTA, informasi area layanan, bukti kepercayaan, serta akses kontak. Ini membantu traffic dari Google Ads masuk ke halaman yang lebih rapi dan lebih siap mendorong inquiry.

Bagaimana website CBK disiapkan untuk SEO?

Fondasi SEO mencakup struktur heading, internal linking, URL yang deskriptif, metadata, alt text gambar, halaman layanan, konten artikel, serta arsitektur situs yang memisahkan halaman informasi dan halaman komersial.

Fitur apa saja yang tersedia pada website Cahaya Bagus Kasih?

Fitur utama mencakup WhatsApp, form inquiry, katalog layanan atau produk, Google Maps, blog, galeri pekerjaan, dan responsive design untuk berbagai ukuran layar.

Bagaimana alur pengguna pada website CBK?

Pengunjung masuk dari Google Search, Google Ads, direct, atau referral, lalu memahami masalah AC dan layanan yang tersedia, memilih layanan yang sesuai, memeriksa area layanan dan kredibilitas, kemudian menghubungi tim melalui WhatsApp atau form inquiry.

Apa hasil setelah website baru Cahaya Bagus Kasih digunakan?

Website menjadi lebih rapi dan mudah digunakan, lebih siap untuk traffic iklan, serta memiliki fondasi SEO yang lebih jelas. Pada pengecekan live tanggal 25 Agustus 2026, skor PageSpeed tercatat di atas 80 dan update project menunjukkan performa Google Ads membaik setelah website baru digunakan.

Konsultasi Project Website

Punya website lama yang belum siap untuk SEO dan Google Ads?

Diskusikan kebutuhan redesign, company profile, website jasa, landing page, SEO, atau Google Ads bersama tim JasaAhliSEO.com.

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *