Kopsht dhe Çerdhe NINA
Kopsht dhe Çerdhe NINA
Kindergarten Management Web Application
My role - UX/UI Design
My role - UX/UI Design
2022
2022
Project Overview
Project Overview
I collaborated with 'NINA' Kindergarten to develop a comprehensive management app, improving operations and communication. I created a user-centric interface, addressing educators, administrators, and parents' needs, including QR code attendance tracking, automated financial management, and a parent-teacher communication platform. This solution, guided by meticulous design, streamlined operations and reduced errors, culminating in an efficient and integrated app. 'NINA' Kindergarten now benefits from enhanced communication, real-time insights, and streamlined operations, aligning with their holistic education ethos
I collaborated with 'NINA' Kindergarten to develop a comprehensive management app, improving operations and communication. I created a user-centric interface, addressing educators, administrators, and parents' needs, including QR code attendance tracking, automated financial management, and a parent-teacher communication platform. This solution, guided by meticulous design, streamlined operations and reduced errors, culminating in an efficient and integrated app. 'NINA' Kindergarten now benefits from enhanced communication, real-time insights, and streamlined operations, aligning with their holistic education ethos
Problem
Problem
Despite the successful creation of an efficient and integrated management application, 'NINA' Kindergarten is experiencing lower-than-expected user engagement, particularly among parents and teachers. The application, designed to streamline administrative tasks and facilitate communication, is not achieving its full potential in enhancing the overall educational experience.
Despite the successful creation of an efficient and integrated management application, 'NINA' Kindergarten is experiencing lower-than-expected user engagement, particularly among parents and teachers. The application, designed to streamline administrative tasks and facilitate communication, is not achieving its full potential in enhancing the overall educational experience.
Design process
Design process
Through dedicated attention to detail, I cultivated a profound understanding of users, their needs, and the design's imperative to solve the underlying problems.
Through dedicated attention to detail, I cultivated a profound understanding of users, their needs, and the design's imperative to solve the underlying problems.
Establishing a seamless connection between UI and UX lays the groundwork for the design process, ensuring a compelling final product that effectively meets and exceeds user needs and expectations.
Establishing a seamless connection between UI and UX lays the groundwork for the design process, ensuring a compelling final product that effectively meets and exceeds user needs and expectations.
01
UX Research
02
Informational Architecture
03
Wireframing
04
Design System
05
UI Design
06
Prototyping
07
Testing
08
Development
Discovery
Discovery
I've gathered crucial insights about the user, their needs, and the design's problem-solving goals. I've also thoroughly analyzed the domain and competitors. Through user interviews, I've gained valuable perspectives to inform the process.
I've gathered crucial insights about the user, their needs, and the design's problem-solving goals. I've also thoroughly analyzed the domain and competitors. Through user interviews, I've gained valuable perspectives to inform the process.
User Interface
User Interface
Acknowledging the pivotal role of visual design, I placed considerable emphasis on achieving a harmonious blend of UX and UI. Prioritizing the user, I meticulously fashioned a design that is both elegantly uncomplicated and visually engaging.
Acknowledging the pivotal role of visual design, I placed considerable emphasis on achieving a harmonious blend of UX and UI. Prioritizing the user, I meticulously fashioned a design that is both elegantly uncomplicated and visually engaging.
User Experience
User Experience
Commencing with informational architecture, I immersed myself in comprehending app structures, with a focal point on optimizing user experience. Following this, I proceeded to create both Low and High-Fidelity wireframes, ensuring a meticulous design process.
Commencing with informational architecture, I immersed myself in comprehending app structures, with a focal point on optimizing user experience. Following this, I proceeded to create both Low and High-Fidelity wireframes, ensuring a meticulous design process.
Wireframers
Wireframers
Wireframe
Typeface
Typeface
Readable, versatile and modern aesthetic font.
Readable, versatile and modern aesthetic font.
Roboto - an excellent fit for interfaces that require easy reading of text, such as in user interface and digital.
Roboto - an excellent fit for interfaces that require easy reading of text, such as in user interface and digital.
Colors
Colors
Choosing 3 primary colors helped to create a visually appealing, easy-to-use, and accessible design.
Choosing 3 primary colors helped to create a visually appealing, easy-to-use, and accessible design.
By choosing a small number of primary colors, we ensured that the app has a consistent look and feel across all screens and functions.
By choosing a small number of primary colors, we ensured that the app has a consistent look and feel across all screens and functions.
#2CB1F3
#F42D97
#FFFFFF
User Research
User Research
User personas are fictional representations of the ideal users of a product or service.
User personas are fictional representations of the ideal users of a product or service.
A series of interviews were conducted to grasp our market value, comprehend the target audience, and identify key issues to address in order to prioritize customer-centric app development.
A series of interviews were conducted to grasp our market value, comprehend the target audience, and identify key issues to address in order to prioritize customer-centric app development.
Kindergarten Managers
Kindergarten Managers
Responsible for the kindergarten's overall functioning, they need a management system that simplifies attendance, finances, registrations, and waitlists. They seek insightful reports to monitor enrollment trends and financial status, allowing them to focus on creating a nurturing environment.
Responsible for the kindergarten's overall functioning, they need a management system that simplifies attendance, finances, registrations, and waitlists. They seek insightful reports to monitor enrollment trends and financial status, allowing them to focus on creating a nurturing environment.
Teachers and Educators
Relying on the system for smooth daily operations, educators value an application that streamlines attendance, aids in planning activities, and enhances communication with parents. Real-time access to child-specific information empowers them to provide personalized care.
Relying on the system for smooth daily operations, educators value an application that streamlines attendance, aids in planning activities, and enhances communication with parents. Real-time access to child-specific information empowers them to provide personalized care.
Administrative Staff
Administrative Staff
Efficient operations are crucial for administrative staff. They use the system for financial tracking, payments, enrollment, and waitlists. Clear overviews of finances and enrollment status enable informed decisions and resource allocation.
Efficient operations are crucial for administrative staff. They use the system for financial tracking, payments, enrollment, and waitlists. Clear overviews of finances and enrollment status enable informed decisions and resource allocation.
Icons & Components
Icons & Components
Problems & Solutions
Problems & Solutions
By exploring user needs, we enhanced the input and output of user data, empowering them to identify areas for improvement and achieve more accurate and relevant results.
By exploring user needs, we enhanced the input and output of user data, empowering them to identify areas for improvement and achieve more accurate and relevant results.
It was discovered that users encountered difficulties in comprehending data while using similar apps.
It was discovered that users encountered difficulties in comprehending data while using similar apps.
01 Problem
Attendance Tracking Challenges
Solution
Introduce a digital attendance system utilizing QR codes. Parents receive unique QR codes linked to their child's profile. Upon entering the kindergarten, parents scan the QR code at a designated kiosk using their mobile devices. This system minimizes errors, enhances efficiency, and instantly updates attendance records in real-time, ensuring accurate and up-to-date attendance data.
02 Problem
Complex Financial Management
Solution
Integrate a financial management module that automates fee collection, generates invoices, and provides detailed financial reports for better transparency and control.
03 Problem
Enrollment and Waitlist Management
Solution
Develop a streamlined enrollment process that allows parents to register online. Implement a waitlist management feature that optimizes available spots and notifies parents of openings.
04 Problem
Time-Consuming Reporting
Solution
Create a reporting dashboard that offers customizable templates for enrollment, attendance, and financial reports. This saves time and provides instant insights for decision-making.
05 Problem
Limited Access to Child Information
Solution
Develop a secure portal that allows teachers to access essential child information on the go, enabling them to respond effectively to individual needs and emergencies.
01 Problem
Attendance Tracking Challenges
01 Solution
Introduce a digital attendance system utilizing QR codes. Parents receive unique QR codes linked to their child's profile. Upon entering the kindergarten, parents scan the QR code at a designated kiosk using their mobile devices. This system minimizes errors, enhances efficiency, and instantly updates attendance records in real-time, ensuring accurate and up-to-date attendance data.
02 Problem
Complex Financial Management
02 Solution
Integrate a financial management module that automates fee collection, generates invoices, and provides detailed financial reports for better transparency and control.
03 Problem
Enrollment and Waitlist Management
03 Solution
Develop a streamlined enrollment process that allows parents to register online. Implement a waitlist management feature that optimizes available spots and notifies parents of openings.
04 Problem
Time-Consuming Reporting
04 Solution
Create a reporting dashboard that offers customizable templates for enrollment, attendance, and financial reports. This saves time and provides instant insights for decision-making.
05 Problem
Limited Access to Child Information
05 Solution
Develop a secure portal that allows teachers to access essential child information on the go, enabling them to respond effectively to individual needs and emergencies.
Flow Map
Flow Map
