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 2

Our group

Our subject

Our subject is to fight violence against all women and girls in the public and private spheres.
It comes from the United Nations' Sustainable Development Goal number 5, which is entitled "Gender equality".

Our research question

The research question we have formulated together is "How can we help women in abusive relationships to get out of them and ensuring their safeties by empowering them using web technologies?". The two projects ideas below try to answer that question.


Project 1 · (Matching system)

Context

When? Where? Who? Why? Explain the specific context of your project.

We all need the company of others, and women who are or have been in violent relationships need these more. Only among women can these victims truly speak out their pain and confusion. And the goal of this service is Let all women who feel the potential or threat of violence can get help and encouragement in the close small women's mutual aid group.
We recommend a female mutual help group composed of 2-3 people, which helps to encourage women to become the best self and realize that they are not alone and continue to grow. This application is available to the whole world.
The specific services that the application will provide include daily security check-in reminders, real-time upload location, chat rooms, daily sharing, etc. The communication within the group, including talking or making some suggestions, will become a source of strength for women to help women.

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 beneficiaries are those woman who are in abuse relationship, have psychological shadow of violence, feel insecure. The users can be those beneficiaries who need help, and those women who are willing to help.

Persona

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 an application that create aid group of 2-3 women. The application supports inviting friends into groups and automatically matching teammates. Women meet here with their nackname but with strict background check. In the group, it supports daily check-in, location synchronization sharing, chat, daily sharing and other functions. In the group, Users can check the geographic location of each other and protect each other's safety, so that women don't have to face danger alone.
The application pretends to be a recipe sharing application, in extreme cases, to protect women from being interrupted when they ask for help.
In this application, the smaller group service allows each individual to get enough attention compared to the community. At the same time, the smaller circle allows them to express themselves more honestly and truthfully, so that women can be inspired in intimate relationships. And realize that I am not alone.

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

User flow

(Add a drawing of the user flow for the key feature here) User flow

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.

References

Books, films, articles… list every reference that may be relevant regarding this project, and explain why.


Wire Frames

Project 2 · Connecting Women In Abusive Relationships To Professionals

Context

When? Where? Who? Why? Explain the specific context of your project.

Often, women in abusive relationships might feel cut off from the world. They might suffer from psychological or even physical violence. Sometimes they do not know how to act or who to reach out to. Their relatives might not even be aware of their situation and sometimes do not know how to act as well.

The Goal of this service is to allow women in abusive relationships to reach out to professional in order to get help. We propose to connect women suffering from domestic violence to psychologist, lawyers and doctor through an application. This app would be available in France (since the legal aspect and regulations are different depending on the countries).
Online documentation and avice would also be provided on the app, allowing women to read and get knowledge on the topic. We believe that knowledge and support would allow women to feel empowered and gain self-confidence, thus helping them getting out of their abusive relationships.

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 Users and Beneficiaries of this project are the same in this case. Indeed, the users of this app are be women suffing from domestic violence. Using this service benefits them because it helps them with taking care of themselves and with time get out of their abusive relationship.

Persona

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 an app that would be available on any mobile phone or tablet. As explained before, the goal here is to allow any women in abusive relationships to reach out very quickly to professionals that can help them in different ways.
The application is very simple to use, it is designed in order to be very intuitive so anyone can understand it. It solves the inital issue because with this app, women suffering from violence in their private sphere can be helped, feel empowered and are not isolated anymore. This project aims at facilitating the process of escaping domestic physical and psychological violence.

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

User flow

(Add a drawing of the user flow for the key feature here) User flow

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.

References

Books, films, articles… list every reference that may be relevant regarding this project, and explain why.

Wire Frames