Ve and Vile Intership

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

IMG_4888

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.

ui-showcase-mockup-sceneCaptura de pantalla 2018-09-17 a las 10.45.39

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.

captura-de-pantalla-2018-09-17-a-las-10-26-58.pngCaptura de pantalla 2018-09-17 a las 10.48.19

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.

El pase de diapositivas requiere JavaScript.

Thanks for the amazing experience / Gracias por está experiencia tan maravillosa

IMG_4902

 

 

 

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión /  Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión /  Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión /  Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión /  Cambiar )

Conectando a %s

A %d blogueros les gusta esto: