Designer's logo
Connect
Archive
Language
esp
eng

F&A

Diseño web | Ecommerce

Como Nube Horneada

Diseño web | Diseño UX/UI

Focus

Diseño web | Diseño portafolio

56D

Diseño app | Ecommerce

Renueva Pro

Diseño app | Diseño UX/UI

Together

Diseño app | Diseño UX/UI

Focus

Diseño web | Diseño portafolio

Un sitio web de portafolio de fotografía minimalista que muestra la visión artística y se conecta con clientes potenciales.

56D

Diseño app | Ecommerce

Revolucionando las compras móviles con una aplicación de comercio electrónico elegante y centrada en el usuario para descubrir y comprar productos sin inconvenientes.

Como Nube Horneada

Diseño web | Diseño UX/UI

Página de destino responsiva que comunica de manera eficaz las ofertas únicas de la marca y al mismo tiempo prioriza la experiencia del usuario en todos los dispositivos.

Together

Diseño app | Diseño UX/UI

Revolucionando la planificación de bodas con una interfaz perfecta y funciones sólidas. Dirigido tanto a parejas comprometidas como a organizadores.

Renueva Pro

Diseño app | Diseño UX/UI

La aplicación Renueva Pro ayuda a los usuarios a cuantificar materiales, estimar costos, contactar proveedores y encontrar inspiración para la construcción de viviendas.

F&A

Diseño web | Ecommerce

Un proyecto destinado a expandir una empresa joven de venta de plantas, dirigida a adultos jóvenes que buscan mejorar sus espacios habitables con vegetación.

Laptop on a table with plants on the side

Descripción general | Cultivando el crecimiento digital

El sitio web ofrece características únicas, como consejos para el cuidado de las plantas e información detallada sobre las necesidades de cada planta, lo que lo distingue de la competencia. El proceso de diseño incorporó la identidad de marca, la investigación de usuarios y el análisis de la competencia para crear una experiencia nueva y centrada en el usuario.

De las plataformas a los píxeles

Los desafíos incluyeron la navegación del comercio electrónico y la implementación de un diseño responsivo. El proyecto utilizó Figma para el diseño, Adobe Creative Suite para las imágenes y Shopify para el desarrollo, lo que dio como resultado un sitio web estéticamente agradable y accesible que cumple con las pautas WCAG.

Empatía e investigación de usuarios | Enfoque centrado en el usuario

La investigación se centró en adultos jóvenes que buscaban mejorar sus espacios con plantas. Las entrevistas con clientes anteriores revelaron necesidades específicas, lo que sirvió de base para nuestras decisiones de diseño para crear una experiencia personalizada y fácil de usar que abordara sus inquietudes sobre el cuidado de las plantas.

Project information architectureProject timeline breakdown

Definir - Planteamiento del problema

Identificación de la necesidad de una plataforma de comercio electrónico intuitiva que no solo venda plantas, sino que también enseñe a los usuarios sobre su cuidado. El desafío: crear una experiencia de compra fluida y, al mismo tiempo, brindar información valiosa y de fácil acceso para los entusiastas de las plantas.

Desktop near a window with plants

Ideación y desarrollo de conceptos - Lluvia de ideas para soluciones

La ideación se centró en integrar la funcionalidad de comercio electrónico con contenido educativo. Se desarrollaron conceptos para guías interactivas de cuidado de plantas, recomendaciones de plantas personalizadas según las necesidades del usuario y un sistema de filtrado intuitivo para una selección de plantas sin esfuerzo.

Wireframes sceens

Prototipado: wireframes iniciales y flujo de usuario

Se crearon wireframes de baja fidelidad en Figma para trazar el recorrido del usuario, concentrándose en una navegación fluida entre las páginas de productos, la información sobre el cuidado de las plantas y el proceso de pago. Esto ayudó a visualizar la estructura del sitio y las funcionalidades principales.

Prototipo de alta fidelidad

A partir de los wireframes, se desarrolló un prototipo de alta fidelidad que incorpora la identidad visual de la marca. Esto permitió probar la interfaz de usuario, refinar las interacciones y garantizar un diseño coherente y alineado con las pautas de accesibilidad WCAG.

