Prepared by SawangVille Tech Ventures Sdn Bhd Reg. No. 202601003133 (1665230-D) Confidential website proposal for MC Chua, Vista Preschool, Melaka. Not for redistribution or reuse without permission.
Prepared for MC Chua · Vista Preschool, Melaka · Proposal & Wireframe

A new website that nurtures, empowers and inspires.

A proposed five-page website for Vista Preschool in Melaka. It introduces the school, its programmes and its learning environment, and turns every visit into a WhatsApp conversation or a school visit.

Draft 2 · 14 October 2026 · Built around your logo and its five characters. Anything marked [like this] is content we need from Vista. We have not invented any facts about your school.
ViSTA
PRESCHOOL
NURTURE  |  EMPOWER  |  INSPIRE
Your five letter characters, animated. A taste of the website’s personality.
01

Your brief, in your words

Five things you asked for, and how this proposal answers each one.

Introduce our school, programmes and learning environment
AnswerOne page for each: About Us, Programmes and Our Environment, all summarised on the Home page.
Let parents enquire or book a visit through WhatsApp
AnswerEvery button opens WhatsApp with a ready-written message, so parents only press send (section 05).
Around 4–5 pages
AnswerFive pages: Home, About Us, Programmes, Our Environment, Visit & Contact.
A customised design and some animations
AnswerA design built from your logo, with its five characters as the animated stars (sections 06–07).
Own the website and be able to move it to another host
AnswerDomain and hosting in Vista’s name, built on open-source WordPress, with a full backup handed over (section 09).
02

Your reference: Junior A.R.K

We studied all five pages of junior-ark.edu.my, a nursery and preschool in Bayan Lepas, Penang. It is a good choice of reference: warm, calm and built around one theme. Below is what we would carry over to Vista, and where Vista’s site can go further.

Worth carrying over

WhatsApp on every page. Every parent button (“Schedule a visit”, “Book a school tour”) goes to one WhatsApp chat.
Clear age groups. Nursery (15 months–3 years) and Pre-school (4–6 years) are shown as tabs.
“A Day at Junior ARK”. Daily meals are shown, which is something parents ask about.
Health and safety section and a founder profile with credentials.
A simple 3-step admissions explainer (book a tour → tour with the principal → apply) and an FAQ.
One consistent theme (the ark), with hand-drawn dotted lines that connect sections.

Where Vista can go further

Lighter pages. The home page loads about 109 MB, mostly six animated GIFs. Vista’s animation will be drawn in code, so it stays fast on mobile data.
A fallback channel. There is no phone number, email or map anywhere. Vista’s site shows all three next to WhatsApp.
Registration up front. A KPM / JPN Melaka registration badge in the first screen, the first thing parents are told to check.
About Us in the menu. On the reference it sits only in the footer, while “Join Our Team” takes a main menu slot.
Pre-written WhatsApp messages that say which programme or question the parent is asking about, so replies are quicker.
A cast of characters. Vista’s logo already has five friendly letter characters. They can greet, guide and celebrate across the site.
Reference home page
≈ 109 MB

About 53 images, including GIFs of 13–29 MB each.

Vista home page target
under 3 MB

Compressed WebP photos, with animation drawn in SVG and code.

03

Benchmarks

Other preschool sites we studied alongside your reference: two Malaysian chains that parents in Melaka will know, and two international schools that do the visit-booking journey well.

Your referenceJunior A.R.Kjunior-ark.edu.my

See: WhatsApp “Schedule a visit” on every page, age-group tabs, “A Day at Junior ARK”, and the 3-step Admissions page.

 Malaysian chain · Melaka centresEduwiseduwis.com.my

See: half-day and full-day hours stated clearly, “small class ratio”, and live Google reviews embedded on the page.

 Malaysian chainQ-deesq-dees.com

See: BM / EN language switch, “Open for Registration” intake banner, and parent testimonials named by child.

 InternationalThe Goddard Schoolgoddardschool.com

See: “Schedule a tour” repeated at each decision point, with dedicated Health & Safety and Our Teachers pages.

 International · boutiqueN Family Clubnfamilyclub.com

See: video hero, small animated badges, “The N Day” routine page, and a public fees page (rare, and appreciated by parents).
What parents look forThe common patternacross all five

Licensing and safety near the top, real photos of the space, teachers and a daily routine, then one clear “book a visit” step repeated on every page.

04

Sitemap — five pages

Five pages, one job each, and each with its own colour from your logo. The Home page gives parents the whole story in one scroll; the inner pages answer the deeper questions. A WhatsApp button floats on every page.

