Kiddy123
Kiddy123
Malaysia's No.1 online marketing platform for Early Childhood Education.
Malaysia's No.1 online marketing platform for Early Childhood Education.
Role
Role
UIUX
Front-End Developer
UIUX
Front-End Developer
Year
Year
Stretched out project
2019 - 2022
Stretched out project
2019 - 2022
kiddy123.com
Overview
Overview
Kiddy123.com serves as Malaysia's comprehensive Early Childhood Directory, aiming to streamline the parenting experience for Malaysian families. By offering an extensive database of child-centric businesses and service providers, along with valuable parenting advice, tips, and up-to-date information on family events and activities, it seeks to simplify the journey of parenthood.
Kiddy123.com serves as Malaysia's comprehensive Early Childhood Directory, aiming to streamline the parenting experience for Malaysian families. By offering an extensive database of child-centric businesses and service providers, along with valuable parenting advice, tips, and up-to-date information on family events and activities, it seeks to simplify the journey of parenthood.
During my tenure of three years at Kiddy123, I spearheaded the task of enhancing the website, introducing new functionalities like an E-learning section where users can access and download educational resources for children. Additionally, I implemented a secure login system to enable users to create personalized profiles. Furthermore, I undertook the responsibility of crafting micro website templates for clients who sought customized landing pages.
During my tenure of three years at Kiddy123, I spearheaded the task of enhancing the website, introducing new functionalities like an E-learning section where users can access and download educational resources for children. Additionally, I implemented a secure login system to enable users to create personalized profiles. Furthermore, I undertook the responsibility of crafting micro website templates for clients who sought customized landing pages.
Role
UIUX
Front-End Developer
UIUX
Front-End Developer
Tools
Sketch
Photoshop
Illustrator
Visual Studio Code
Languages
HTML
CSS
JavaScript
PHP
Approach
Approach
Upon joining Kiddy123, I encountered a website that appeared outdated and cluttered with information, which was expected given its role as a directory for various businesses and events. I was entrusted with the task of modernizing the website while adhering to the established design guidelines. Prior to commencing the revamp, our team engaged in numerous meeting sessions to strategize and identify potential pain points for the average user.
Upon joining Kiddy123, I encountered a website that appeared outdated and cluttered with information, which was expected given its role as a directory for various businesses and events. I was entrusted with the task of modernizing the website while adhering to the established design guidelines. Prior to commencing the revamp, our team engaged in numerous meeting sessions to strategize and identify potential pain points for the average user.
Discovery
Discovery
Design
Design
Product
Product
Wireframe
Wireframe
After identifying the site's issues, the team convened and brainstormed potential solutions. Despite facing design constraints, as the client preferred to retain the original layout as much as possible, we dedicated ourselves to meeting the given requirements to the best of our ability.
After identifying the site's issues, the team convened and brainstormed potential solutions. Despite facing design constraints, as the client preferred to retain the original layout as much as possible, we dedicated ourselves to meeting the given requirements to the best of our ability.
Guideline
Guideline
Aa
Roboto
Giants Orange
#FF6632
Blue (Munsell)
#008CA0
Cerise
#E03668
Mantis
#67BF66
Revamp Design
Revamp Design
Others
Others
Over the years, I’ve also undertook the responsibility of crafting micro website templates for clients who sought customized landing pages.
Over the years, I’ve also undertook the responsibility of crafting micro website templates for clients who sought customized landing pages.
Effectiveness
Effectiveness
The design changes made a big difference in how many people visited the website, how long they stayed, and how often they came back. By making the site easier to use and more attractive, more people wanted to check it out, and they stuck around longer, clicking on more pages. Plus, by making sure the website popped up more often in Google searches, even more people found it. So, the design improvements not only made users happier but also helped the website get noticed by more people online.
The design changes made a big difference in how many people visited the website, how long they stayed, and how often they came back. By making the site easier to use and more attractive, more people wanted to check it out, and they stuck around longer, clicking on more pages. Plus, by making sure the website popped up more often in Google searches, even more people found it. So, the design improvements not only made users happier but also helped the website get noticed by more people online.
~1,200,000+
Sessions
Sessions
an increase of ~45%
~2,400,000+
Page views
an increase of ~45%
0:20:35
Engagement time
an increase of ~90%
SEO
Organic search
Boost of visibility
Takeaways
Takeaways
In my first role as both a designer and developer at a company, I had the invaluable opportunity to learn from my peers. In the realm of UI/UX, I acquired skills in conducting thorough research, executing interviews, creating wireframes, and adhering to design guidelines. As a developer, I honed my ability to write clean and efficient code, emphasizing the importance of leaving detailed comments for the benefit of the team and future developers. Additionally, I became proficient in seamlessly integrating with existing components.
In my first role as both a designer and developer at a company, I had the invaluable opportunity to learn from my peers. In the realm of UI/UX, I acquired skills in conducting thorough research, executing interviews, creating wireframes, and adhering to design guidelines. As a developer, I honed my ability to write clean and efficient code, emphasizing the importance of leaving detailed comments for the benefit of the team and future developers. Additionally, I became proficient in seamlessly integrating with existing components.
It was indeed a remarkable learning journey, where I had the chance to sharpen and apply my skills in both UI/UX and development.
It was indeed a remarkable learning journey, where I had the chance to sharpen and apply my skills in both UI/UX and development.