Project typography displayProject color palette

Pruebas y validación: pruebas y refinamiento de usuarios

Se realizaron pruebas de usabilidad con usuarios objetivo, centrándose en la experiencia de compra y la accesibilidad a la información sobre el cuidado de las plantas. Los comentarios ayudaron a refinar el sistema de filtrado, mejorar las descripciones de los productos y optimizar la experiencia general del usuario mediante mejoras iterativas.

Close icon

CERRAR

Diseño web | Sitio Ecommerce

F&A

Rol

Diseñador UX/UI | Diseñador web

Fecha

2022 - 2023

Servicios

Diseño web | Investigación UX | Arquitectura de la información

Cliente

Confidential

Laptop on a table with plants on the side
Phones mockup with pastry on a table

Descripción general | Creando una experiencia dulce

Este proyecto explora el rediseño del sitio web de comercio electrónico de Como Nube Horneada, enfocándose en crear una plataforma visualmente atractiva y fácil de usar para una startup de panadería especializada en pasteles y galletas personalizados.

Destacando puntos de venta únicos

Su objetivo era mostrar productos, destacar puntos de venta únicos y agilizar el proceso de pedidos, manteniendo al mismo tiempo la identidad de la marca. A través de una investigación minuciosa, un análisis competitivo y un diseño de interfaz de usuario moderno, creó un sitio responsivo que deleita a los usuarios e impulsa el crecimiento del negocio.

Definición del problema | Endulzando la presencia digital

Como Nube Horneada necesitaba un rediseño de sitio web que mostrara de manera efectiva sus ofertas únicas de panadería, agilizara el proceso de pedido y mejorara la visibilidad de la marca manteniendo su estética establecida y mejorando la experiencia general del usuario.

Wireframes sceens

Ideación y concepto: preparando una nueva estrategia digital

Para abordar las necesidades de Como Nube Horneada, se realizó una investigación exhaustiva que incluyó un análisis competitivo y entrevistas con clientes. Esto sirvió de base para el enfoque de crear un diseño de página única, moderno y responsivo que se alinee con la identidad de la marca.

Menú claro, pedidos fluidos

El concepto se centró en imágenes de alta calidad, navegación intuitiva y presentación clara de los elementos del menú y los procesos de pedido. Priorizamos la accesibilidad y el atractivo visual para crear una experiencia de usuario atractiva que muestre las ofertas únicas de la panadería.

Home screen with cake background image

Prototipado: Del boceto a la pantalla

El proceso de diseño comenzó con bocetos iniciales, seguidos de un diseño de interfaz de usuario detallado en Figma. Creamos prototipos de alta fidelidad que incorporaban la estética de la marca, garantizaban la capacidad de respuesta y priorizaban la navegación fácil de usar tanto para dispositivos móviles como para computadoras de escritorio.

Project color paletteProject typography display

Desarrollo - Dando vida al diseño

Si bien el desarrollo está actualmente suspendido, el proyecto se implementará mediante Webflow. Esta elección de plataforma permitirá una implementación eficiente del diseño adaptable, lo que garantizará una funcionalidad perfecta en todos los dispositivos y, al mismo tiempo, conservará los elementos visuales vibrantes.

Three screens on a cake background
Close icon

CERRAR

Diseño web | Diseño UX/UI

como nube horneada

Rol

Diseñador UX/UI | Diseñador web

Fecha

2024

Servicios

Diseño web | Estrategia visual | Desarrollo responsivo

Cliente

Confidencial

Laptop with cupcakes on a pink background
Stacked phone with fountain background

Descripción general | Portafolio de fotografía minimalista

Focus es un sitio web elegante y minimalista diseñado para mostrar el enfoque artístico y el trabajo profesional de un fotógrafo. El proyecto tiene como objetivo crear una plataforma intuitiva para clientes potenciales y, al mismo tiempo, servir como archivo para el fotógrafo.

Interfaz de usuario mínima, máximo impacto

