SchoolApp is an application for faculties, students, and parents to take classes online and get informed for school events.

A SchoolApp application collects data of students and teachers, The time spent on various periods and homework provided by a teacher. Parents can track their child's performance at school.

iphone image
iphone image

User Research

User research is the methodic study of target users-including their needs and pain points-so designers have the sharpest possible insights to work with to make the best designs. User researchers use various methods to expose problems and design opportunities, and find crucial information to use in their design process.

Why user research is important: User research is an extremely vital aspect of UX design. This discipline mainly involves thoroughly studying a target audience's behavior; determining the different wants and needs of the very same target audience; understanding their motivations, and so on.

Why we did user research: User research helps us to understand how people go about performing tasks and achieving goals that are important to them. It gives us context and perspective and puts us in a position to respond with useful, simplified, and productive design solutions.

User Personas

A persona, (also user persona, customer persona, buyer persona) in user-centered design and marketing is a fictional character created to represent a user type that might use a site, brand, or product in a similar way.

users image
users image

Why user persona is important: Creating personas will help you to understand your users' needs, experiences, behaviors, and goals. Creating personas can help you step out of yourself. It can help you to recognize that different people have different needs and expectations, and it can also help you to identify with the user you're designing for.

Why we did user persona: Basically, personas provide a guideline of what the final user experience delivered by the app should involve. To make the most out of user personas, they must be realistic and concentrate on the present instead of the future.

Customer Journey

In commerce, customer experience (CX) is the product of an interaction between an organization and a customer over the duration of their relationship. This interaction is made up of three parts: the customer journey, the brand touchpoints the customer interacts with, and the environments the customer experiences (including digital environment) during their experience.

docapp customer journey image
docapp customer journey image

Next, we scripted a typical daily feeding routine for my persona. This process helped me decide how the web app's customer experience might be designed to fit in with a feeding routine.


A wireframe, also known as a page schematic or screen blueprint, is a visual guide that represents the skeletal framework of a website. Wireframes are created for the purpose of arranging elements to best accomplish a particular purpose.


Student Home Screen


Admin Dashboard

In SchoolApp most basic paper sketches were designed for each screen . In a demonstration or usability test, the sketches are switched according to user actions. One of the advantages of paper prototype is that we could create multiple versions without wasting time on digital tools.


A styleguide or manual of style is a set of standards for the writing, formatting and design of documents. It is often called a style sheet, although that term also has other meanings. The standards can be applied either for general use, or be required usage for an individual publication, a particular organization, or a specific field.

Style guide image

These guidelines are meant to help developers keep elements like buttons and forms consistent across multiple webpages. Additional examples and references, like writing samples, words to avoid, PowerPoint templates or photography compositions could also be helpful to include in a brand styleguide.


The modern technology set we chose enabled us create a fast- loading, scalable app to support SchoolApp's quickly growing global business. We put in place a Content Management System (CMS) and rich User Guide to allow SchoolApp's editors to easily maintain the app going forward.

Development framework
Mobile app framework
Messaging broker
Virtual machine
Headless Orchard CMS