top of page
.webp)
ALMABETTER
CLIENT WORK
UI/UX DESIGN
ROLE:
Senior/Lead UI/UX Designer
UX RESEARCH
REBRAND ADAPTATION
CLIENT:
AlmaBetter
SUMMARY OF PROJECTS EXECUTED
-
Worked with product lead to redesign old web pages both visually and UX flow, twice.i.e 2 versions.
-
Worked with Branding team to incorporate new branding across the entire website and supporting products + marketing materials
-
Initialising the creation of the official brand design system
-
Designed the 'Bytes' product' on the main website, which is a curation of free resources of students to use from articles, videos, assignments etc.
-
Worked on designing dashboards for the coaches, admins and students. Both the logic and visual designing
-
Helped design a product/ feature on the website that lets users find jobs similar to linkedin but more specific to industry leading skills.
DESIGN SYSTEM
SELECTED PROJECT TO SHOWCASE - 'BYTES' BY ALMABETTER
Due to NDA reasons only select parts and projects will be showcased
'BYTES' BY ALMABETTER
CLIENT WORK
UI/UX DESIGN
UX RESEARCH
ED- TECH
May 2023- July 2023
Bytes is a collection of free resources for free users, signed up or not.
This collection consists of materials that users can use to improve their knowledge on popular IT skills, their skills and learn how to ace their interviews.
PROJECT CONTEXT
AlmaBetter has been a pioneer in online technical education, specializing in Data Science and Web Development. In order to increase users who sign up to check out the program, Sign up and eventually buy courses, we need to let the free users experience Almabetter without signing up nor paying.
PROBLEM STATEMENT
AlmaBetter, a fairly new player as an upskilling platform industry, faces obstacles in attracting consistent paid users due to the fundamental issues of trust and uncertainty surrounding the quality of education offered.
TOOLS USED
-
Figma
-
Strapi
-
Adobe Photoshop
-
Adobe Illustrator
SOLUTION
Bytes is a free online resource for unregistered users who can then register to unlock further perks like saving, sharing and even tracking their progress.
Created to tempt non-users to try out the resources and get a taste of the high quality education they can further access into if they signed up for paid courses
Builds a sense of trust with unknown users and thereby increase footfall due to the " free aspect"
_gif.gif)
Ultimately increase paid user covnversion rate
TURNS INTO
REGISTERED PAID USER
UNREGISTERED FREE USER
RESEARCH SUMMARY
-
Defining goals and objectives behind the Bytes pages.
-
Competitors analysis
-
Primary round of research - Current user inputs and suggestions
-
Information Architecture
-
Define Sitemap and design wireframes
-
Content template creation
-
Testing prototype with users and key stakeholders
-
Reworking based on insights from user testing
Information Architecture
.jpg)
Quick wireframes were created to visualize the designs better based on which final UI design both functional and aesthetic wise were created
A low-fidelity prototype was created to test using existing users to get feedback.
Testing was successful and gave us useful insights that we incorporated
Ideation - Lo-fidelity Wireframes
FINAL UI - SELECT FEATURES
-
Main Byte Landing page ( desktop version )
-
Free resources' cards that lead to dedicated pages for data analysis and web development ( and eventually other types of content) courses.
Python
Jawa Script
-
Bytes' Landing page - Hero Section for Signed in User ( Desktop )
-
'Bytes' Landing page- Mobile version
-
Bytes' Landing page - Hero Section for Signed in User ( Desktop )
-
Signed In users ( free users ) can then save, like and share the material they are learning. They can also comment doubts that will be clarified by the teaching mentors of Almabetter
-
Signed In users can also track their progress
and more
Data Science
_edited.png)
-
Select screens - Desktop versions + Mobile version ( click to expand)
.webp)
bottom of page