El proceso de diseño implicó un análisis competitivo y múltiples propuestas, haciendo hincapié en una interfaz de usuario clara que permita que las imágenes hablen por sí solas. A pesar de la información limitada sobre los usuarios, el sitio se diseñó para reflejar el estilo y la visión únicos del fotógrafo.

Investigación y conocimientos | Diseños que hacen clic

El proyecto comenzó con una revisión de portafolios de fotografías ejemplares y un análisis competitivo. Se exploraron múltiples enfoques de diseño para alinearse con el estilo del fotógrafo y, al mismo tiempo, cumplir con las mejores prácticas de experiencia del usuario.

Reference images from various photographers' sites

Ideación y concepto | Capturando la simplicidad

El concepto gira en torno a una interfaz de usuario minimalista que refleja el enfoque artístico del fotógrafo. Al eliminar los elementos innecesarios, creó un lienzo donde la fotografía ocupa un lugar central, lo que permite a los espectadores centrarse en la narrativa visual.

Muestra tu estilo y haz clic con facilidad

Se desarrollaron tres propuestas distintas, cada una de las cuales exploraba diferentes formas de mostrar el trabajo del fotógrafo manteniendo una interfaz clara e intuitiva. Este enfoque garantizó una solución personalizada que realmente reflejara el estilo y la visión únicos del cliente.

Three project screens with architectural background

Prototipado | De los píxeles a la perfección

Transformación de bocetos iniciales en prototipos interactivos con Figma. Este proceso permitió refinar la interfaz de usuario minimalista, asegurando la capacidad de respuesta y la navegación intuitiva, manteniendo el trabajo del fotógrafo como el punto focal en todo el sitio.

High-fidelity screens
Project typography displayProject color palette

Desarrollo | Enmarcando el futuro

El desarrollo está actualmente en suspenso, pero hay planes para darle vida a Focus mediante Webflow o Framer. Se eligieron estas plataformas para mantener la estética minimalista del sitio y garantizar una funcionalidad perfecta en todos los dispositivos.

Mockup phone lying on the ground
Close icon

CERRAR

Diseño web | Sitio portafolio

Focus

Rol

Diseñador UX/UI | Diseñador web

Fecha

2024

Servicios

Diseño de portafolios | Desarrollo de UI | Investigación UX

Cliente

Confidencial

Mockup phone lying on the ground
Phone mockup displaying project screens

Descripción general | Preparando el escenario

El proyecto de la aplicación de comercio electrónico 56D tenía como objetivo crear una experiencia de compra móvil fluida para los clientes. El proyecto implicó una estrecha colaboración con las partes interesadas para alinear los objetivos comerciales con las necesidades de los usuarios, asegurando una comprensión integral del panorama del mercado y del público objetivo.

Lluvia de ideas, sprint, repetición

Se formó un equipo multidisciplinario para desarrollar una aplicación innovadora y fácil de usar. Al aprovechar las metodologías ágiles, el equipo logró iterar rápidamente, adaptarse a los comentarios y priorizar las funciones que se alineaban con la visión del cliente.

Investigación y personas | Descubriendo insights

La investigación inicial se centró en analizar los datos de ventas y los conocimientos de marketing del cliente para comprender las necesidades y los problemas del público objetivo. Se crearon Personas para guiar el proceso de diseño, garantizando que todas las decisiones clave estuvieran alineadas con el comportamiento y las preferencias reales de los usuarios.

Superando a los rivales con datos y diseño

Además, se realizó un análisis competitivo para comparar los estándares de la industria e identificar puntos de venta exclusivos. Esta investigación exhaustiva sentó las bases para un diseño que fuera diferenciado y estuviera en sintonía con las necesidades de los usuarios, impulsando el compromiso y la satisfacción.

Collection of eCommerce brand screens

Estación de ideación | Exploración de diseños y creación de prototipos

El proceso de ideación implicó esbozar nuevas ideas y crear wireframes para explorar diferentes enfoques. Se utilizaron prototipos para refinar la experiencia del usuario y recopilar comentarios.

Project screen displays

Principios de diseño de UI/UX | Creando la experiencia

