The company: Ve and Vile is a startup part of SUP46, focused on the creation of 3D custom Jewelry
La compañía: Ve and Vile es una startup que forma parte de SUP46, cuyo foco es la creación de joyas custumizadas en 3D
UX Document for webpage / Documento con bases de UX para la web
Before applying for the intership I develop a document understanding their current webpage and giving solutions to improve their experience. First I did an investigation and took different notes then I started brainstorming solutions for those problems that popped up.
Antes de aplicar a las practicas desarrollé un documento tratando de entender la situación actual de la página web e intenté dar soluciones para mejorar la experiencia de la misma. Primero realicé una investigación y cogí algunas notas al respecto, luego empecé a desarrollar soluciones para todos aquellos problemas con los que me iba topando.
Once I got the solutions to the problems I developed a document that explained the conclusion of my investigation highlighting the problems that should be improved. This two page document had also an schema of the order I thought that could help with the user experience and some links to visual examples for the solutions.
Cuando ya tuve la solución para los problemas, desarrollé un documento que explicara las conclusiones de la investigación haciendo hincapié a los problemas que deberían de ser mejorados. Este documento de dos hojas, incluía además un esquema con el orden el cual yo cría que mejoraría la experiencia de usuario y unos links a ejemplos visuales de las soluciones
UX-UI Document for Process page / Documento UX-UI para la página de procesos
This document was created to understand their current process page and visualize different options to solve the issues we discover.
Este documento se creó para entender la situación actual de la página de procesos y las diferentes opciones de solución para los problemas que descubrimos.
Redesign of the process page with photo-editing / Rediseño de la página de procesos con edición de foto
Once we discussed the options that best suited their current situation, we developed the redesign of the process page. The bigger changes can be spotted on the images chosen that were edited so the style is more unified.
Una vez discutimos las distintas opciones que mejor se adaptarían a la situación actual, desarrollamos el rediseño de la página de proceso. Los mayores cambiamos los podemos observar en las imágenes las cuales editamos para que el estilo fuera más unificado.
Before-After
( Final result )
For the image editing, we decided to change the background and color saturation of the image, having as main focus the piece of jewelry
Respecto a la edición de foto, decidimos aplicar cambios al fondo y a la saturación del color de la imagen, teniendo como foco principal las joyas.
Before-After
Diamond selector page / Pagina de selección de diamantes
Another point I had to develop is their diamond selection page, the tool for the selection couldn’t be edited, so I was only able to design the the header and footer.
Otro punto que tuve que desarrollar fue la página de selección de diamantes, la herramienta para la selección no podía editarse por lo tanto solo pude diseñar el header y footer.
Log in page / Página de log in
To develop the process and design of the log in page, we did meeting to discuss the flow and wireframes of the page in order to have a clear idea for the design.
Para desarrollar el proceso y el diseño de la página de log in, tuvimos una reunión para comentar el flow y los wireframes de la pagina para así tener una idea más clara del diseño.
After the meeting I started prototyping the log-in page and the different process that were involved, during the creation, the developer and I sat down to discuss the issues that were appearing.
Después de la reunión comencé a prototipar la log-in page y los diferentes procesos incluidos en la misma, durante la creación el desarrollador y yo nos sentamos para hablar sobre los diferentes problemas que iban apareciendo.
Campiangs / Campañas
Finally I developed some desings for different communications Ve and Vile was creating during my 3 week intership program
Por último desarrollé algunos diseños para las distintas comunicaciones que Ve and Vile iba creando durante mis 3 semanas de prácticas.
Thanks for the amazing experience / Gracias por está experiencia tan maravillosa
Mafalda Villazán 