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’s. 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.

User research image

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

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.

schoolApp customer journey image
schoolApp 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 I could create multiple versions without wasting time on digital tools.

Style Guide

A style guide 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 style guide.


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

Development framework
React Native
Mobile app framework
Messaging broker
Virtual machine
Headless Orchard CMS
Cookie Settings Logo
We use cookies. Further information can be found in our privacy policy.