HOME
About Us
Our story & principal
Philosophy · vision · mission
Our teachers
Registration & safety
Programmes
Each age group
Learning approach
A day at Vista
Ask about this programme
Our Environment
Classrooms & spaces
Outdoor play
Short video walkthrough
Photo gallery
Visit & Contact
How to join (3 steps)
WhatsApp · phone · email
Map & directions
FAQ
Also on your reference site Added for Vista
05

The parent journey

Choosing a preschool is a trust decision. The site is ordered the way a parent decides: first “is it safe and real?”, then “can I picture my child here?”, then “how do I take the next step?”.

Step 1

Find

From Google, Facebook or a friend’s link, mostly on a phone.

Step 2

Trust

Registration, safety, teachers and real photos in the first scrolls.

Step 3

Picture it

Programmes by age, a day at Vista, and the spaces their child would use.

Step 5

Visit

Your team confirms a time; the parent visits with their child.

Every button sends a different ready-written message

We use free WhatsApp “click-to-chat” links, so there is no monthly fee or extra app. Each button opens Vista’s WhatsApp with a message that already says what the parent wants. Your team sees at a glance whether it is a visit request or a programme question.

Tip: with the free WhatsApp Business app, your team can set quick replies (for example a fee sheet and available visit slots) and an away message outside school hours.
Vista PreschoolBusiness account
Hi Vista Preschool! I’d like to book a school visit.
My child’s age: 4
Preferred day: Saturday morning9:41
Hello! Thank you for your interest 😊 We have visit slots on [day / time]. Which suits you?9:43
Saturday 10am please 🙏9:44
Message
06

Design direction — built from your logo

Your logo already gives the website its personality: five soft colours, rounded letters with faces, and the promise “Nurture, Empower, Inspire”. We take all three straight into the design.

Heart orange#CE814B
Sunshine yellow#E9C950
Leaf green#ABC57E
Sea teal#87CBC4
Sky blue#88ACDD
Wordmark ink#1D1C1A

Your reference — Merriweather + Cabin

Headline
A happy place to learn, play and grow.
Body
Parents can enquire or book a visit through WhatsApp in one tap.
Palette

Elegant and calm. The serif feels more “academy” than “playroom”, which suits Junior A.R.K’s positioning.

Proposed for Vista — Fredoka + Nunito

Headline · Fredoka
A happy place to learn, play and grow.
Body · Nunito
Parents can enquire or book a visit through WhatsApp in one tap.
Palette · from your logo

Fredoka’s rounded letters echo your “PRESCHOOL” wordmark, and Nunito matches the clean tagline. Both are free Google Fonts, so there is no licence to buy or renew.

07

Animation — your characters lead the way

Your reference connects its sections with dotted lines. We take that idea further: a “learning path” in your five colours draws itself as parents scroll, a paper plane flies along it, and Vista’s characters pop up at each stop. Scroll this section, or press Replay.

Hero
Programmes
A day at Vista
Book a visit
Signature: the learning path

One line in your five colours runs down the Home page and draws itself on scroll, leading parents section by section to “Book a visit”, with a character waiting at each stop.

The VISTA letters hop in

On the first screen the five characters bounce into place one by one, then gently bob, just like the logo at the top of this page.

Cards lift on hover and tap

Programme and space cards rise slightly and their photo zooms gently.

WhatsApp button breathes

A soft ring pulses around the floating button so parents always know where to tap.

Fast and gentle

Drawn in code (GSAP and SVG), not heavy GIFs. Motion turns off for visitors who have “reduce motion” set on their phone.

08

Wireframes — all five pages

Each page in a browser frame, already in Vista’s colours. The small labels at the top of each block say what it is, and whether it follows your reference, goes beyond it, is a WhatsApp touchpoint, or needs content from you.

REF — like your reference BETTER — goes beyond the reference WHATSAPP — enquiry point CONTENT — needed from Vista
Photos below are sample images to show the mood. They will be replaced with Vista’s own photos before launch.
Page 01Homevistapreschool.[edu.my / com.my]
vistapreschool.[edu.my / com.my]
01 · HEADERBETTERReal logo · About Us in the menu · “Book a visit” always visible
HomeAbout UsProgrammesOur EnvironmentVisit & Contact
02 · HEROPromise + one main button · photos in soft shapes · VISTA characters hop in and bob
NurtureEmpowerInspire

A happy place to learn, play and grow.

Suggested headline · to confirm

