Product Overview
Product Overview
Product Overview
Business Challenge
Kids first Montessori is preschool with an outstanding reputation and excellent reviews from parents but struggled to attract inquiries and generate leads due to its poorly designed website. The outdated and cluttered design failed to reflect the school’s exceptional quality and welcoming environment, creating a misalignment between its digital presence and real-world offerings.
Business Challenge
Kids first Montessori is preschool with an outstanding reputation and excellent reviews from parents but struggled to attract inquiries and generate leads due to its poorly designed website. The outdated and cluttered design failed to reflect the school’s exceptional quality and welcoming environment, creating a misalignment between its digital presence and real-world offerings.
Business Challenge
Kids first Montessori is preschool with an outstanding reputation and excellent reviews from parents but struggled to attract inquiries and generate leads due to its poorly designed website. The outdated and cluttered design failed to reflect the school’s exceptional quality and welcoming environment, creating a misalignment between its digital presence and real-world offerings.
My Role:
Ux researcher, designer, content creation, prototyping and wire framing, usability testing and iteration
My Role:
Ux researcher, designer, content creation, prototyping and wire framing, usability testing and iteration
My Role:
Ux researcher, designer, content creation, prototyping and wire framing, usability testing and iteration
Duration
6 weeks
Duration
6 weeks
Duration
6 weeks
Solution Approach
Solution Approach
Solution Approach
Redesign with User-Centered Focus:
Create an intuitive navigation structure to help parents easily access key information, such as programs, admissions, and contact details.
Redesign with User-Centered Focus:
Create an intuitive navigation structure to help parents easily access key information, such as programs, admissions, and contact details.
Enhanced Visual Appeal:
Use high-quality images, videos, and testimonials to showcase the school’s nurturing environment and excellent reputation.
Enhanced Visual Appeal:
Use high-quality images, videos, and testimonials to showcase the school’s nurturing environment and excellent reputation.
Enhanced Visual Appeal:
Use high-quality images, videos, and testimonials to showcase the school’s nurturing environment and excellent reputation.
Clear Calls-to-Action (CTAs):
Integrate prominent CTAs, such as “Schedule a Tour” or “Contact Us,” to guide users toward making inquiries or scheduling visits.
Clear Calls-to-Action (CTAs):
Integrate prominent CTAs, such as “Schedule a Tour” or “Contact Us,” to guide users toward making inquiries or scheduling visits.
Streamlined Information:
Present concise, well-organized content about programs, curriculum, and unique selling points to engage prospective parents effectively.
Streamlined Information:
Present concise, well-organized content about programs, curriculum, and unique selling points to engage prospective parents effectively.
Responsive Design:
Optimize the website for mobile devices to ensure seamless access on all platforms.
Responsive Design:
Optimize the website for mobile devices to ensure seamless access on all platforms.
Responsive Design:
Optimize the website for mobile devices to ensure seamless access on all platforms.
Style Guide
Style Guide
Style Guide
Check Out The Hi-Fi Prototype
Check Out The Hi-Fi Prototype
Check Out The Hi-Fi Prototype
Or check out the live site at www.kidsfirstmontessori.com
Or check out the live site at www.kidsfirstmontessori.com
To view full case study click here!
To view full case study click here!
Quick view Index
Quick view Index
Quick view Index
To dive in deeper, here is a quick overview of all the steps I followed in order to help Kidsfirst Montessori.
To dive in deeper, here is a quick overview of all the steps I followed in order to help Kidsfirst Montessori.
User Research
User Research
User Research
User Persona
User Persona
User Persona
User Journey Mapping
User Journey Mapping
User Journey Mapping
User Pain Points
User Pain Points
User Pain Points
Based on testing 5 participants, categorizing and identifying common themes led to finding 5 specific pain points.
Based on testing 5 participants, categorizing and identifying common themes led to finding 5 specific pain points.
Outdated or Unappealing Design:
A poorly designed or cluttered website fails to create a professional and welcoming impression, which can lead to doubts about the school’s quality.
Outdated or Unappealing Design:
A poorly designed or cluttered website fails to create a professional and welcoming impression, which can lead to doubts about the school’s quality.
Unclear Information:
Parents find it frustrating when websites lack concise and transparent information about Montessori principles, programs, and daily schedules, making it hard to evaluate the school.
Unclear Information:
Parents find it frustrating when websites lack concise and transparent information about Montessori principles, programs, and daily schedules, making it hard to evaluate the school.
Lack of Visual Representation:
The absence of high-quality photos or videos showcasing classrooms and activities makes it difficult for parents to visualize the school environment.
Lack of Visual Representation:
The absence of high-quality photos or videos showcasing classrooms and activities makes it difficult for parents to visualize the school environment.
Not Mobile-Friendly:
Non-responsive websites create a poor user experience for parents researching on their smartphones, making it inconvenient to access essential information.
Not Mobile-Friendly:
Non-responsive websites create a poor user experience for parents researching on their smartphones, making it inconvenient to access essential information.
Complex Inquiry Tools:
No certain admission process information and complicated or inaccessible forms for scheduling tours or submitting inquiries deter parents from taking the next step in the enrollment process.
Complex Inquiry Tools:
No certain admission process information and complicated or inaccessible forms for scheduling tours or submitting inquiries deter parents from taking the next step in the enrollment process.
Complex Inquiry Tools:
No certain admission process information and complicated or inaccessible forms for scheduling tours or submitting inquiries deter parents from taking the next step in the enrollment process.
Conclusions
Conclusions
Conclusions
Flowchart
Flowchart
Flowchart
WireFraming
WireFraming
WireFraming
Focusing on the core features identified during the user research, I sketched the first wireframes using pen and paper.
I created the list of all the important things that needed to be added in the wireframes like nav bars, scheduling buttons, information about the school, user reviews etc. using these as base, I created four different versions of wireframes.
Focusing on the core features identified during the user research, I sketched the first wireframes using pen and paper.
I created the list of all the important things that needed to be added in the wireframes like nav bars, scheduling buttons, information about the school, user reviews etc. using these as base, I created four different versions of wireframes.
Digital Wireframes
Landing Page
Digital Wireframes
Landing Page
Digital Wireframes
Landing Page
I designed a new homepage with a playful and engaging layout, focusing on:
A clear and welcoming message upfront, paired with the school's motto.
A prominent and bold call-to-action (CTA) button to encourage user engagement.
Informative sections highlighting core Montessori features, such as child-centered learning, mixed-age classrooms, independence, hands-on learning, and a prepared environment.
A striking hero image that captures and promotes a sense of togetherness among students.
I designed a new homepage with a playful and engaging layout, focusing on:
A clear and welcoming message upfront, paired with the school's motto.
A prominent and bold call-to-action (CTA) button to encourage user engagement.
Informative sections highlighting core Montessori features, such as child-centered learning, mixed-age classrooms, independence, hands-on learning, and a prepared environment.
A striking hero image that captures and promotes a sense of togetherness among students.
About us Section
About us Section
About us Section
After a couple of rounds of iterations, I created a well-organized "About Us" section, providing a concise introduction to the school, it's facilities, and it's unique "Kids First" approach. Additionally, I included a brief paragraph about the teachers to foster trust and a sense of comfort for prospective parents.
After a couple of rounds of iterations, I created a well-organized "About Us" section, providing a concise introduction to the school, its facilities, and its unique "Kids First" approach. Additionally, I included a brief paragraph about the teachers to foster trust and a sense of comfort for prospective parents.
Photo Gallery
Photo Gallery
Photo Gallery
I revamped the photo gallery page, transforming it from a collection of random group photos into an elegant section that highlights the individual experiences of children throughout their day at Kids First Montessori.
I revamped the photo gallery page, transforming it from a collection of random group photos into an elegant section that highlights the individual experiences of children throughout their day at Kids First Montessori.
Curriculum & Extra Curicular activities
Curriculum & Extra Curicular activities
Curriculum & Extra Curicular activities
Drawing from research and participant interviews, I created a dedicated section titled "Why Kids First Montessori." This section provides prospective parents with an insight into the Kids First curriculum, the extracurricular activities offered, and the awards and recognition the school has earned over the years.
Drawing from research and participant interviews, I created a dedicated section titled "Why Kids First Montessori." This section provides prospective parents with an insight into the Kids First curriculum, the extracurricular activities offered, and the awards and recognition the school has earned over the years.
Review & Contact us section
Review & Contact us section
Review & Contact us section
The original site featured a nearly non-existent review section, despite boasting outstanding online reviews.
To address this, I created a dedicated review section that highlighted their exceptional online feedback. Additionally, I designed a more comprehensive "Contact Us" page, ensuring it included all the essential information needed for prospective clients or parents.
The original site featured a nearly non-existent review section, despite boasting outstanding online reviews.
To address this, I created a dedicated review section that highlighted their exceptional online feedback. Additionally, I designed a more comprehensive "Contact Us" page, ensuring it included all the essential information needed for prospective clients or parents.
Additional Pages
Additional Pages
Additional Pages
I created additional pages, such as an "Admissions" page that provides potential parents with details about the smooth admission process and other relevant information, and a "Schedule a Tour" page, encouraging interested parents to take the next step.
I created additional pages, such as an "Admissions" page that provides potential parents with details about the smooth admission process and other relevant information, and a "Schedule a Tour" page, encouraging interested parents to take the next step.
Pages that didn't make the cut
Pages that didn't
make the cut
Pages that didn't make the cut
I designed a dedicated "Teachers" page to provide additional information about the staff, however, due to client concerns, such as the risk of poaching, it was not included. I also created a separate "Parents Info" page detailing the curriculum and extracurricular activities but later chose to incorporate this information into the "About Us" and "Why Choose Kids First Montessori "page.
I designed a dedicated "Teachers" page to provide additional information about the staff, however, due to client concerns, such as the risk of poaching, it was not included. I also created a separate "Parents Info" page detailing the curriculum and extracurricular activities but later chose to incorporate this information into the "About Us" and "Why Choose Kids First Montessori "page.
Lo-Fi Prototype
Lo-Fi Prototype
Lo-Fi Prototype
Click here to check out lo-fi Prototype
Click here to check out lo-fi Prototype
Hi-Fi Prototype
Hi-Fi Prototype
Hi-Fi Prototype
Click here to check out Hi-fi Prototype
Click here to check out Hi-fi Prototype
Accessibility Considerations
Accessibility Considerations
Accessibility Considerations
When choosing the color palette, I made sure the primary colors met the WCAG AA compliance before building UI for each screen.
When choosing the color palette, I made sure the primary colors met the WCAG AA compliance before building UI for each screen.
I am using two types of typefaces:
Bitter for headlines and Helvatica for body copy.
Both are clear and sized appropriately to make them easy to read.
By focusing on these next steps, the Kids First website can evolve into a more comprehensive, user-friendly, and visually appealing platform that effectively serves both current and prospective parents.
I implemented the hierarchy through out the app. This helps user distinguish the different sections and information on the screen.
I implemented the hierarchy through out the app. This helps user distinguish the different sections and information on the screen.
Next Steps
Next Steps
Next Steps
After successfully designing the Kids First website within the provided platform and budgetary constraints, the focus now shifts to optimizing and refining the site in future iterations.
Due to budget limitations, certain design elements had to be omitted, and I had to work within the constraints of the existing platform. However, there are several steps that can be taken to improve the website in the next round of development.
After successfully designing the Kids First website within the provided platform and budgetary constraints, the focus now shifts to optimizing and refining the site in future iterations.
Due to budget limitations, certain design elements had to be omitted, and I had to work within the constraints of the existing platform. However, there are several steps that can be taken to improve the website in the next round of development.
Gather User Feedback
Collect feedback from parents, staff, and other stakeholders to identify usability issues and areas for improvement.
Utilize surveys and website analytics to understand user behavior and engagement.
Performance Optimization
Assess website speed and responsiveness to ensure smooth navigation.
Optimize images and other media to enhance loading times without compromising quality.
Content Refinement
Regularly update content to keep it relevant and engaging for prospective parents.
Ensure consistency in tone and branding across all pages.
Platform Migration Consideration
If budget allows in the future, evaluate the possibility of migrating to a more flexible platform that provides greater customization options and scalability.
Assess cost-benefit analysis to determine whether switching platforms aligns with the school's long-term goals.
Gather User Feedback
Collect feedback from parents, staff, and other stakeholders to identify usability issues and areas for improvement.
Utilize surveys and website analytics to understand user behavior and engagement.
Performance Optimization
Assess website speed and responsiveness to ensure smooth navigation.
Optimize images and other media to enhance loading times without compromising quality.
Content Refinement
Regularly update content to keep it relevant and engaging for prospective parents.
Ensure consistency in tone and branding across all pages.
Platform Migration Consideration
If budget allows in the future, evaluate the possibility of migrating to a more flexible platform that provides greater customization options and scalability.
Assess cost-benefit analysis to determine whether switching platforms aligns with the school's long-term goals.
By focusing on these next steps, the Kids First website can evolve into a more comprehensive, user-friendly, and visually appealing platform that effectively serves both current and prospective parents.
By focusing on these next steps, the Kids First website can evolve into a more comprehensive, user-friendly, and visually appealing platform that effectively serves both current and prospective parents.
Check out more of my work
Check out more of my work
Check out more of my work
Thank you for your interest in my work. Let's Connect!
Thank you for your interest in my work. Let's Connect!
Thank you for your interest in my work. Let's Connect!
Made with masala-papad + chai.
Made with masala-papad + chai.
Made with masala-papad + chai.
Tasneem Singaporewala
Tasneem Singaporewala
Tasneem Singaporewala