Buka di desktop

Wireframe homepage INSTUN 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

INSTUN, Homepage

Cadangan struktur baharu untuk instun.gov.my, dibina dari research masalah sebenar site dan benchmark institut latihan awam (INTAN). Fokus utama: satu audiens, satu kerja, pegawai dan agensi yang mahu cari dan daftar kursus. Hook terkuat, satu-satunya institut yang dimandatkan melatih bidang tanah, ukur dan pemetaan, dinaikkan ke atas. Carousel 11 banner diganti katalog kursus dan grid servis konkrit. Tipografi: sans-serif moden (Inter / SF Pro).

Draf 1 · September 2026 · Semua greyscale, warna dan imej sebenar masuk pada fasa design
BARU, tiada di site lama NAIK ATAS, dipindah ke posisi awal GABUNG, beberapa seksyen lama disatukan KEKAL, dikekalkan dan dinaik taraf
00

Flow Website: Sekarang vs Cadangan

Susunan seksyen homepage, dari atas ke bawah. Website sekarang serak antara portal, pengumuman dan carousel, tugas teras (cari dan daftar kursus) terkubur di tengah. Cadangan baharu bercerita ikut perjalanan pelawat: kenal INSTUN, cari kursus, faham cara daftar, kemudian bertindak.

Website sekarang, instun.gov.my

1
Hero video

Thumbnail placeholder berlabel "Designer" + "Welcome to INSTUN"

2
Kad Jubli Perak / TSHO
3
Ikon media sosial
4
Latest Training Course

Kerja teras, tapi cuma 3 link teks lompat ke portal eSPEK lain

5
Carousel 11 banner

Merdeka, Seminar, Pelan Strategik, IGEM, MYTC, Academy, dan lain-lain

6
Announcement

Ulasan buku, infografik, Word of the Day

7
News & Activity
8
Grid 6 portal

MyINSTUN, MyLIB, eSEMAK, eRESPON, staf, peserta, awam, bercampur

9
Logo agensi berkaitan
10
Footer

Kursus (kerja teras pelawat) berada di seksyen 4 dan hanya link teks. Carousel 11 banner melumpuhkan tumpuan.

Cadangan baharu

1
Hero + carian kursus

Headline value prop + bar carian kursus terus dalam hero + trust bar (sejak 1998, ISO, SIRIM)

2
Hook kredibiliti (panel gelap)

"Satu-satunya institut yang dimandatkan melatih bidang tanah, ukur dan pemetaan." Dinaikkan dari page sejarah

3
Katalog kursus

Carian + tapis 4 bidang + kad kursus akan datang + link kalendar penuh. Ganti 3 link teks lama

4
3 laluan audiens

Pegawai/agensi ke kursus · Agensi ke konsultasi · Awam ke penerbitan & TSHO. Pisahkan yang bercampur

5
Cara daftar, 3 fasa

Belek to Mohon di eSPEK to Hadir. Panduan pendaftaran yang selama ini tersorok, dinaikkan

6
Servis lain INSTUN

Grid konkrit: Konsultasi, TSHO, Academy, Kajian, MYTC. Ganti carousel 11 banner

7
Bukti + Piagam Pelanggan

Sejak 1998, 5 bahagian, kursus/peserta setahun + pencapaian piagam

8
Terkini (Pengumuman + Berita)

Announcement dan News disatukan jadi satu strip padat

9
Portal staf & peserta

MyINSTUN, MyLIB, eSEMAK, eRESPON, dilabel jelas "untuk staf & peserta"

10
CTA penutup + Footer

Panel "Daftar kursus" + strip "Perlu konsultasi?" + agensi berkaitan + footer

seksyen baharudinaikkan ke awalseksyen digabung

Apa yang ditambah baik

Kursus dinaikkan jadi tugas utama. Dari 3 link teks di seksyen 4, jadi bar carian dalam hero dan katalog boleh-tapis di seksyen 3. Pelawat boleh cari kursus tanpa tinggalkan homepage.

Hook terkuat dinaikkan ke atas. "Satu-satunya institut yang dimandatkan" ialah kelebihan unik INSTUN, tapi ia tersembunyi di page sejarah. Sekarang jadi seksyen ke-2, terus selepas hero.

Carousel 11 banner dibuang. Diganti grid servis konkrit yang boleh dibaca sekali pandang, tiada lagi banner berlegar yang tak sempat dibaca.

Audiens dan portal dipisahkan. Kandungan awam (kursus, konsultasi, penerbitan) diasingkan dari portal staf (MyINSTUN, eSEMAK). Jargon dalaman turun ke bahagian bawah dan dilabel jelas.

0B

Jenis Font: Sebelum vs Selepas

Teks sama, font berbeza, supaya beza cadangan nampak terus. Website sekarang guna Open Sans dengan hierarki yang lemah. Cadangan guna Inter (atau SF Pro), lebih ketat dan tegas untuk headline, kekal jelas untuk badan teks.