A modern preschool in [area], Melaka. Come and see our programmes and learning environment for yourself.

Explore programmes
Free visit · bring your child along · no obligation
Registered with KPMJPN Melaka · [reg. no.]
Ages [x–6]Programmes by age group
[Mon–Fri, hours]Half day & full day [confirm]
[Area], MelakaGet directions
03 · WELCOMECONTENTPrincipal’s welcome + three reasons parents choose Vista, one per word of your tagline
Welcome to Vista

Every child deserves to be nurtured, empowered and inspired.

Built from your tagline · to confirm

[2–3 sentences from the principal on why Vista was started and what every child should leave with.]

Nurture

[safe, caring environment]

Empower

[confidence, independence]

Inspire

[curiosity, love of learning]

04 · PROGRAMMESOne card per age group · each card has its own pre-written WhatsApp question
Our Programmes

A programme for every stage.

Grouped by age so parents find their child’s class in seconds.

Ages [x–x][Programme 1]
Play-basedMotor skillsHalf / full day
Age [5][Programme 2]
LanguageNumbersHalf / full day
Age [6][Programme 3]
School readinessDiscoveryHalf / full day
Programme names, ages and focus chips are examples. Vista’s real programmes go here.
05 · A DAY AT VISTAREFDaily routine as a colourful flow · times and activities from Vista · draws in left to right
A Day at Vista

What your child’s day looks like.

[time]Arrival
[time]Circle time
[time]Learning
[time]Snack
[time]Outdoor play
[time]Lunch
[time]Rest
[time]Home
Activity names above are examples only. Vista’s real routine and menu go here; parents on your reference site respond well to seeing meals.
06 · LEARNING ENVIRONMENTBETTERPhoto collage of real spaces + safety strip · light WebP photos, not GIFs
Our Environment

Spaces made for curious little minds.

Classroom
Reading corner
Art & craft
Outdoor play
Dining area
Entrance & drop-off
CCTV[confirm]
Secure drop-off[confirm]
First-aid trained[confirm]
Daily cleaning[confirm]
See our environment →
07 · PARENT STORIESCONTENTReal parent quotes + Google rating · our #1 content request
From Our Parents

What parents say about Vista.

[4.x] ★ on Google · [n] reviews

[A real quote from a Vista parent, 2–3 lines]

[Parent name]Parent of [child, age]

[A real quote from a Vista parent, 2–3 lines]

[Parent name]Parent of [child, age]

[A real quote from a Vista parent, 2–3 lines]

[Parent name]Parent of [child, age]
08 · HOW TO JOINThree steps from “interested” to “enrolled” · same button as the hero
How to Join

Three easy steps to join Vista.

WhatsApp us

Tap “Book a visit”. Your message is already written.

Visit with your child

Meet the teachers and see the classrooms.

Register

[your registration steps]

09 · FAQCONTENTAnswers the questions your team gets most on WhatsApp
Questions from Parents

Good to know.

What ages do you accept?
What are your school hours?
How much are the fees?
Are meals provided?
Which languages are used in class?
When can my child start?
Questions are suggestions; Vista chooses which to answer. Showing fees, or a “from RM…” range, is optional; few Malaysian preschools do it, so it can set Vista apart.
10 · CLOSING CTASame button, same words · phone shown as a second option
Come and See Us

The best way to know Vista is to visit.

Book a visit and bring your child along. We’ll show you around.

Prefer to call? [phone number]
11 · FOOTERBETTERAddress, map, phone, email and hours (none of these are on the reference)

[Full address], Melaka

KPM reg. [no.]

Find Us
GOOGLE MAP
© 2026 Vista Preschool · Nurture | Empower | InspireHours: [Mon–Fri]
Book a visit
Page 02About Us/about
vistapreschool.[edu.my / com.my]/about
01 · PAGE BANNERREFEach page takes one logo colour · photo in a soft shape · its character peeks in
Home / About Us

About Vista Preschool

[One line on who Vista is]

02 · STORY + AT A GLANCEBETTERStory on the left · key facts in one tidy box on the right

Our story

[When and why Vista started, who runs it, what makes it different. 2–3 short paragraphs.]

A message from the principal, with a photo.

At a glance
Registered withKPM · JPN Melaka
Registration no.[no.]
Established[year]
Ages[x–6]
Teacher : child ratio[1:x]
Languages[EN · BM · …]
Philosophy

[from Vista]

Vision

[from Vista]

Mission

[from Vista]

