Mobile and Web-app design
Creating this design was a challenge because it was launcher, develope team implement bootstrap framework to design, and I had to create a new design system that would fit with the development team and, in addition to its appeal, really close to the usability principles.
![](https://pro2-bar-s3-cdn-cf2.myportfolio.com/82687c94-468a-468b-a573-207c974f3f13/d8bf877e-2414-4d6b-abd4-84ae8636b4ec_rw_1920.png?h=aadbd6a5a19cb60a3f5468d9e8fca323)
![](https://pro2-bar-s3-cdn-cf1.myportfolio.com/82687c94-468a-468b-a573-207c974f3f13/945d9b1f-4dce-49eb-a5c4-86d934a780a2_rw_1200.png?h=a7d5cb915c1d578e1cf58c33c46119fb)
![](https://pro2-bar-s3-cdn-cf6.myportfolio.com/82687c94-468a-468b-a573-207c974f3f13/7a0352d5-dff0-4f19-bb57-ee6d3301f446_rw_1200.png?h=3e479338af39c3f88818f9ff68968340)
The user 2 is a manage this workfow was improve tolearning how the user managed the collaborators with papers, if paper on which it was written and infinite forms (of paper) were filled
Web app
![](https://pro2-bar-s3-cdn-cf1.myportfolio.com/82687c94-468a-468b-a573-207c974f3f13/2720c1a9-eb3b-4028-8dd5-8092480b0ca4_rw_1920.png?h=0071f7914041439f7b9872f37cd1b138)
The third user journey workflow was a terrible interface, i work hard to learn it.
I design and functionalities based on others made but with very difficult interfaces to use.
I design and functionalities based on others made but with very difficult interfaces to use.
![](https://pro2-bar-s3-cdn-cf.myportfolio.com/82687c94-468a-468b-a573-207c974f3f13/bc11a5d1-991d-43ac-af0c-6b4bc442834e_rw_1920.png?h=ee8da139c083739f401f695eb088a96d)
The start of design system
The applicable design system depends on your equipment, in our case we use color as a basis to standardize its use, from there i added other fundamentals, such as typography and the icon system (material icons).
With the atomic design methodology all this comes together to create a scalable design system.
Color palette: part of the fundamentals of the design system, made with frontify (an adobe xd plugin), this tool has a platform that allows you to organize in a large mural all the fundamentals and guidelines that are needed to create a design system to can be shared with all developer team.
![](https://pro2-bar-s3-cdn-cf6.myportfolio.com/82687c94-468a-468b-a573-207c974f3f13/aaf8f8be-1618-44cc-b7c5-0deef678aa1a_rw_1200.png?h=2df1eac62a35e471ca769b0db8e3fac3)