The educational app for Jalasoft and University Jala's bootcamps is designed for students, teachers, and managers. This case study details the comprehensive design processes to develop the app, focusing on key methodologies and decisions made to create an effective and user-friendly platform.
Product UX UI proposal
Product UX UI proposal
Survey
Benchmark
Interviews
Ux ativities
Wireframes
High fidelity
prototype
The users and Interview.
Conducted interviews with technology students, teachers, and coordinators to gain insights on what skills and knowledge are necessary for a successful UX/UI design course
Conducted interviews with technology students, teachers, and coordinators to gain insights on what skills and knowledge are necessary for a successful UX/UI design course
Interview teachers - ui/ux bootcamp
Q-01 what’s your name? where you are? how many bootcamps as a teacher have you participate?
Q02: Ex: Could you tell me a little about your role as a teacher and how is it? how it diferecies between doing it from teach it?
Q03:How long have you been working for Jalasoft?
Q04: Ex: What tools do you use to teach?
Q05: Ex: tell us a bit about you onboard process to the bootcamp?
Q6: How often do you teach? Describe the last time you teach a class? how was it? and how did you feel?Interview studants
Q01: Ex: Could you tell me a little about your role and how is your job ?
Q03: Ex: What tools do you use?
Q02: Describe the last time you needed to execute design? how was it? and how did you feel?
Q04: How often do you need design?
Q05: What difficulties do you find to perform tasks related to UX/UI?
Q06: Describe a moment when you believe that having knowledge in UX/UI could have helped you
Q07: Are you in a UX/UI module? How do you see this?
Q08: Anything else you woulkd like to add?Interview Admin
Q01: Ex: Could you tell me a little about your role and how is your job at he bootcamp ?
Q02: Ex: What tools do you use and for what?
Q03: Describe the process to add a new student at the bootcamp ? how was it? and how did you feel?
Q04: what about a new teacher? how was it ?
Q05: What difficulties do you find in being the manager of the Jala bootcamps? Whats the problems you have encountered and how did you solve it?
Q06: Describe a moment when you believe that particular feature or knowledge could have helped you?Interview teachers - ui/ux bootcamp
Q-01 what’s your name? where you are? how many bootcamps as a teacher have you participate?
Q02: Ex: Could you tell me a little about your role as a teacher and how is it? how it diferecies between doing it from teach it?
Q03:How long have you been working for Jalasoft?
Q04: Ex: What tools do you use to teach?
Q05: Ex: tell us a bit about you onboard process to the bootcamp?
Q6: How often do you teach? Describe the last time you teach a class? how was it? and how did you feel?Interview studants
Q01: Ex: Could you tell me a little about your role and how is your job ?
Q03: Ex: What tools do you use?
Q02: Describe the last time you needed to execute design? how was it? and how did you feel?
Q04: How often do you need design?
Q05: What difficulties do you find to perform tasks related to UX/UI?
Q06: Describe a moment when you believe that having knowledge in UX/UI could have helped you
Q07: Are you in a UX/UI module? How do you see this?
Q08: Anything else you woulkd like to add?Interview Admin
Q01: Ex: Could you tell me a little about your role and how is your job at he bootcamp ?
Q02: Ex: What tools do you use and for what?
Q03: Describe the process to add a new student at the bootcamp ? how was it? and how did you feel?
Q04: what about a new teacher? how was it ?
Q05: What difficulties do you find in being the manager of the Jala bootcamps? Whats the problems you have encountered and how did you solve it?
Q06: Describe a moment when you believe that particular feature or knowledge could have helped you?Interview teachers - ui/ux bootcamp
Q-01 what’s your name? where you are? how many bootcamps as a teacher have you participate?
Q02: Ex: Could you tell me a little about your role as a teacher and how is it? how it diferecies between doing it from teach it?
Q03:How long have you been working for Jalasoft?
Q04: Ex: What tools do you use to teach?
Q05: Ex: tell us a bit about you onboard process to the bootcamp?
Q6: How often do you teach? Describe the last time you teach a class? how was it? and how did you feel?Interview studants
Q01: Ex: Could you tell me a little about your role and how is your job ?
Q03: Ex: What tools do you use?
Q02: Describe the last time you needed to execute design? how was it? and how did you feel?
Q04: How often do you need design?
Q05: What difficulties do you find to perform tasks related to UX/UI?
Q06: Describe a moment when you believe that having knowledge in UX/UI could have helped you
Q07: Are you in a UX/UI module? How do you see this?
Q08: Anything else you woulkd like to add?Interview Admin
Q01: Ex: Could you tell me a little about your role and how is your job at he bootcamp ?
Q02: Ex: What tools do you use and for what?
Q03: Describe the process to add a new student at the bootcamp ? how was it? and how did you feel?
Q04: what about a new teacher? how was it ?
Q05: What difficulties do you find in being the manager of the Jala bootcamps? Whats the problems you have encountered and how did you solve it?
Q06: Describe a moment when you believe that particular feature or knowledge could have helped you?Interview teachers - ui/ux bootcamp
Q-01 what’s your name? where you are? how many bootcamps as a teacher have you participate?
Q02: Ex: Could you tell me a little about your role as a teacher and how is it? how it diferecies between doing it from teach it?
Q03:How long have you been working for Jalasoft?
Q04: Ex: What tools do you use to teach?
Q05: Ex: tell us a bit about you onboard process to the bootcamp?
Q6: How often do you teach? Describe the last time you teach a class? how was it? and how did you feel?Interview studants
Q01: Ex: Could you tell me a little about your role and how is your job ?
Q03: Ex: What tools do you use?
Q02: Describe the last time you needed to execute design? how was it? and how did you feel?
Q04: How often do you need design?
Q05: What difficulties do you find to perform tasks related to UX/UI?
Q06: Describe a moment when you believe that having knowledge in UX/UI could have helped you
Q07: Are you in a UX/UI module? How do you see this?
Q08: Anything else you woulkd like to add?Interview Admin
Q01: Ex: Could you tell me a little about your role and how is your job at he bootcamp ?
Q02: Ex: What tools do you use and for what?
Q03: Describe the process to add a new student at the bootcamp ? how was it? and how did you feel?
Q04: what about a new teacher? how was it ?
Q05: What difficulties do you find in being the manager of the Jala bootcamps? Whats the problems you have encountered and how did you solve it?
Q06: Describe a moment when you believe that particular feature or knowledge could have helped you?
Interview teachers - ui/ux bootcamp
Q-01 what’s your name? where you are? how many bootcamps as a teacher have you participate?
Q02: Ex: Could you tell me a little about your role as a teacher and how is it? how it diferecies between doing it from teach it?
Q03:How long have you been working for Jalasoft?
Q04: Ex: What tools do you use to teach?
Q05: Ex: tell us a bit about you onboard process to the bootcamp?
Q6: How often do you teach? Describe the last time you teach a class? how was it? and how did you feel?
Interview students
Q01: Ex: Could you tell me a little about your role and how is your job ?
Q03: Ex: What tools do you use?
Q02: Describe the last time you needed to execute design? how was it? and how did you feel?
Q04: How often do you need design?
Q05: What difficulties do you find to perform tasks related to UX/UI?
Q06: Describe a moment when you believe that having knowledge in UX/UI could have helped you
Q07: Are you in a UX/UI module? How do you see this?
Q08: Anything else you woulkd like to add?
Interview Admin
Q01: Ex: Could you tell me a little about your role and how is your job at he bootcamp ?
Q02: Ex: What tools do you use and for what?
Q03: Describe the process to add a new student at the bootcamp ? how was it? and how did you feel?
Q04: what about a new teacher? how was it ?
Q05: What difficulties do you find in being the manager of the Jala bootcamps? Whats the problems you have encountered and how did you solve it?
Q06: Describe a moment when you believe that particular feature or knowledge could have helped you?
Ux Activities
We applied various UX and prioritization techniques to identify their main concerns and challenges.
Proto-personas
Created proto-personas based on the insights gained from the interviews and affinity mapping.
Users pains points, problems and needs
Below is a list of problems and pain points that we identified for each of the user personas, with the prioritized ones highlighted in blue
Students
For students, we identified: better onboard experience, more focus on user interface (UI), real projects that included the entire process, and less extensive content with more emphasis on topics that developers need to know to discuss with designers.
Improve the onboard experience
Have content In advance ready for the students really on
More focus on ui- UI
The main subjects, questions and doubts should be accessible to future classes.
Real projects that includes all process
Different levels from class to class and from student to student
Different levels from class to class and from student to student
Focus on topics developers should know to discuss with designers
Teachers
For teachers, we found that they needed early access to content and better communication among themselves and with administration. It was also important to provide adequate tracking of student progress and to customize content according to each class and student's level.
No Syllabus: no content program
No onboard, no training
Have content In advance ready for the students really on
Communication: (students teachers/ teachers and teachers more frequently/teacher admin)
Tracking
Different levels from class to class and from student to student
Equalize team progression
Administrator
Finally, coordinators needed a student tracking system and constant feedback to help prevent dropouts or failures. They also needed to set up the bootcamp, including stacks, students, and teachers, and provide feedback for them.
Track the students
Set up the bootcamp (stacks,students and teacher)
Feddback to students
Feedback to teachers
Feedback to company
Check performance
Avoid dropouts or failures
Using these insights, we prioritized the main concerns and problems, allowing to create an app that adequately met all stakeholders.
Ux Activities
We applied various UX exercises and prioritization techniques to identify their main concerns and challenges.
Proto-personas
Created proto-personas based on the insights gained from the interviews and affinity mapping.
Empathy Map
Created empathy maps for the personas to gain a deeper understanding of their needs, wants, and pain points.
Affinity Map
Used affinity mapping to organize and synthesize the insights gained from the interviews.
The value propositoion canvas
Created a value proposition canvas to identify the unique value that the course provides to the target audience.
Priorization task
Based on the data we collected, we conducted a prioritization process to determine which feature we will address with a solution first.
How might we
Using the 'How Might We' (HMW) exercise, we aim to develop solutions for the problems we identified and prioritized
Users pains points, problems and needs
Below is a list of problems and pain points that we identified for each of the user personas, with the prioritized ones highlighted in blue
Students
For students, we identified: better onboard experience, more focus on user interface (UI), real projects that included the entire process, and less extensive content with more emphasis on topics that developers need to know to discuss with designers.
Improve the onboard experience
Analyze, summarize and make decisions,
Have content In advance ready for the students really on
More focus on ui- UI
The main subjects, questions and doubts should be accessible to future classes.
Real projects that includes all process
very extensive content
Different levels from class to class and from student to student
Many topics/short time
Different levels from class to class and from student to student
Focus on topics developers should know to discuss with designers
Teachers
For teachers, we found that they needed early access to content and better communication among themselves and with administration. It was also important to provide adequate tracking of student progress and to customize content according to each class and student's level.
No Syllabus: no content program
No onboard, no training
Have content In advance ready for the
students really on
Have content In advance ready for the students really on
Communication: (students teachers/ teachers and teachers more frequently/teacher admin)
Tracking
Different levels from class to class and
from student to student
Different levels from class to class and from student to student
Equalize team progression
Administrator
Finally, coordinators needed a student tracking system and constant feedback to help prevent dropouts or failures. They also needed to set up the bootcamp, including stacks, students, and teachers, and provide feedback for them.
Track the students
Set up the bootcamp (stacks,students and teacher)
Feddback to students
Feedback to teachers
Feedback to company
Check performance
Avoid dropouts or failures
Journeys
After prioritization activity in the problems raised, we build journeys in search of solutions
Set up the bootcamp (stacks,students and teacher)
Login
welcome admin
list of bootcamps
course 1 ( add, edit, exclude)
course 1
course 1
welcome admin
list of bootcamps
course 1 ( add, edit, exclude)
course 1
course 1
set the date | set the students
Course 1
stack 1 ( add, edit, exclude)
stack 2
stack 3
set the date | set the students
Course 1
stack 1 ( add, edit, exclude)
stack 2
stack 3
Stack 1 (ux/ui)
set the date
(add teacher, exclude)
Stack 1 (ux/ui)
set the date
(add teacher, exclude)
Wireframe
Set up the bootcamp (stacks,students and teacher)
Layout
Set up the bootcamp (stacks,students and teacher)
Layout
Set the bootcamp - Adm. journey 1
Wireframe
Set the bootcamp - Adm. journey 1
Join a Community That Is Revolutionizing the Tech Industry
Join a Community That Is Revolutionizing the Tech Industry
We are Jalasoft, a dynamic tech community igniting impactful solutions. For over 20 years we have been working with teams of top talented individuals to serve worldwide clients with our deep-rooted industry expertise and our unmatched working culture.
We are Jalasoft, a dynamic tech community igniting impactful solutions. For over 20 years we have been working with teams of top talented individuals to serve worldwide clients with our deep-rooted industry expertise and our unmatched working culture.
Manrope
TItles
Paragraph:
Link
Link
Button
Nunito
Font family
Colors
Primary
#EF293D
Secondary
#282828
Terciary
#DDE1EA
Quarternary
#FFFFFF
Button primary
Button secondary
Link sm
Link md
White
white
#FFFFFF
rgb(255, 255, 255)
hsl(0, 0, 100)
Primary
03
#8A1823
rgb(138, 24, 35)
hsl(354, 70, 32)
02
#FFDEE1
rgb(255, 222, 225)
hsl(355, 100, 94)
01
#EF293D
rgb(239, 41, 61)
hsl(354, 86, 55)
Secondary
03
#8A8A8A
rgb(138, 138, 138)
hsl(0, 0, 54)
02
#C2C2C2
rgb(194, 194, 194)
hsl(0, 0, 76)
line
#A8A8A854
rgba(168, 168, 168, 0.33)
hsla(0, 0, 66, 0.33)
02
#E3E3E3
rgb(227, 227, 227)
hsl(0, 0, 89)
01
#282828
rgb(40, 40, 40)
hsl(0, 0, 16)
Terciary
06
#0E2966
rgb(14, 41, 102)
hsl(222, 76, 23)
05
#1C3F8C
rgb(28, 63, 140)
hsl(221, 67, 33)
04
#3161CC
rgb(49, 97, 204)
hsl(221, 61, 50)
03
#94A7D1
rgb(148, 167, 209)
hsl(221, 40, 70)
02
#DDE1EA
rgb(221, 225, 234)
hsl(222, 24, 89)
01
#E8EFFF
rgb(232, 239, 255)
hsl(222, 100, 95)
Thank you for watching!
Thank you for watching!
The educational app for Jalasoft and University Jala's bootcamps is designed for students, teachers, and managers. This case study details the comprehensive design processes to develop the app, focusing on key methodologies and decisions made to create an effective and user-friendly platform.