Designing With Web
Part 3 · Phase 1: Prototype
How to fill in this document?
Simply edit the
index.html file and fill in everything that has the
.todo class. You can remove the class bit by bit afterwards
to make sure you're not missing anything (every missing bit will be
colored).
By the way, "lorem ipsum" is just a dummy text used
for text placeholders and testing layouts. You can learn more about it
on loremipsum.io.
Group 115
Add your name to the list and provide a link to the individual exploration that you did for Part 2.
Our group
- Antonin BLANCHARD: link-to-part-2-assignment.glitch.me
- Emma BOURRON: link-to-part-2-assignment.glitch.me
- Agnès GRARDEL: link-to-part-2-assignment.glitch.me
- Colin HILGERS: link-to-part-2-assignment.glitch.me
- Hugo MIGNOT: link-to-part-2-assignment.glitch.me
Our subject
Our subject is
"Provide easy access to learning in-demand skills.".
It
comes from the United Nations' Sustainable Development Goal number
four, which is entitled "Quality education".
Our research question
The research question we have formulated together is "How can we help and support students in acquiring specific skills sought by companies?". The two projects ideas below try to answer that question.
Project 1 · Skillab
Context
When? Where? Who? Why? Explain the specific context of your project.
In-demand skills can be defined as the specific skills recruiters seek the most when searching for talents and future employees. However, a quick Google search let's you realise that in-demand skills vary from year to year and even month to month and are very diverse and numerous. In that vast wilderness of skill demand and formation offer, there is no easy way for a student to find the perfect fit to his personal path and to assess a formation's impact on his value to the recruiter.
Target + persona
For whom? Describe the users and beneficiaries of your project, and then suggest a quick persona (refer to Part 2 of the course for methodology tips).
The target is the student. His school and traditional curriculum provides him with a global education and then, with a more specific education in master's degree or other graduate program but they can rarely hybrid knowledge and fields in such educational paths. Therefore, we are focusing on the student who wants to learn specific skills out of curiosity and interest but also for professional strategy and added value to the eyes of the recruiters.
Persona
- Thomas, 23
- Lyon, France
- Student with low income from student jobs
- Thomas loves football, partying and is passionate about computers and cryptocurrencies
- Thomas would love to work in strategy consulting, he likes to learn
- He does not have a lot of money to spare because he parties a lot, he has class during the day and is not much available before 5pm every day, he is worried that he will not be competitive on the market when he gets out of school
- He only has a limited number of courses he can take at school, his school does not provide courses on subjects he wants to learn more about such as finance with cryptos, machine learning and advanced Big Data
Service offered
What? How? Explain how your solution works, what it enables the user to do, and how is solves the initial issue.
Our solution is quite simple: we want to provide Thomas with a platform that will help him find the best formation for his profile. The idea is for him to fill his personal details such as his CV, education etc and also what job/field he wants to work in. The platform would then assess how strong his profile is and what formation could help him become more visible and valuable to the recruiters. The platform would regroup all available formations from the main formation providers such as Udemy, OpenClassrooms or the ENI for Thomas to have direct access to them and a clear view of the price, the conditions of learning, the content and an estimation of the added value to his profile.
Features + user flow
Explain what features your project involves and hierarchize them from
the most important one to the least.
Remember: a feature is a verb + a noun, it describes an action that
the user can do.
Then, for your first and most important feature (the key feature), write
down and draw the user flow: what steps will the user have to go
through, from the initial situation to the final situation? Again, refer
to Part 2 of the course for methodological tips.
Features
- Feature 1 (key feature): get formation recommandation according to the user's profile
- Feature 2: Search and filter formations according to the user's criterias
- Feature 3: Get accurate and straight forward information on formations
User flow
- Initial situation: the student wonders how to improve his CV and please most recruiters
- Step 1: He goes on the app and fills his personal information
- Step 2: He navigates through tailored results and learns about what formations are available
- Step 3: He can choose to follow the formation he likes most and gets a direct link to it
- Step 4: He has followed the formation he wanted and has learned a new in-demand skill. His profile gets updated with the new information and he can restart the process with the app taking into account his new formation.
- Final situation: The student finally has a clear vision of what skills are the most valuable to his profile, and is able to learn efficiently and become more competitive.
Illustrations
Find pictures that describe the universe around your service (context, users, places, technologies…). Don't try to illustrate the final service that you may have in mind but instead, its context. Basically, translate the keywords you used in the descriptions above to pictures.
Benchmark
List competitors or related projects, and describe how they relate or differentiate to your project.
- Switch collective: For six weeks, we do practical exercises, online or in the presence of a collective. We list ten moments of our life that made us vibrate, ask questions to our entourage about our assets... Then, according to our interests, switch collective helps us to change direction, to reorient ourselves professionally. Price: The method costs between 250 and 1,998 euros, depending on the formula chosen
- The offer is based on artificial intelligence algorithms that are interested in both the profile (training, experience, qualities, etc.) and the user's criteria (job, salary, geographical area). Depending on the skills entered, the algorithm searches through 250,000 job offers from Pôle emploi and its partners and finds alternative ways to find a job. Price: Free.
References
Books, films, articles… list every reference that may be relevant regarding this project, and explain why.
- Weforum , It can help determine a method to classify useful formations and understand how trending skills works, and why not use LinkedIn ? or Indeed
- Example of online course catalogue to see what already exists
Project 2 · MasterFrench
Context
When? Where? Who? Why? Explain the specific context of your project.
There are skills that are considered as natural or fundamental, that is to say everyone should have interiorized them according to the public opinion. For instance, if you are French everyone assumes that you should know how to speak French properly especially at a certain age. However lots of studies have shown that French students are becoming always worst at French which makes mastering French language more than ever an in-demand skill by firms but also by students that want to improve this skill.
Target + persona
For whom? Describe the users and beneficiaries of your project, and then suggest a quick persona (refer to Part 2 of the course for methodology tips).
This project is targetting students. Indeed the gaps in French are mostly being felt when French students don't have regular traditionel French classes where they can learn grammar, spelling and conjugation properly. It occurs mainly in High School, they have French classes until the French baccalaureate test and even these are more French literature classes than French language classes. Once the French baccalaureate test is passed, it's over. Thus with the arrival of this exam and the others, the application processes for higher education and job applications, the students are most afraid that their level of French will penalize them. Indeed because this is considered as an innate skill it's very discriminating if it's not well mastered and this judgment makes them afraid to ask for help.
Persona
- Mathis, 16 years old
- Orléans, France
- High school student living in his parents' house, he doesn't have any income as a high school student.
- His parents live together
- Mathis loves playing football, discovering new things and topics, vlogging his everyday life because he feels like a journalist when he does that
- His biggest dream is to become a journalist
- Mathis keeps loosing points on all his exams because he is bad at French, which makes his work difficult for the teachers. In addition to that the French baccalaureate test is at the end of the year which makes him stress. He thinks he will have a bad grade but he does not know how to improve his level. Furthermore his bad mastery of the French language penalizes him in other subjects. He is afraid that this burden will follow him into graduate school and into his future work which he knows will also be very discriminating for him. He is afraid of not succeeding and achieving his goal to become a journalist because of that problem.
- Mathis is afraid of asking for help because firstly he does not know where to ask, secondly he does not want to be judged by his surroundings (family, friends, teachers) as mastering French is considered as a fundamental and "easy" skill. Thirdly, as a student, he does not have significant financial resources.
Service offered
What? How? Explain how your solution works, what it enables the user to do, and how is solves the initial issue.
Our solution is to create our own online French training platform. This platform is accessible for free and easily since it's presented as an application. The user will also improve his French skills without feeling judged or bored because we want our teachers to teach him French in a playful way to make it look easier. These teachers are also here to assist the student as long as he needs.
Features + user flow
Explain what features your project involves and hierarchize them from
the most important one to the least.
Remember: a feature is a verb + a noun, it describes an action that
the user can do.
Then, for your first and most important feature (the key feature), write
down and draw the user flow: what steps will the user have to go
through, from the initial situation to the final situation? Again, refer
to Part 2 of the course for methodological tips.
Features
- Feature 1 (key feature): Provide qualitative online course to improve users' French proficiency
- Feature 2: Provide entertaining and user friendly online course to retain the learner
- Feature 3: Provide tests and support for the user until the student feels he no longer needs it
- Initial situation: the student wants to improve his French language level
- Step 1: He registers on the platform for free
- Step 2: Selects what he wants to improve in French that is to say he has to choose between grammar, conjugation or spelling (but if he wants he can pick all of them)
- Step 3 : He meets his teacher and tells him his fears, the mistakes he makes
- Step 4: He starts his lessons based on when both the teacher and him are available and from how far he comes, gets exercices and feedbacks so as to know how to improve, sets goals to achieve. He also has exams to test his improvement and understanding. He continues to do so until he feels better at French
- Step 5 : Eventually he has improved his French level and feels more confident using it because he does less mistakes
- Final situation: The students is totally better at French. He is now more confident and can be more focused on the content he writes rather than on his French mistakes that were penalizing him. He also knows that if he has questions he can still ask his online teacher that continues to assist him when he needs. He's proud to have dared to talk about his difficulties and to have solved them. Now he owns an in-demand skill.
Illustrations
Find pictures that describe the universe around your service (context, users, places, technologies…). Don't try to illustrate the final service that you may have in mind but instead, its context. Basically, translate the keywords you used in the descriptions above to pictures.
Benchmark
List competitors or related projects, and describe how they relate or differentiate to your project.
- Frantastique Orthographe, everyday, you receive an email with small tests using videos, audio and fill-in-the-gaps exercises. The test takes place online and the correction is direclty given. It is a way to improve french proficiency. Cost: 42€/month
- Orthodidacte, Concept: On this site, after a free test, your difficulties are identified and you are offered to move to the training area which is then subject to a fee. Price: for students, the price is 29 euros for a three-month subscription, 49 euros for six months or 89 euros for 12 months.
- Project Voltaire : The application includes hundreds of questions spread over 14 levels of difficulty, the first 10 of which give the user the chance to practice recognizing the most common difficulties encountered in professional exchanges, particularly e-mails. Price: 40 to 50 euros per year depending on the package chosen.
- These are the main ones, after many other applications exist but are aimed at a much younger audience. For example:
-Dictation of words: Dictation of words is rather intended for primary school students. 1 euro per level
-Les dictées Bescherelle by MyBlee : Available for the moment for students from CE2 to 6ème.
- Orthofolie :You just have to write the word you hear in the central frame. The goal is to not make mistakes but if you do, the app gives you the right spelling. Free
-Idictée: Voice dictations, divided into three levels: simple, medium, difficult. At the end of each dictation, he can evaluate himself thanks to the score given to him. To help them understand their mistakes, a personalized correction is even offered. For middle school students. Free
References
Books, films, articles… list every reference that may be relevant regarding this project, and explain why.
- French Bescherelles (conjugation, grammair, spelling versions) : it's useful for this project because it shows how the French language is structured and there are also exercises. It's a good model to structure the content of our application.