Sekarang, Open Sans

Headline · Open Sans 700
Centre of excellence in land, survey and mapping.
Body · Open Sans 400

INSTUN trains the officers who administer land, survey and map the nation, through systematic and organised courses.

Label · Open Sans 600
INSTUN · Mendahului Cabaran

Rasa umum WordPress kerajaan. Beza saiz antara headline dan badan tidak cukup tegas, jadi hierarki nampak rata dan kurang berwibawa.

Cadangan, Inter / SF Pro

Headline · Inter 800, ketat
Centre of excellence in land, survey and mapping.
Body · Inter 400

INSTUN trains the officers who administer land, survey and map the nation, through systematic and organised courses.

Label · Inter 600
INSTUN · Mendahului Cabaran

Headline lebih padat dan tegas, hierarki jelas antara tajuk, badan dan label. Kekal institusi dan berwibawa, tapi moden dan senang dibaca di telefon.

0C

Rujukan

Institut latihan awam dan best practice katalog kursus yang dijadikan panduan struktur, plus site INSTUN sekarang untuk banding terus.

INTAN intanbk.intan.my

Tengok: institut latihan awam terbesar, laluan kursus, kalendar kursus, pendaftaran dalam talian (DTIMS). INSTUN boleh lompat ke depan dengan katalog + carian sebenar.

INTAN Course Calendar intanbk.intan.my/course-calendar

Tengok: bagaimana kursus disenaraikan ikut tarikh dan boleh dibelek, model untuk katalog kursus INSTUN.

eSPEK, senarai kursus espek.instun.gov.my

Portal pendaftaran kursus sedia ada INSTUN. Sumber data untuk kad kursus di homepage baharu.

INSTUN, sekarang instun.gov.my

Website sedia ada, untuk banding terus dengan cadangan di bawah.

instun.gov.my
01 · HEROBARUHeadline value prop + bar carian kursus terus dalam hero + 1 CTA utama + trust bar. Ganti hero video placeholder "Designer"
Foto full-bleed, kampus INSTUN Behrang / kelas kursus sebenar
National Institute of Land and Survey · Mendahului Cabaran

Malaysia's centre for land, survey and mapping training.

Systematic, organised courses for the officers who administer land, survey and map the nation. Search a course and register through eSPEK.

Browse all courses → Looking for consultation or publications? →
Est. 1998Serving the nation
Only 1Mandated institute for this field
3 fieldsLand · Survey · Mapping
NRES
ISO
SIRIM
02 · WHO WE ARENAIK ATASHook terkuat, satu-satunya institut dimandatkan. Dinaikkan dari page sejarah ke seksyen ke-2. Panel gelap = tegas
Who We Are
The only training institute mandated to develop Malaysia's land, survey and mapping officers.

Established on 1 May 1998, INSTUN consolidated training that was once split between two departments. Today, under the Ministry of Natural Resources and Environmental Sustainability, every officer in land administration, survey and mapping is trained here.

INSTUN, Tanjong Malim, PerakUnder NRES · ISO and SIRIM certified
03 · COURSE CATALOGBARUCarian + tapis 4 bidang + kad kursus akan datang (tarik dari eSPEK) + link kalendar. Ganti 3 link teks lama
Training Courses 2026

Find a course. Register in minutes.

Browse upcoming courses by field, or search directly. Registration is handled through the eSPEK portal.

All courses Land Administration Survey Mapping Information Technology
Land Administration

[Course title from eSPEK]

Date: [dd, dd month 2026] Mode: [Physical / Online] Venue: INSTUN Behrang
[N] seats leftApply →
Survey

[Course title from eSPEK]

Date: [dd, dd month 2026] Mode: [Physical / Online] Venue: INSTUN Behrang
[N] seats leftApply →
Mapping

[Course title from eSPEK]

Date: [dd, dd month 2026] Mode: [Physical / Online] Venue: INSTUN Behrang
[N] seats leftApply →
View full course calendar → Kad kursus ditarik automatik dari eSPEK (espek.instun.gov.my). Fasa design: sambung API atau papar 6 kursus terdekat.
04 · WHO IS THIS FORBARU3 laluan audiens. Pisahkan yang bercampur di site lama. Pegawai = laluan utama (kad gelap)
Who INSTUN Serves

Three ways in.

INSTUN serves government officers, partner agencies, and the public. Pick your path.

Main audience

Officers & agencies

Land, survey and mapping officers who need to attend a course or upgrade their competency. Browse the catalog and register through eSPEK.

Browse courses →

Agencies seeking consultation

Departments and councils that need land, surveying and mapping consultation, or want to book INSTUN facilities through MYTC.

Consultation services →

Public & researchers

Visitors interested in INSTUN research papers, bulletins, and the Tan Sri Harussani Observatory (TSHO).

Publications & TSHO →
05 · HOW TO REGISTERBARU DI HOMEPAGE3 fasa. Panduan pendaftaran yang tersorok di link download, dinaikkan dan diringkaskan
For Course Participants

