Web Design: Adaleg IT
.png)
Summary:
In this project I worked with a team of UX designers to design a new webpage for Adaleg IT. This page will be designed to inform school administrators and introduce their children's coding program to schools.
Problem:
-
Adaleg IT needs an efficient way to communicate with school administrators, adults, and parents to help demonstrate the value of their coding programs.
Solution:
-
Adaleg IT needs an updated landing page.
-
They also need a new page on their website to direct school administrators and introduce their children's coding program to schools.
Role:
UX Designer
Methods:
Heuristic analysis, IA, card sorting, competitive & comparative analysis, interviews, affinity mapping, personas, journey mapping, sketches, wireframes and prototyping.
Adaleg IT is a Jewish Community-Based training organization that provides individuals with the necessary skills, know-how, experience, and opportunities to leap into a career in tech. They run high-end courses that draw on the best industry standard curriculums. Adaleg has also created an Online Coding for Kids at Home program.
Current Page:
Competitive analysis:
Code.org
Skill Samurai
Interviews:
Our team would have loved to interview the schools that are currently using the Adaleg program, but due to the clients busy schedule it did not happen. Forging ahead with a desire to fully understand the experience administrators and teachers have with tech in the classroom we ran several other interviews. We ran a total of 6 interviews, all participants are teachers of various schools and grade levels.
Discoveries:
.png)
Out of the six interviewed, only one of the participants had any coding knowledge. They may not know how to code themselves, however all of the teachers agreed that coding was very important to begin teaching to students as early as possible.
Personas:
We used the interview data that we collected to create these personas. These personas were to help us keep these specific users in mind while we create the new pages. Their influence can be felt all the way through to the final prototype. The first is a school administrator who is in charge of the curriculum. She is the target user for our design. The second is a teacher who is tech savvy and is trying to get coding into her curriculum but will need permission from the school. She will feel the direct effect of the school joining the Adaleg coding program.
Journey Map:
We used journey mapping to map out the experience an administrator would have when they first log on to Adaleg. This helps us find pain points in the process. Here we discovered that once they go on the site there is significant lag time between when they are curious about the program, and when they can actually get ahold of more information. This helped us design the new page where we could answer more of the admins questions faster with no lag time.
Ideation:
I started with some sketches to map out both pages. Our client wanted the page to encompass school administrators, as well as adults who want to learn to code and parents who want to get their kids involved. He wanted administrators to sign up after seeing the page without him having to explain things further.
Colors:
Typography:
Prototype version one & two:
We created two versions to get a feel for the direction our client wanted. Unfortunately this is where after many negotiations we could not come to a financial agreement and were forced to cut the project short.
.png)
Final version:
After the project had ended I went on to attend Memorisely's UI focused program. I learned so much from the program that I went back into the file and created a new version. Using responsive design and interactive components I created a new design for Adaleg that is far superior to my our first attempts.
.png)