Mothers Tongue is a language learning platform for kids and families.
Project Overview
The main focus of this project was designing and developing a full custom WordPress website that mirrors the layout and flow of the reference site pilipop.com/method. The goal was to create a modern, app-aligned landing website with clear branding, engaging visuals, and a mobile-friendly experience that reflects the feel of the app.
My role
I was responsible for translating the client's vision into a functional and responsive website. Starting with a blank WordPress installation, I designed the homepage and three additional key pages ("Our Method", "About" and "Our Offer") using Elementor and custom CSS. I matched the style closely with the reference site while incorporating the client’s brand colors and app screenshots to maintain design consistency. I also created the header, navigation menu, and footer from scratch.
Tools & Technologies Used
- HTML5
- CSS3
- JavaScript
- jQuery
- Responsive design principles
- WordPress
- Elementor
- Contact Form 7
- Popup
- Yoast SEO plugin
Goals Achieved
- Replicated the feel and layout of pilipop.com.
- Designed a clean homepage with soft animations and CTA.
- Integrated app screenshots with custom styles.
- Implemented brand colors:
- Blue
#23B0E7 - Yellow
#FFC700
- Blue
- Designed a matching footer and mobile menu interface.
- Ensured full responsiveness and accessibility.
Project Gallery
Project Name
Mothers Tongue
Project Type
WordPress Website Design
Role
WordPress Development
Timeline
2024