Buka di desktop

Wireframe homepage INSTUN Version B ini direka untuk paparan lebar. Sila buka di komputer atau skrin besar.

Best viewed on a desktop or wide screen.

Creative Streaks × INSTUN · Konsep Wireframe · Homepage · Version B

INSTUN, Platform Latihan

Pendekatan berbeza dari Version A. Version A bercerita dari atas ke bawah (naratif). Version B melayan homepage sebagai permukaan tugas: pegawai datang untuk cari dan daftar kursus, jadi pencari kursus (carian + tapis + grid) menjadi hero itu sendiri, ambil ruang utama. Cerita institusi diringkaskan jadi jalur nipis. Motif grid koordinat sebagai nod kepada ukur dan pemetaan.

Draf 1 · September 2026 · Greyscale, sans-serif (Inter / SF Pro). Bandingkan dengan Version A

Kenapa pendekatan ini

Masalah: di site lama, tugas teras (cari + daftar kursus) cuma 3 link teks di seksyen 4, terkubur bawah carousel 11 banner. Version A naikkan ia jadi seksyen 3. Version B pergi lebih jauh: jadikan ia benda pertama dan terbesar selepas jalur mandat, macam papan pemuka platform latihan (rujuk model DTIMS INTAN, edX).

POV: INSTUN bukan brosur korporat, ia enjin latihan. Pelawat utama sudah tahu siapa INSTUN, mereka nak cari kursus yang betul, tengok bila, dan mohon. Semua keputusan design berpihak pada tugas itu: carian besar, tapis sisi, grid kursus, kalendar intake. Jargon dan cerita institusi turun ke bawah dan diringkas.

BARU, tiada di site lama NAIK ATAS, dipindah ke posisi awal GABUNG, beberapa seksyen lama disatukan KEKAL, dikekalkan dan dinaik taraf
instun.gov.my
CoursesServicesAboutLatestContact
Search courses, services
01 · MANDATE BANDNAIK ATASJalur nipis, bukan hero besar. Hook mandat + trust inline. Version B tak buang fold untuk imej, terus ke tugas
The only institute mandated to train Malaysia's land, survey and mapping officers, since 1998.
1998Established
5Divisions
ISO+ SIRIM
02 · COURSE FINDERBARU, INI HEROCarian besar + tapis sisi + grid kursus jadi hero. Grid koordinat = nod ukur. Data tarik dari eSPEK

Find your next course.

Browse every INSTUN course by field, month and mode. Register through eSPEK.

Full calendar →
e.g. land administration, cadastral survey, GIS, digital mapping Search
Field
Month
Mode
8 courses in October 2026
Sort: Soonest first ▾
Land AdminPhysical

[Course title from eSPEK]

6 to 8 Oct 2026INSTUN Behrang · 3 days
12 seats leftApply →
SurveyPhysical

[Course title from eSPEK]

13 to 15 Oct 2026INSTUN Behrang · 3 days
3 seats leftApply →
MappingOnline

[Course title from eSPEK]

20 to 21 Oct 2026Online · 2 days
OpenApply →
Info TechPhysical

[Course title from eSPEK]

27 to 29 Oct 2026INSTUN Behrang · 3 days
18 seats leftApply →
Show 4 more in October →
03 · INTAKE CALENDARBARUPandangan "bila" boleh diimbas. Tiap bulan papar bilangan kursus. Ganti carousel banner

Upcoming intakes

Open full calendar →
Sep
5
courses
Oct
8
courses
Nov
7
courses
Dec
4
courses
Jan
6
courses
Feb
5
courses
04 · WHY INSTUNGABUNGBukti institusi diringkas jadi 3 fakta. Bukan panel quote gelap. Angka sebenar perlu dari klien

Why train with INSTUN.

The national reference point for land, survey and mapping competency.

Only 1
Mandated institute

The single body responsible for training officers across land administration, survey and mapping.

[N]
Officers a year

[Angka sebenar dari INSTUN, jumlah peserta dilatih setahun.]

ISO
Certified quality

ISO and SIRIM certified training, monthly Client's Charter achievement published.

05 · MORE SERVICESGABUNGServis sekunder, satu baris padat. Ganti carousel 11 banner. Boleh dibaca sekali pandang

Beyond training

Consultation, facilities and knowledge for the sector
◱
Consultation

Land, survey and mapping advisory for agencies.

◎
TSHO Observatory

Tan Sri Harussani observation hall.

▤
INSTUN Academy

Professional development programmes.

▦
Publications

Research papers and bulletins.

◨
MYTC Booking

Book halls and facilities.

06 · PORTALS + LATESTGABUNGPortal staf dilabel jelas (kiri) + Terkini disatukan (kanan). Jargon dipisah dari kandungan awam
For staff & participants
▤
MyINSTUNStaff portal
▦
MyLIBLibrary system
◱
eSEMAKTracking system
◨
eRESPONFeedback portal
Latest
Img
Bulletin
Ulasan Buku Bulan Ogos, Bil. 2/2026
Img
21 Aug 2026
Program Jom Sihat @ INSTUN
Img
21 Aug 2026
Lawatan kerja Bahagian Pengurusan Tanah ke DBKL
All announcements & news →
07 · CTAFOKUS KURSUSCTA utama daftar kursus + laluan agensi. Konsisten dengan hero

Ready to register for your next course?

Browse the finder, apply through eSPEK, attend at Behrang or online.

Browse courses → Agency consultation →
08 · FOOTERKEKALKontak, sijil, agensi berkaitan, sosial
◻ INSTUN
Behrang, 35950 Tanjong Malim, Perak Darul Ridzuan Tel: +605 448 7000 · Faks: +605 448 7011 pro@instun.gov.my
ISO
SIRIM
QR
Courses
Course FinderCalendarHow to RegistereSPEK Portal
Services
ConsultationTSHOAcademyPublications
Connect
FacebookInstagramYouTubeTikTok
National Institute of Land and Survey (INSTUN) · Under NRES© INSTUN 2026 · Last update 07/09/2026
Version B, konsep platform latihan (catalog-first). Homepage dilayan sebagai permukaan tugas: pencari kursus (carian + tapis sisi + grid) jadi hero, kalendar intake boleh diimbas, cerita institusi diringkas jadi jalur mandat dan 3 fakta. Motif grid koordinat sebagai nod ukur dan pemetaan. Satu CTA utama "Browse courses" konsisten hero hingga penutup. Tipografi Inter / SF Pro. Ikon guna library Lucide pada fasa design. Warna institusi dan imej sebenar masuk kemudian.

Perlu dari INSTUN sebelum fasa design

Data kursus eSPEK. Feed atau API senarai kursus (tajuk, bidang, tarikh, mod, kekosongan) supaya pencari kursus dan kalendar intake kemas kini automatik. Ini teras Version B.

Angka sebenar. Jumlah peserta dilatih setahun dan peratus pencapaian Piagam Pelanggan terkini.

Foto kampus. Foto INSTUN Behrang dan TSHO (jika Version B akhirnya mahu imej latar nipis di jalur mandat).

Warna jenama. Palet rasmi INSTUN dan NRES untuk fasa design.