03 · OUR TEACHERSCONTENTFaces and qualifications build trust · photos + one line each
Our Teachers

The people who will care for your child.

Teacher photo
[Name][Role · qualification]
Teacher photo
[Name][Role · qualification]
Teacher photo
[Name][Role · qualification]
Teacher photo
[Name][Role · qualification]
04 · CTASame closing panel on every page

Come and meet our teachers.

Page 03Programmes/programmes
vistapreschool.[edu.my / com.my]/programmes
01 · PAGE BANNERREFGreen page · age-group tabs below
Home / Programmes

Our Programmes

A programme for every stage, from [youngest age] to six.

02 · PROGRAMME DETAILBETTEROne block per programme · “at a glance” facts · its own WhatsApp question
[Programme 1][Programme 2][Programme 3]
Ages [x–x]

[Programme name]

[What children learn and do in this programme]

[Half / full day]Session
[time – time]Hours
[EN · BM · …]Languages
[1:x]Class ratio
03 · LEARNING APPROACHCONTENTIcon cards for each part of Vista’s approach
How We Teach

Our learning approach.

[Approach 1]

[from Vista]

[Approach 2]

[from Vista]

[Approach 3]

[from Vista]

[Approach 4]

[from Vista]

04 · A DAY + MENUREFFull daily routine and a sample weekly menu
[time]Arrival & free play
[time]Learning time
[time]Lunch
Sample menu
Breakfast[from Vista]
Lunch[from Vista]
Tea time[from Vista]
Page 04Our Environment/our-environment
vistapreschool.[edu.my / com.my]/our-environment
01 · PAGE BANNERREFTeal page · wide photo of the space
Home / Our Environment

Our Learning Environment

Bright, safe spaces where children learn, play and rest.

02 · VIDEO WALKTHROUGHBETTERA 30–60 s phone video, hosted on YouTube so the page stays light
03 · OUR SPACESCONTENTOne card per real space at Vista
Classrooms

[from Vista]

Reading corner

[from Vista]

Outdoor play

[from Vista]

Art & activity room

[from Vista]

Dining area

[from Vista]

Rest area
Rest area

[from Vista]

04 · HEALTH & SAFETYREFExpandable list · only what Vista really has
Security & CCTV
Cleaning & hygiene
First aid & sick child policy
Drop-off & pick-up
05 · GALLERYBETTEREvents and class photos · tap to enlarge · Vista can add more later
Page 05Visit & Contact/visit
vistapreschool.[edu.my / com.my]/visit
01 · PAGE BANNERBlue page · the page every button leads back to
Home / Visit & Contact

Visit Vista Preschool

The best way to know us is to see us. Here’s how.

02 · HOW TO JOINREFSame 3 steps as the Home page
Step 1

WhatsApp us

Message already written.

Step 2

Visit with your child

Meet teachers, see classrooms.

Step 3

Register

[your steps]

03 · CONTACT + MAPBETTERWhatsApp first, with phone, email and a live Google Map as backup
Phone[number]
Email[email]
Hours[Mon–Fri]
Address[address]
Live Google Map + “Get directions”
04 · FAQCONTENTThe full FAQ lives here; Home shows the top six
Do you offer trial days?
Is there a waiting list?
What should my child bring?
Do you provide transport?
09

Package, timeline & yearly costs

Two options built on our Corporate Website package. Both include the five pages above, a custom design in Vista’s colours, mobile-first build and the WhatsApp journey. The difference is the animation.

Option A · Essential

RM 5,500
Custom five-page school website with light animation.
  • 5 pages designed for Vista (the package allows up to 10, so there is room to grow)
  • Custom design in Vista’s colours on WordPress, mobile-first
  • WhatsApp buttons with pre-written messages, phone, email, map
  • Light entrance animations and hover effects
  • Basic SEO and Google Analytics setup
  • Free domain & hosting for year 1
  • Online training so your team can update text and photos
Corporate Website package, new build
RECOMMENDED

Option B · Signature

RM 7,000
Everything in Essential, plus the character animation shown in section 07.
  • Everything in Option A
  • Signature “learning path”: a scroll-drawn line, paper plane and characters at each stop
  • VISTA characters animated: hop in on the first screen and appear across the pages
  • Animated daily-routine flow and step arrows
  • Built with GSAP and SVG, so it stays light and fast on phones
RM 5,500 Corporate Website + RM 1,500 GSAP animation add-on

Optional add-ons

