Hackathon Health App
UI/UX Design
This project was created during a weekend Hackathon called "Bemyapp" in Paris in 2013. The "Ma santé Mobile" App helps people to record and organize their medical information. The project is a bit old but it was a brilliant experience working on it. We won 2nd prize in the competition and it was a very enriching example of just how things can be achieved in a short period when people really collaborate for something they believe in. My role was the UI design of most of the app’s screens.
Wireframes
![Screen 0](http://yayaguzman.com/berlin/wp-content/uploads/2018/02/Screen-0.jpg)
![Screen 0](http://yayaguzman.com/berlin/wp-content/uploads/2018/02/Screen-0.jpg)
![Screen 1](http://yayaguzman.com/berlin/wp-content/uploads/2018/02/Screen-1.jpg)
![Screen 1](http://yayaguzman.com/berlin/wp-content/uploads/2018/02/Screen-1.jpg)
![Screen 3](http://yayaguzman.com/berlin/wp-content/uploads/2018/02/Screen-3.jpg)
![Screen 3](http://yayaguzman.com/berlin/wp-content/uploads/2018/02/Screen-3.jpg)
![Screen 4](http://yayaguzman.com/berlin/wp-content/uploads/2018/02/Screen-4.jpg)
![Screen 4](http://yayaguzman.com/berlin/wp-content/uploads/2018/02/Screen-4.jpg)
![Screen 7](http://yayaguzman.com/berlin/wp-content/uploads/2018/02/Screen-7.jpg)
![Screen 7](http://yayaguzman.com/berlin/wp-content/uploads/2018/02/Screen-7.jpg)
![Screen 6](http://yayaguzman.com/berlin/wp-content/uploads/2018/02/Screen-6.jpg)
![Screen 6](http://yayaguzman.com/berlin/wp-content/uploads/2018/02/Screen-6.jpg)
![Screen 9](http://yayaguzman.com/berlin/wp-content/uploads/2018/02/Screen-9.jpg)
![Screen 9](http://yayaguzman.com/berlin/wp-content/uploads/2018/02/Screen-9.jpg)
![Screen 10](http://yayaguzman.com/berlin/wp-content/uploads/2018/02/Screen-10.jpg)
![Screen 10](http://yayaguzman.com/berlin/wp-content/uploads/2018/02/Screen-10.jpg)
Interface
![1msm++](http://yayaguzman.com/berlin/wp-content/uploads/2017/10/1msm.png)
![1msm++](http://yayaguzman.com/berlin/wp-content/uploads/2017/10/1msm.png)
Colours:
![colours_msm@2x](http://yayaguzman.com/berlin/wp-content/uploads/2018/02/colours_msm@2x.png)
![colours_msm@2x](http://yayaguzman.com/berlin/wp-content/uploads/2018/02/colours_msm@2x.png)
Typography
![Helvetica Neue ABCDE@2x](http://yayaguzman.com/berlin/wp-content/uploads/2018/02/Helvetica-Neue-ABCDE@2x.png)
![Helvetica Neue ABCDE@2x](http://yayaguzman.com/berlin/wp-content/uploads/2018/02/Helvetica-Neue-ABCDE@2x.png)
![Perspective_msm](http://yayaguzman.com/berlin/wp-content/uploads/2017/10/Perspective_msm.jpg)
![Perspective_msm](http://yayaguzman.com/berlin/wp-content/uploads/2017/10/Perspective_msm.jpg)
![3pic_msm](http://yayaguzman.com/berlin/wp-content/uploads/2018/02/3pic_msm.png)
![3pic_msm](http://yayaguzman.com/berlin/wp-content/uploads/2018/02/3pic_msm.png)
![msm_modal](http://yayaguzman.com/berlin/wp-content/uploads/2018/02/msm_modal.jpg)
![msm_modal](http://yayaguzman.com/berlin/wp-content/uploads/2018/02/msm_modal.jpg)
The icons were created by Vectors Market from the Noun Project
![thanks msm2x](http://yayaguzman.com/berlin/wp-content/uploads/2017/10/thanks-msm2x-2.png)
![thanks msm2x](http://yayaguzman.com/berlin/wp-content/uploads/2017/10/thanks-msm2x-2.png)