Los principios básicos de diseño enfatizaron un enfoque centrado en el usuario y basado en datos. El diseño de las pantallas principales priorizó una experiencia consistente y accesible en las plataformas Android e iOS, asegurando una transición fluida para los usuarios que cambian de dispositivo.

El arte de hacer que 56D sea agradable a la vista

Se prestó especial atención a la jerarquía visual, la tipografía y el contraste de colores para mejorar la usabilidad y cumplir con los estándares de accesibilidad. Los componentes de la interfaz de usuario se diseñaron para promover la navegación intuitiva, reducir la carga cognitiva y fomentar sesiones de navegación más prolongadas.

Stacked phones on a black background

Desarrollo e implementación | Haciéndolo realidad

La integración de la API de Shopify presentó desafíos técnicos que se superaron gracias a una estrecha colaboración entre los equipos de diseño y desarrollo. Se implementaron soluciones únicas, como un carrusel de productos infinito, para crear una experiencia de compra más atractiva y dinámica.

De los fallos a la grandeza

Se realizaron pruebas e iteraciones rigurosas para optimizar el rendimiento y garantizar la compatibilidad entre distintos dispositivos. Esta fase también incluyó el desarrollo de funciones personalizadas, como un rastreador de inventario en tiempo real, que proporcionó a los usuarios una experiencia de navegación fluida y actualizada.

Pruebas e iteraciones | Mejora continua

Las pruebas exhaustivas, que incluyeron pruebas A/B y comentarios de los usuarios, dieron lugar a cambios de diseño importantes, como mejoras en la barra de navegación. El proceso iterativo garantizó una experiencia de usuario fluida e intuitiva.

Three screens on a black background
Close icon

CERRAR

Diseño de app | Diseño X/UI

56D

Rol

Diseñador App | Diseñador UX/UI

Fecha

2024

Servicios

Diseño de aplicaciones | Desarrollo de UI | Investigación UX

Cliente

Confidencial

Stacked phones on a black background
Hand holding phone at a construction site

Descripción general | Innovación centrada en el usuario

Desarrollada con metodologías de Design Thinking y diseño centrado en el usuario, Renueva Pro garantiza una experiencia de usuario perfecta. El desarrollo de la aplicación se basó en una investigación exhaustiva, que incluyó análisis competitivos y perspectivas respaldadas por tesis.

Metodología de diseño y experiencia de usuario

Las características notables incluyen una herramienta de cuantificación de materiales, contactos de proveedores y estudios de casos detallados, todo presentado a través de una interfaz de usuario accesible y visualmente atractiva.

Objetivos | Simplificar la construcción de viviendas

Sus objetivos son simplificar la construcción de viviendas ayudando a los usuarios a cuantificar materiales, estimar costos, contactar proveedores y encontrar inspiración. Su interfaz fácil de usar, desarrollada con una amplia investigación y metodologías de Design Thinking, garantiza una experiencia eficiente e intuitiva.

Project screens with rock background

Empatía e investigación | Diseño basado en la investigación

Basada en la empatía y en una investigación exhaustiva de los usuarios, Renueva Pro satisface las necesidades tanto de los constructores de viviendas novatos como de los profesionales. El enfoque meticuloso garantiza que la aplicación sea fácil de usar y altamente funcional.

Mockup phone

Proceso de diseño | Enfoque de diseño centrado en el usuario

El proceso de diseño de Renueva Pro comenzó con una fase de investigación en profundidad, incorporando un proyecto de tesis y un análisis competitivo para identificar las necesidades de los usuarios y los enfoques de funcionalidad óptima.

Desarrollo multiplataforma

Mediante metodologías de diseño centradas en el usuario, desarrollé una interfaz intuitiva y fácil de usar. Este proceso implicó la creación de prototipos en Figma y la utilización de principios de Material Design para garantizar un desarrollo sin inconvenientes en entornos Kotlin/Compose e iOS.

Wireframes sceens
Sketches with various items on the sideWireframes sceens

Ideación y concepto | Ideación de funciones integradas

Durante la fase de ideación de Renueva Pro, se concentró en integrar funciones clave: cuantificar materiales de construcción, estimar costos y facilitar la conexión con proveedores. Los conceptos se fueron perfeccionando en función de los comentarios de los usuarios y la creación de prototipos iterativos para lograr una integración y una usabilidad perfectas.