How to register.

Three steps, from choosing a course to attending it.

1

Browse

Find a course by field or date in the catalog above, or in the full calendar. Check the dates, mode and seats.

Course Catalog · Calendar
2

Apply on eSPEK

Register through the eSPEK portal with your officer details. Your agency approves, then INSTUN confirms your place.

eSPEK · Registration Guideline
3

Attend

Join the course at INSTUN Behrang or online. Receive your certificate and CPD record on completion.

Attend · Certificate
Read the registration guideline →

First time? The guideline walks you through the eSPEK account and approval flow.

06 · MORE THAN COURSESGABUNGGrid servis konkrit. Ganti carousel 11 banner. Boleh dibaca sekali pandang
Services

More than courses.

Beyond training, INSTUN provides consultation, facilities and knowledge for the land and survey community.

Consultation

Land, surveying and mapping consultation for government agencies and councils.

Learn more →
TSHO Observatory

Tan Sri Harussani Observatory, astronomy and falak observation hall open to visitors.

Visit TSHO →
INSTUN Academy

Structured professional development and continuous learning programmes.

Explore Academy →
Research & Publications

INSTUN research papers, bulletins and book reviews for the sector.

Read publications →
MYTC Facility Booking

Book INSTUN halls, rooms and training facilities for your event.

Book a facility →
Strategic Plan 2026 to 2030

INSTUN's five-year direction and strategic priorities.

View the plan →
07 · PROOFGABUNGMetrik sebenar + pencapaian Piagam Pelanggan. Satu nombor satu tempat
Track Record

Trusted since 1998.

[N]
Courses a year

[Angka sebenar perlu dari INSTUN, cth bilangan kursus dijalankan setahun]

[N]
Officers trained a year

[Angka sebenar perlu dari INSTUN, cth jumlah peserta setahun]

5
Divisions

Administration & Finance, Land Management & Legislation, Survey & Mapping, Research & Development, Information Technology.

Client's Charter achievement is published monthly. Latest: [XX]% of service commitments met for [month] 2026. See the charter →
08 · LATESTGABUNGAnnouncement + News & Activity disatukan jadi satu strip padat. Bukan tiga blok bersaing
Latest

Announcements & activity.

Announcements
Img
Bulletin
Ulasan Buku Bulan Ogos, Bil. 2/2026
Img
Infographic
[Announcement title from INSTUN]
Img
Notice
[Announcement title from INSTUN]
All announcements →
News & Activity
Img
21 Aug 2026
Lawatan pemeriksaan semula oleh Jabatan Bomba dan Penyelamat
Img
21 Aug 2026
Program Jom Sihat @ INSTUN
Img
21 Aug 2026
Lawatan kerja Bahagian Pengurusan Tanah ke DBKL
All news →
09 · PORTALSKEKAL, DILABEL SEMULAGrid portal dilabel jelas "untuk staf & peserta". Jargon dalaman turun ke bawah, tidak lagi campur kandungan awam
For Staff & Participants

Quick access portals.

Systems for INSTUN staff and registered course participants.

MyINSTUNStaff portal
MyLIBLibrary system
eSEMAKTracking system
eRESPONFeedback portal
10 · CTA + FOOTERFOKUS KURSUSPanel utama "Daftar kursus" + strip nipis konsultasi + logo agensi berkaitan + footer
Grow Your Competency

Ready to register for your next course?

Browse the catalog, apply through eSPEK, and attend at INSTUN Behrang or online.

Browse all courses →
Agencies looking for land, surveying and mapping consultation, or facility booking through MYTC. Contact INSTUN →
Related Agencies
Wireframe konsep, struktur dan hero dicadang semula oleh Creative Streaks berdasarkan research masalah site INSTUN sekarang dan benchmark INTAN. Audiens utama: pegawai dan agensi yang mahu cari dan daftar kursus, satu CTA primary "Browse all courses" konsisten dari hero hingga penutup. Audiens kedua (agensi konsultasi, awam) = laluan sampingan. Tipografi akhir: sans-serif moden (Inter / SF Pro). Ikon guna library Lucide, bukan emoji atau lukis sendiri. Warna institusi dan imej sebenar masuk pada fasa design.

Perlu dari INSTUN sebelum fasa design

Data kursus eSPEK. Akses feed atau API senarai kursus akan datang (tajuk, tarikh, mod, kekosongan) supaya katalog homepage kemas kini automatik.

Angka sebenar. Bilangan kursus setahun, jumlah peserta dilatih setahun, dan peratus pencapaian Piagam Pelanggan terkini. Semua placeholder [N] di wireframe perlu diisi.

Foto kampus. Foto berkualiti tinggi kampus INSTUN Behrang, kelas kursus dan TSHO untuk hero dan seksyen servis (ganti kotak-X placeholder).

Warna jenama. Sahkan palet warna rasmi INSTUN (logo, NRES) untuk fasa design.