SGEducators Tuition Portal Development
UI/UX & Branding
SGEducators is a comprehensive online tuition portal with useful information about primary, secondary, and JC education. It is a co-learning space and a community for students, parents, and tutors to interact and share their knowledge, ideas, tips, and strategies to excel in the Singapore education system and beyond. Besides providing a curated list of top tuition centres, and the best tutors in Singapore, SGEducators taps on user-generated content to provide a wide-ranging list of educational articles and news, and also organises classes, workshops, discussion sessions, and many other activities for its users.
![SGEducators Tuition Portal Development - Animated Front Page Design and Digital Marketing Portfolio - SGEducators Tuition Hub - Animated Front Page](https://leowhouteng.com/wp-content/uploads/2017/09/Design-and-Digital-Marketing-PortfolioLazy-Load-Image-Leow-Hou-Teng.png)
The Logo
The SGEducators Smiley
The SGEducators logo mark takes the shape of a smiley, formed by the characters ‘sg’, short for Singapore. This mark pays tribute to the SG50 logo (which was changed to SG, after Singapore’s 50th National Day), a red circle with the word SG inside the circle, or the little red dot, as described by our Indonesian neighbour. The smiley is a common iconography on the web, a suitable mark for a tech-based company like SGEducators. In addition to being a smiley, the shape of the ‘g’ forms a silhouette of a mother embracing her child, or a teacher guiding a student – it is a subtle hint of SGEducators’ role as an education hub that grooms future-ready students.
![SGEducators Tuition Portal Development - SGEducators Logo Design and Digital Marketing Portfolio - SGEducators Tuition Portal Development - SGEducators Logo](https://leowhouteng.com/wp-content/uploads/2017/09/Design-and-Digital-Marketing-PortfolioLazy-Load-Image-Leow-Hou-Teng.png)
![SGEducators Tuition Portal Development - SGEducators Logo Reverse Design and Digital Marketing Portfolio - SGEducators Tuition Portal Development - SGEducators Logo Reverse](https://leowhouteng.com/wp-content/uploads/2017/09/Design-and-Digital-Marketing-PortfolioLazy-Load-Image-Leow-Hou-Teng.png)
![SGEducators Tuition Portal Development - SGEducators Smiley Design and Digital Marketing Portfolio - SGEducators Tuition Portal Development - SGEducators Smiley](https://leowhouteng.com/wp-content/uploads/2017/09/Design-and-Digital-Marketing-PortfolioLazy-Load-Image-Leow-Hou-Teng.png)
Affiliated Brand Logo
Parent and Sub Brand Logos
The SGEducators logo is designed with the parent and sub brands in mind. The logo needed to be adaptable for use by the parent brand, SG Promotions, and the digital marketing agency, SG Solutions Hub, in order for brand consistency. Hence, it was an obvious reason to have a highly recognisable ‘SG’ mark, which can be used by both the companies and other future brands.
In addition to the primary portal, a number of sub portals were built to support the main site with more content and diversification/unique selling points. These sub portals may be grouped by its region, academic level, or academic subject, and has been branded differently to tap on Search-Engine Optimisation (SEO) keyword advantage. The sub brand logos such as the graduation cap on the region-based portals were included in the logo, while the level-based portals, the square, the triangle, and the circle, are incorporated in the design language.
![SGEducators Tuition Portal Development - SG Promotions and SG Solutions Hub Logo Design and Digital Marketing Portfolio - SGEducators Tuition Portal Development - SG Promotions and SG Solutions Hub Logo](https://leowhouteng.com/wp-content/uploads/2017/09/Design-and-Digital-Marketing-PortfolioLazy-Load-Image-Leow-Hou-Teng.png)
![SGEducators Tuition Portal Development - Tuition Centres Singapore Logo Design and Digital Marketing Portfolio - SGEducators Tuition Portal Development - Tuition Centres Singapore Logo](https://leowhouteng.com/wp-content/uploads/2017/09/Design-and-Digital-Marketing-PortfolioLazy-Load-Image-Leow-Hou-Teng.png)
![SGEducators Tuition Portal Development - Primary Secondary JC Tuition Singapore Logo Design and Digital Marketing Portfolio - SGEducators Tuition Portal Development - Primary Secondary JC Tuition Singapore Logo](https://leowhouteng.com/wp-content/uploads/2017/09/Design-and-Digital-Marketing-PortfolioLazy-Load-Image-Leow-Hou-Teng.png)
Design Language
Brand Graphics and Illustrations
SGEducators uses vector graphics featuring the smiley, on cubes, books, stationeries, and other instances relating to education, hence making these images identifiable with the brand. In addition, a comprehensive set of icons were used throughout the site to bring a person’s attention to key points or features, and as a means to navigate the site. For example, each academic level and subject has its own unique icon and grouped according to Primary (square), Secondary (triangle), and JC (circle) – the primary shapes used by level-based portal logos.
![SGEducators Tuition Portal Development - SGEducators Design Language Portal Illustration Design and Digital Marketing Portfolio - SGEducators Tuition Portal Development - SGEducators Design Language Portal Illustration](https://leowhouteng.com/wp-content/uploads/2017/09/Design-and-Digital-Marketing-PortfolioLazy-Load-Image-Leow-Hou-Teng.png)
![SGEducators Tuition Portal Development - SGEducators Design Language Trial Class Illustration Design and Digital Marketing Portfolio - SGEducators Tuition Portal Development - SGEducators Design Language Trial Class Illustration](https://leowhouteng.com/wp-content/uploads/2017/09/Design-and-Digital-Marketing-PortfolioLazy-Load-Image-Leow-Hou-Teng.png)
![SGEducators Tuition Portal Development - SGEducators Design Language Tuition Hub Illustration Design and Digital Marketing Portfolio - SGEducators Tuition Portal Development - SGEducators Design Language Tuition Hub Illustration](https://leowhouteng.com/wp-content/uploads/2017/09/Design-and-Digital-Marketing-PortfolioLazy-Load-Image-Leow-Hou-Teng.png)
![SGEducators Tuition Portal Development - SGEducators Icon Set Design and Digital Marketing Portfolio - SGEducators Tuition Portal Development - SGEducators Icon Set](https://leowhouteng.com/wp-content/uploads/2017/09/Design-and-Digital-Marketing-PortfolioLazy-Load-Image-Leow-Hou-Teng.png)
Website Development
Web Portal Set Up and Design
The entire website was designed and developed on WordPress with the Divi theme. The site is currently live and can be viewed at this link. The website features a list of tuition centres and provides information on the academic subjects offered at each academic level. The Smart Learners Club (SGEducators Membership) pages were also included on the site, and the user portal is currently at a development stage.
![SGEducators Tuition Portal Development - Perspective on Mac Design and Digital Marketing Portfolio - SGEducators Tuition Hub - Mac Perspective](https://leowhouteng.com/wp-content/uploads/2017/09/Design-and-Digital-Marketing-PortfolioLazy-Load-Image-Leow-Hou-Teng.png)
![SGEducators Tuition Portal Development - Front Page Design Close Up Design and Digital Marketing Portfolio - SGEducators Tuition Portal Development - Front Page](https://leowhouteng.com/wp-content/uploads/2017/09/Design-and-Digital-Marketing-PortfolioLazy-Load-Image-Leow-Hou-Teng.png)
![SGEducators Tuition Portal Development - Perspective Flat Design and Digital Marketing Portfolio - SGEducators Tuition Hub - Perspective Flat](https://leowhouteng.com/wp-content/uploads/2017/09/Design-and-Digital-Marketing-PortfolioLazy-Load-Image-Leow-Hou-Teng.png)
![SGEducators Tuition Portal Development - Perspective Stack Close Up Design and Digital Marketing Portfolio - SGEducators Tuition Hub - Perspective Stack Closeup](https://leowhouteng.com/wp-content/uploads/2017/09/Design-and-Digital-Marketing-PortfolioLazy-Load-Image-Leow-Hou-Teng.png)
![SGEducators Tuition Portal Development - Perspective Stack Design and Digital Marketing Portfolio - SGEducators Tuition Hub - Perspective Stack](https://leowhouteng.com/wp-content/uploads/2017/09/Design-and-Digital-Marketing-PortfolioLazy-Load-Image-Leow-Hou-Teng.png)
Affiliated Website Development
Learning Ecosystem
Besides the main portal, sub portals were built to support the content on SGEducators. These sites were named to tap on SEO keyword advantage with a unique brand positioning, for different segments of students according to region (where they live), academic level (where they study), and academic subject (what they study). These portals are in turn, supported by a team of tuition centres, or clients, which are featured on the corresponding portals that are relevant to them. Together, the supporting portals and the client sites form an integrated education ecosystem.
![SGEducators Tuition Portal Development - Supporting Portals Animated Design and Digital Marketing Portfolio - SGEducators Tuition Hub - Supporting Portals Animated](https://leowhouteng.com/wp-content/uploads/2017/09/Design-and-Digital-Marketing-PortfolioLazy-Load-Image-Leow-Hou-Teng.png)
![SGEducators Tuition Portal Development - Supporting Portals Design and Digital Marketing Portfolio - SGEducators Tuition Hub - Supporting Portals](https://leowhouteng.com/wp-content/uploads/2017/09/Design-and-Digital-Marketing-PortfolioLazy-Load-Image-Leow-Hou-Teng.png)
![SGEducators Tuition Portal Development - Featured Supporting Portals Design and Digital Marketing Portfolio - SGEducators Tuition Hub - Supporting Portals 2](https://leowhouteng.com/wp-content/uploads/2017/09/Design-and-Digital-Marketing-PortfolioLazy-Load-Image-Leow-Hou-Teng.png)
![SGEducators Tuition Portal Development - Supporting Client Websites Animated Design and Digital Marketing Portfolio - SGEducators Tuition Hub - Supporting Client Websites Animated](https://leowhouteng.com/wp-content/uploads/2017/09/Design-and-Digital-Marketing-PortfolioLazy-Load-Image-Leow-Hou-Teng.png)
![SGEducators Tuition Portal Development - Supporting Client Websites Design and Digital Marketing Portfolio - SGEducators Tuition Hub - Supporting Client Websites](https://leowhouteng.com/wp-content/uploads/2017/09/Design-and-Digital-Marketing-PortfolioLazy-Load-Image-Leow-Hou-Teng.png)
![SGEducators Tuition Portal Development - Supporting Client Websites Feature Design and Digital Marketing Portfolio - SGEducators Tuition Hub - Supporting Client Websites 2](https://leowhouteng.com/wp-content/uploads/2017/09/Design-and-Digital-Marketing-PortfolioLazy-Load-Image-Leow-Hou-Teng.png)
User Portal Development
A Social Network for Students, Parents, & Tutors
Besides the main site, SGEducators has a user portal which is currently being developed. The mock up site was designed using Adobe Experience Design (Adobe XD) and the images and a video detailing the site is displayed below. The user portal aims to form a community of students, parents, and tutors, where they can interact and discuss issues, share ideas and tips, or join activities that were organised by SGEducators, and participating centres or groups.
![](https://leowhouteng.com/wp-content/uploads/2017/09/Design-and-Digital-Marketing-PortfolioLazy-Load-Image-Leow-Hou-Teng.png)
![SGEducators Tuition Portal Development - Animated Dashboard Design and Digital Marketing Portfolio - SGEducators Tuition Hub - Animated Dashboard](https://leowhouteng.com/wp-content/uploads/2017/09/Design-and-Digital-Marketing-PortfolioLazy-Load-Image-Leow-Hou-Teng.png)
![SGEducators Tuition Portal Development - Portal Development Design and Digital Marketing Portfolio - SGEducators Tuition Hub - Portal Development](https://leowhouteng.com/wp-content/uploads/2017/09/Design-and-Digital-Marketing-PortfolioLazy-Load-Image-Leow-Hou-Teng.png)
![SGEducators Tuition Portal Development - Portal Development Closeup Design and Digital Marketing Portfolio - SGEducators Tuition Hub - Portal Development Closeup](https://leowhouteng.com/wp-content/uploads/2017/09/Design-and-Digital-Marketing-PortfolioLazy-Load-Image-Leow-Hou-Teng.png)
Email Marketing
Email Marketing Templates
In order to engage its community, email marketing is one of the key digital marketing tools that will be used to keep users (SGEducators Smart Learners) updated on the latest articles to read or the activities to join. The templates design has been conceptualised to enable easy update by a marketing team. The actual implementation will be executed when the user portal is live.
![SGEducators Tuition Portal Development- Email Templates Mockup Design and Digital Marketing Portfolio - SGEducators Tuition Portal Development- Email Templates Mockup](https://leowhouteng.com/wp-content/uploads/2017/09/Design-and-Digital-Marketing-PortfolioLazy-Load-Image-Leow-Hou-Teng.png)
![SGEducators Tuition Portal Development - Activity Email Mockup Design and Digital Marketing Portfolio - SGEducators Tuition Portal Development - Activity Email Mockup](https://leowhouteng.com/wp-content/uploads/2017/09/Design-and-Digital-Marketing-PortfolioLazy-Load-Image-Leow-Hou-Teng.png)
![SGEducators Tuition Portal Development - Email Footer Closeup Design and Digital Marketing Portfolio - SGEducators Tuition Portal Development - Email Footer Closeup](https://leowhouteng.com/wp-content/uploads/2017/09/Design-and-Digital-Marketing-PortfolioLazy-Load-Image-Leow-Hou-Teng.png)
Facebook Marketing
Social Media Reach Out
As a huge majority of SGEducator’s target audience is on Facebook, the social network is the main channel to engage new users to the site. Blog content and greetings are some of the areas that were looked into, while more social engagement postings will be implemented at a later stage.
![SGEducators Tuition Portal Development - Facebook Event Jacking Marketing Design and Digital Marketing Portfolio - SGEducators Tuition Portal Development - Facebook Event Jacking Marketing](https://leowhouteng.com/wp-content/uploads/2017/09/Design-and-Digital-Marketing-PortfolioLazy-Load-Image-Leow-Hou-Teng.png)
![SGEducators Tuition Portal Development - Facebook Content Marketing Design and Digital Marketing Portfolio - SGEducators Tuition Portal Development - Facebook Content Marketing](https://leowhouteng.com/wp-content/uploads/2017/09/Design-and-Digital-Marketing-PortfolioLazy-Load-Image-Leow-Hou-Teng.png)
Project Details
— Studio
SG Solutions Hub
— Design & Website Development
Leow Hou Teng
— Writers
Justin Ng
Joel Long
— Project Date
2017
— Supporting Clients
— Project Category
Branding, UI/UX, Digital Marketing
— Deliverables
Brand Identity, WordPress Website, Portal Design, Supporting Portals Website, Supporting Client Websites, Digital Marketing Solutions
Feature this Project
Share this project on social media, or on a blog post!