Project typography displayProject color palette

Prototipado | Pruebas de interfaz refinadas

La fase de creación de prototipos de Renueva Pro incluyó un desarrollo iterativo en Figma, con énfasis en el refinamiento de las interfaces de usuario y las pruebas de funcionalidad. Este enfoque garantizó una navegación fluida y una integración perfecta de funciones como la cuantificación de materiales y la interacción con los proveedores.

High-fidelity screens
Close icon

CERRAR

Diseño de app | Diseño de producto

Renueva Pro

Rol

Diseñador de App | Diseñador UX/UI

Fecha

2022 - 2023

Servicios

Diseño de aplicaciones | Investigación UX | Desarrollo UI

Cliente

NA

Hand holding phone at a construction site
Stacked phones displaying project screens

Descripción general | Coordinación de bodas simplificada

Together es una aplicación de vanguardia diseñada para agilizar la planificación de la boda. Diseñada tanto para parejas comprometidas como para organizadores de bodas, ofrece una experiencia perfecta a través de una interfaz intuitiva y funciones completas.

Una coordinación perfecta y sencilla

Desde la gestión de listas de invitados hasta la coordinación de proveedores, Together centraliza todas las tareas de la boda para una organización y coordinación eficientes.

Empatía e investigación de usuarios | Perspectivas de diseño empático

Una amplia investigación de usuarios sirvió de base para el desarrollo de Together, abordando las necesidades de diseño intuitivo, personalización y herramientas de colaboración fluidas para parejas comprometidas y organizadores de bodas.

Person walking on a dockPerson with ocean background

Definir | Centrarse en las necesidades del usuario

Durante la etapa de definición del proceso de Design Thinking para Together, descubrí meticulosamente las necesidades y los desafíos esenciales de las parejas comprometidas y los organizadores de bodas. Una investigación exhaustiva de los usuarios y un mapeo de la empatía guiaron el proyecto para priorizar la navegación intuitiva y las herramientas integrales de gestión de invitados y proveedores.

Phone on wedding table with a rose

Proceso de diseño | De la ideación a la implementación

La ideación de Together exploró direcciones creativas basadas en información de los usuarios y análisis de mercado. Se generaron ideas para la gestión intuitiva de invitados, la comunicación con los proveedores y los cronogramas personalizados, priorizando las funciones centradas en el usuario para mejorar la planificación de la boda.

Del concepto a la cohesión

El desarrollo del concepto implicó la creación iterativa de prototipos y la retroalimentación de los usuarios. El perfeccionamiento de las ideas se convirtió en soluciones prácticas, como sistemas de seguimiento de presupuestos, paneles de estado de ánimo y gestión de confirmaciones de asistencia, equilibrando la estética y la funcionalidad para lograr un diseño de aplicación coherente y motivador.

Wireframes sceens
Project sketchesTablet and phone mockups with wedding venue background

Ideación y concepto | Refinamiento a través de la interacción

Los prototipos de Together transformaron los conceptos en wireframes interactivos y refinaron las funciones mediante pruebas iterativas. Se optimizaron los flujos de usuario, se integró un diseño responsivo y se mejoró la estética, creando una aplicación pulida que simplifica la planificación de bodas y ofrece una experiencia de usuario agradable.

High-fidelity screens
Project color paletteProject typography display

Pruebas y validación | Pruebas para el éxito del usuario

El proyecto se sometió a pruebas de usabilidad y se refinaron las funciones a partir de los comentarios de los usuarios. Se simularon situaciones del mundo real, se ajustaron las funcionalidades y se abordaron problemas de usabilidad, lo que garantiza una herramienta confiable y fácil de usar que permite una planificación de bodas eficiente.

Phone on a wedding table
Close icon

CERRAR

Diseño de app | Diseño de producto

Together

Rol

Diseño de app | Diseño de producto

Fecha

2022 - 2023

Servicios

Diseño de aplicaciones | Investigación UX | Desarrollo UI

Cliente

NA

Phone with napkins and wedding venue background