WEB, ANDROID, IOS

Educational tours management

Problem identification, wireframes, UX UI, prototypes, and a pitch deck for teachers, parents, and admins of the tour operating system.

3D Photo with group of friends made with blender.3D wallet made with blender.3D bus made with blender.

Project overview

Smart tours help teachers, parents, and students to be on the same page during the field trips. making it easy for parents to communicate with teachers during the tours. Live feed allows everyone involved in the tour to see what's happening during the tours at all times - no more guessing! Know exactly where your kids are at any given moment. Admins and teachers get access to analytics of their tour performance including payment records that will help them provide better tours for future years.

Challenge

We are looking to build mobile applications that allow students and parents to interact in fun ways during field trips. Additionally, the major challenge is providing school administration with a way of managing payments, communicating updates about tours while they happen, alerting parents if an emergency occurs on tour day or getting feedback from them after it's over.

Design process

After studying the use cases based on the user roles - school admins, teachers, employees and parents, a Business process mapping is designed considering the users who were interested in having certain features as a part of the platform. Low fedility wireframes & sketches are made to discuss and refine before designing the interactive prototype for all users.

Final result

A well-structured platform is designed where all user roles connect with ease through mobile and web applications. The platform allows teachers to post photos and videos on a live feed while parents can interact with comments, likes etc. Admins have access to complete statistics and manage payments, employees, teachers & children from their web application.

Teachers : Manage tours and post live feed

Teachers can post photos and videos of the tour in real time, keep parents in the loop with up to date info when you're at specific points on tours. You won't need to spend hours trying to manage tasks for individual people anymore; it's all done right from the app.

Smart tours mobile app - Home Screen for Teacher user.
Smart App mobile app - Pending tasks screen for teacher user.
Smart App mobile app - Tour details screen for Teacher user.
Smart App mobile app - Make a new post screen for Teacher user.

Parents : Browse, join tours and watch live feed

Parents can browse and find tours that are uniquely tailored for their child's current interests. You can view live feed and post comments during your child's tour time with the teacher, so you don't miss out on any of their creative fun!

Smart App mobile app - Browse tours screen for Parent user.
Smart App mobile app - Tour details screen with tour feed for Parent User.
Smart App mobile app - Tour details screen with overview for Parents User.
Smart App mobile app - My children list screen for Parent user.
Smart tours App icon.
Smart tours
Browse educational tours

Parents can browse tours that are suitable to their kid's current interests and join them.

Live feed during the trip

Teachers and parents can interact during the tours while posting videos & photos of the places they visited.

Interact with teachers

The messaging system helps the parents to get updates on anything at any time during the tour.

Statistics for the Admins

Admins and employees get the complete statistics of the tours on their dashboard and quick numbers on their smart watch.

Preview of Smart app screens on iPhone12  mockups.

Overall statistics for Admin & employees

Admins, employees and teachers will have access to statistics about how many parents and kids they've reached plus other important details like signups, refunds, payments, list of tours etc. on their dashboard.

Smart App web app - Dashboard screen for School administration users.
Smart App web app - Dashboard screen for school employees and tour management users
Smart Tours web app - All tours list screen for tour management users
Smart Tours web app - Customers list screen for tour management users
Left Arrow icon.
Right arrow icon.

Communicate and get notified during tours

Teachers and parents can stay connected during the tours. Admins, teachers or employees can update the tours with any important information so that it's accessible to everyone. The dues shown on the parents profile makes it easy for them to do quick payments.

Smart. Tours mobile app - Messages screen for Teachers and parent users.
Smart Tours web app - Chat screen for teachers and parent users.
Smart Tours web app - Notifications screen for teachers and parent users.
Smart Tours web app - Profile screen for parent users.

Quick statistics and notifications on watch

The smartwatch tracks the total number of tours happening in a week, month and year. The statistics help tour operators see the profitability trend at a glance which helps them take better business decisions.

Smart Tours watch app - Statistics screens for School Administration users.
Quote icon.

Define what the product will do before you design how the product will do it

- Alan Cooper

Showcase of smart tours app screens on Android phone mockups.
Picture of students going on a field trip with smart tours application.
Picture of a teacher demonstrating about the field trip to students.
Showcase of smart tours web app for Administration users on a tablet device.

Wireframes and behind the scenes

Here's a sneak peek of the work done for this project before designing a high-fidelity interactive prototype. I always draw wireframes as they are an essential part of the product development process, allowing you to identify issues earlier on, saving time & money in design and development phases.

A picture of a MacBook Pro laptop with figma app and designs on the screen, along with wireframe papers.
Picture of coloured sticky notes with tasks for Smart tours project.
Figma app with smart app screen design process on a MacBook Pro laptop.
A dashboard screen in a figma app, on MacBook Pro laptop.
Picture of wireframes drawn on paper for Smart tours project.

Thank You!

A blue clay 3D hand wearing a smart watch with smart tours app screen on it.
View all projects
Right arrow icon.