ItemPrice
CopywritingWe write the page text from a short interview with youRM 200 / page
Bilingual site (English + Bahasa Melayu)Language switch on every pagefrom RM 3,000
Extra pagee.g. Admissions, Events or Careersfrom RM 300 / page

Yearly costs from year 2

ItemPer year
Domain — your choice of one.edu.my ≈ RM 80 or .com.my ≈ RM 60, in Vista’s name (see “Choose your domain” below)≈ RM 60 – 80
Web hosting (cPanel)Small-site plan with a Malaysian host, in Vista’s name≈ RM 200 – 350
Must-have yearly total≈ RM 260 – 430
Optional: Care & Maintenance planUpdates, weekly backups, uptime monitoring, 2 hrs/month of content changesRM 650 / month

Domain and hosting are paid directly to the provider at their published rates (estimates based on October 2026 prices). Without a care plan, your team can update the site after training, and we can help on request.

Choose your domain — two options

vistapreschool.edu.my
≈ RM 80 / year · for registered schools, the same type of address as your reference (junior-ark.edu.my)
  • Signals to parents that Vista is a registered education institution
  • Open to private kindergartens registered with JPN / KPM
  • Needs the JPN Perakuan Pendaftaran; the registrant name must match it exactly
  • Registered through MYNIC after document checks, so allow a few extra days
Best if Vista holds a JPN / KPM registration certificate.
vistapreschool.com.my
≈ RM 60 / year · the standard Malaysian business address
  • Quick to register with your SSM details, usually within a day
  • Familiar and easy for parents to remember
  • Works whether Vista is registered as a tadika (KPM) or a taska (JKM)
  • Does not carry the education-only signal of .edu.my
Best if you want to launch without waiting for school documents.

Either way the domain is registered in Vista’s name, and the website is the same. If the exact name is taken, we will suggest close alternatives before registering.

Timeline — about 5 weeks

Week 1

Briefing

Kick-off call, content checklist, domain registration.

Vista: photos, domain choice, details
Week 2

Design

Home page design and the character animation for your approval.

Vista: feedback & approval
Weeks 3–4

Develop

Build all five pages, animation, WhatsApp links and testing on phones.

Vista: final text & photos
Week 5

Launch

Go live, training session and full handover.

Vista: final review
Deposit receivedWebsite live

The timeline starts when the deposit and the main content (photos, programme details) are received. Feedback that takes longer moves the launch date by the same amount.

You own it, and you can move it

Domain in Vista’s name

Registered under the school’s own name, whether .edu.my or .com.my. Nobody else can hold it.

Hosting in Vista’s name

Your own hosting account. We work on it as your developer, and you keep the login.

No lock-in

Built on WordPress, which is open source, with free tools. No yearly plugin licences are needed to keep it running.

Full admin access

You receive the administrator login, and training to update text and photos yourselves.

Full backup on launch day

A complete copy of the site (files and database) is handed to you.

Move hosts any time

The site can be moved to any standard cPanel host with a free migration tool, usually within an hour.

50% deposit to start, balance by milestone All work belongs to Vista after full payment Final price follows the agreed scope Premium third-party licences (if any) not included
10

What we need from Vista

Everything marked [like this] in the wireframes. Most of it already exists in your brochure, Facebook page or registration documents.

Logo

Received, thank you. The original file (AI, SVG or large PNG) will keep it sharp on large screens.

✓ Received
Real photos

Classrooms, play areas, teachers and activities. Phone photos are fine; we can advise on a short photo session.

Most important
Registration details

JPN / KPM registration number, plus the certificate if you choose .edu.my (SSM details for .com.my).

Week 1
Programmes

Names, age groups, hours, languages, learning approach.

Week 2
Daily routine & menu

A typical day with times, and a sample menu.

Week 2
Principal & teachers

A short welcome note, photos, roles and qualifications.

Week 2
Parent testimonials

3–6 short quotes with permission, or your Google Business reviews.

Week 3
Contact details

WhatsApp number, phone, email, address, hours, social media links.

Week 1
This is a concept proposal. The wireframes show structure, content and the colour direction taken from Vista’s logo; final illustrations and layouts are refined in the design stage. Photos in the wireframes are AI-generated sample images used only to show the mood, and will be replaced with Vista’s own photos. Reference and benchmark sites were reviewed in October 2026. Yearly domain and hosting figures are estimates of provider prices at that time.

SawangVille Tech Ventures Sdn Bhd · 202601003133 (1665230-D) · 40-01, Masreca 19, Persiaran Rimba Permai, 63000 Cyberjaya, Selangor · sawangville.com