Bupeart

El sitio web Bupeart es un portafolio artístico y catálogo de ilustraciones y joyería, para los usuarios más místicos.

El sitio web Bupeart es un portafolio artístico y catálogo de ilustraciones y joyería, para los usuarios más místicos.

El sitio web Bupeart es un portafolio artístico y catálogo de ilustraciones y joyería, para los usuarios más místicos.

Metodología

Atomic Design

Rol

Diseñadora UX UI, Diseñadora Web, Ilustradora

Fecha

2023

El objetivo de este proyecto fue desarrollar un portafolio con un diseño que realzara las ilustraciones del artista, facilitando la navegación y apreciación del arte para los visitantes. Empleando un enfoque místico, creé una interfaz limpia e intuitiva que coloca las ilustraciones en primer plano.


Utilizando un diseño receptivo, el portafolio se adapta perfectamente a diversos dispositivos, garantizando una experiencia consistente para todos los usuarios.


A través de una cuidadosa selección de fuentes, colores y diseño, mi objetivo fue complementar en lugar de opacar las obras de arte, logrando un resultado armonioso.

El objetivo de este proyecto fue desarrollar un portafolio con un diseño que realzara las ilustraciones del artista, facilitando la navegación y apreciación del arte para los visitantes. Empleando un enfoque místico, creé una interfaz limpia e intuitiva que coloca las ilustraciones en primer plano.


Utilizando un diseño receptivo, el portafolio se adapta perfectamente a diversos dispositivos, garantizando una experiencia consistente para todos los usuarios.


A través de una cuidadosa selección de fuentes, colores y diseño, mi objetivo fue complementar en lugar de opacar las obras de arte, logrando un resultado armonioso.

El objetivo de este proyecto fue desarrollar un portafolio con un diseño que realzara las ilustraciones del artista, facilitando la navegación y apreciación del arte para los visitantes. Empleando un enfoque místico, creé una interfaz limpia e intuitiva que coloca las ilustraciones en primer plano.


Utilizando un diseño receptivo, el portafolio se adapta perfectamente a diversos dispositivos, garantizando una experiencia consistente para todos los usuarios.


A través de una cuidadosa selección de fuentes, colores y diseño, mi objetivo fue complementar en lugar de opacar las obras de arte, logrando un resultado armonioso.

Objetivo

Objetivo

Foundations

Foundations

Foundations

En este proyecto, el estilo fue la prioridad. Por esta razón, investigué muchas referencias y paletas de colores que podrían encajar en este proyecto.


Con el uso del Atomic Design, comencé estableciendo un diseño de botón fundamental, inspirado en la paleta de colores final y las selecciones tipográficas. Este proceso estratégico aseguró cohesión y consistencia en todos los elementos de la interfaz del proyecto. Al adherirnos a un enfoque tan metódico, cultivamos un marco de diseño visualmente atractivo que integra armónicamente estilo y funcionalidad, enriqueciendo la experiencia del usuario.

En este proyecto, el estilo fue la prioridad. Por esta razón, investigué muchas referencias y paletas de colores que podrían encajar en este proyecto.


Con el uso del Atomic Design, comencé estableciendo un diseño de botón fundamental, inspirado en la paleta de colores final y las selecciones tipográficas. Este proceso estratégico aseguró cohesión y consistencia en todos los elementos de la interfaz del proyecto. Al adherirnos a un enfoque tan metódico, cultivamos un marco de diseño visualmente atractivo que integra armónicamente estilo y funcionalidad, enriqueciendo la experiencia del usuario.

En este proyecto, el estilo fue la prioridad. Por esta razón, investigué muchas referencias y paletas de colores que podrían encajar en este proyecto.


Con el uso del Atomic Design, comencé estableciendo un diseño de botón fundamental, inspirado en la paleta de colores final y las selecciones tipográficas. Este proceso estratégico aseguró cohesión y consistencia en todos los elementos de la interfaz del proyecto. Al adherirnos a un enfoque tan metódico, cultivamos un marco de diseño visualmente atractivo que integra armónicamente estilo y funcionalidad, enriqueciendo la experiencia del usuario.

El Sitio Web

El Sitio Web

El Sitio Web

El sitio web 'Bupeart' se transformó en una página de inicio potente que incluye toda la información esencial sobre el arte y el artista, además de todas las páginas necesarias, como la página de productos, la página de error 404, la página de "En construcción", entre otras.



  1. Inicio

  1. Home

  1. Home

El encabezado incluye un diseño minimalista con enlaces a todas las secciones principales del sitio, una ilustración de bienvenida creada por mí y un botón de llamada a la acción (CTA) para incentivar la interacción de los usuarios con el sitio web.



El encabezado incluye un diseño minimalista con enlaces a todas las secciones principales del sitio, una ilustración de bienvenida creada por mí y un botón de llamada a la acción (CTA) para incentivar la interacción de los usuarios con el sitio web.

También introduje un portafolio de ilustraciones y un catálogo de joyas, con el fin de hacer que los productos estén disponibles sin tener que abandonar la página de inicio.

También introduje un portafolio de ilustraciones y un catálogo de joyas, con el fin de hacer que los productos estén disponibles sin tener que abandonar la página de inicio.

También introduje un portafolio de ilustraciones y un catálogo de joyas, con el fin de hacer que los productos estén disponibles sin tener que abandonar la página de inicio.

También incluí un breve 'Sobre mí' para que los usuarios conozcan a la persona detrás del trabajo, y una información de contacto por si desean ponerse en contacto conmigo.

También incluí un breve 'Sobre mí' para que los usuarios conozcan a la persona detrás del trabajo, y una información de contacto por si desean ponerse en contacto conmigo.

También incluí un breve 'Sobre mí' para que los usuarios conozcan a la persona detrás del trabajo, y una información de contacto por si desean ponerse en contacto conmigo.

  1. Páginas de Producto

¡Trabajemos juntos! Contacta conmigo

¡Trabajemos juntos! Contacta conmigo

¡Trabajemos juntos! Contacta conmigo