LOADING
Description

A brief about
the Project

A Structured, focused and continuous approach to empower individuals to explore, understand, decide, plan and execute educational, vocational and career pathways based on real world scenarios towards achieving a self informed, self directed and evolving life and career vision.

It's a web-based platform which is aimed to help show the students their strengths based on the assessments and records over a period of 10-12 years. Based on the individual’s identified skill-set the AI categorizes & creates the entire data into a simplified form which can be easily understood by the common man and can be accessed anytime. This data can help them to identify skills that they might not have noticed themselves & it can help them have more clarity in the future when the time comes for them to choose a stream of study.

Company:
SmartSkills
Location:
Chennai, India
Date:
20 May, 2022
Logo Design

Logo Design Process

You'll place heaven forth good him dominion give you're all brought creepeth itself second waters.

Step 01

Here, we can see that there is a black rectangular shape prominent with the inner line transparent. The black box here denotes a screen or a digital device like a smartphone or a tablet. It can also be taken as rectangular plot or simply a box in this concept that has a set limit.

Step 02

Here, we can now see that the black rectangular shape is transparent with the inner line prominent. The green line is denoted as a path or a way that leads from one place to another where a wavy line also denotes movement. It also is in the shape of an ‘S’ which is the S of the word SmartSkills.

Step 3

If combined, the path goes outside the boundaries of the rectangular box portraying ‘Life beyond boundaries’ or ‘Going out of the box’. It also denotes the rectangle is a small space that the student see while it also helps the student to find the path towards a world of opportunities.


BRANDING ITEM

Login Screen

The Login Screen consists of two main buttons which are 'Parent Login' & 'Teacher Login' respectively. This is the first screen that a user see on app launch. The parent login helps to keep track of your childs overall progress while teacher login is the one that has editing capabilities like to add remarks.

Colour Palette:
Login Screen
Branding Item

Sign In Page

This is the Sign In Page. If you are already a registered parent, you can directly Sign In here with the registered Email & Password. If the credentials are a match after validation then you will be redirected to the App Homepage.

Colour Palette:
Sign In Page
BRANDING ITEM

Sign Up Page

This is the Sign Up Page. If you are new to the platform and dont have a registered account, then you can directly Sign Up here by providing the required details. An email will be sent to the registered email and once verified, you will be automatically redirected to the App Homepage.

Colour Palette:
Sign Up Page
Branding Item

Forgot Password

Forgot your password? No problem! To retrieve your account, you need to enter your registered email and click reset password. Now, you will recieve an email to the registered ID with a link to reset your password.

Colour Palette:
Forgot Password
BRANDING ITEM

App Homepage

You have successfully logged in and has now reached the App Homepage. This page consists of many buttons starting from Track Progress, Blog, Report, Donate, Support and the Career Analyzer which is a pro feature.

Colour Palette:
App Homepage
Branding Item

Profile Section

This is the student profile. The overall skillset has been divided into 4 categories which are Basic Academic Skills, Core Skills, Personal Attributes and Personal Qualities. Based on the categories you can track the areas in which the student is performing well and the ones that need improvment.

Colour Palette:
Profile Section
BRANDING ITEM

Blog Section

The blog section is kept upto date with the latest educational and technological content that can aid students, parents and even teachers to stay updated about current trends and advancements in the field. Most resources are free except some blogs which would require a pro subscription.

Colour Palette:
Blog Section
Branding Item

Blog Article Page

The blog article design is basically how the inside page of the blog looks like. It has an overall minimal design with 80% background stays light. It has accurate details like when the blog was posted and its also possible to share blog contents as well.

Colour Palette:
Blog Article Page
BRANDING ITEM

Settings Page

Settings is where you configure things based on user preference. You can change your Account Settings, Notification Settings, Storage & Data Settings etc. If you are a pro user, you can make use of the Dark mode feature which is also supported.

Colour Palette:
Settings Page
Branding Item

Membership Purchase

As you can see the membership costs are extremely low. This is because SmartSkills is an initiative to help create a happier society and the goal is to reach everyone. So basically SmartSkills is like a Non-Profit Organisation which runs on Donations and Memberships to cover its running expenses.

Colour Palette:
Membership Purchase
BRANDING ITEM

Report Generate

Report Generation is there for convenience. The AI takes the skills that are recorded from the students profile and generates a report where it is properly framed in sentences that anyone can easily understand.

Colour Palette:
Report Generate
Branding Item

Career Analyzer

Career Analyzer is an optional but a unique feature of the App. When you click the button Search with my Profile, the App fetches the recorded skillsets of the student, use it as filters and find the most suitable career options that goes well with those found skillsets among the huge database of career options which is regularly updated.

Colour Palette:
Career Analyzer
BRANDING ITEM

Tech Support

Got any technical issues related to the App and need help? Now worries, we got you covered! As you can see, once connected to one of our verified technical staff, you can click the button Start the Conversation to begin.

Colour Palette:
Tech Support
Branding Item

Support Chat

You can now see the support chat interface. The overall UI has a clean look with the same brand colours has been used for the chat bubbles. There is also an option to attach and send items to the technician if required.

Colour Palette:
Support Chat
BRANDING ITEM

Donations Page

Other than memberships, Donations are another alternative in which you can support the cause. The donations will be used to run the playform and also sponsor education for students who are not financially stable.

Colour Palette:
Donations Page