Grid
Wave Hand Illustration Sticker

Portafolio

Sofia Aguilar

Hearts Illustration Sticker
Grid
Thin Marker Oval Line

Hola soy Sofi

Flat Stickers and Badges

Mi viaje en este fascinante mundo comenzó con un fuerte interés en el ​desarrollo móvil, donde aprendí a crear aplicaciones nativas en Android ​utilizando Kotlin.

Gracias a una beca, tuve la oportunidad de explorar el desarrollo ​frontend y el diseño de experiencia de usuario, lo que me permitió ​comprender y mejorar cada aspecto de la interacción del usuario con la ​tecnología.

Descubrí que mi verdadera pasión es satisfacer las necesidades del ​usuario final. Al combinar mis habilidades en programación y diseño, ​puedo crear interfaces intuitivas y atractivas, asegurando que cada ​interacción sea fluida y agradable. Este enfoque integral me permite ​ofrecer soluciones completas y centradas en el usuario, garantizando ​experiencias óptimas.


Que me representa

  • Capacitación constante
  • Comunicación efectiva
  • Empatía e inclusión
  • Trabajo en equipo


Smiley Face Illustration Sticker
Grid
Flat Stickers and Badges

Ecoamigo

Página web concientiza de manera divertida y educativa sobre la importancia del reciclaje a infantes​ de primaria de 3 a 10 años, enseñándoles a cuidar el planeta a través de juegos, videos y actividades​ interactivas. La infancia disfruta de un aprendizaje efectivo sobre el reciclaje, desarrollando una​ conciencia ambiental desde una edad temprana. Tratamos temas como la correcta separación de​ materiales, cuentos sobre responsabilidad ambiental y actividades descargables para maestros.​

Grid
Grid

Descripción del proyecto

Black Marker Stroke
Variation of Stars Illustration Sticker

Desafío

El desafío de este proyecto consiste en desarrollar una ​página web que logre captar la atención de los niños de 3 a ​10 años, enseñándoles sobre la importancia del reciclaje de ​manera divertida y educativa.

Flat Stickers and Badges

Solución

  • Información sobre la importancia del reciclaje y ​cómo separar adecuadamente los materiales ​reciclables.


  • inclusión de juegos y actividades interactivas que ​refuercen los conceptos de forma divertida y ​educativa..


  • Actividades didácticas para que los maestros ​puedan compartir en clases con sus alumnos


Flat Stickers and Badges

Rol

Diseñadora de interfaz de usuario (UX)

Desarrolladora Front-end


Award Ribbon Illustration Sticker

Tecnologías

Diseño: Figma, Canva.

Desarrollo: HTML, CSS, JavaScript.

Grid

Proceso de diseño

Pointing Hand Illustration Sticker

EMPATIZAR

Office Arrow Note Two Colour

DEFINIR

Office Arrow Note Two Colour

IDEAR

Office Arrow Note Two Colour

PROTOTIPAR

Office Arrow Note Two Colour

VALIDAR

Grid
Thumb Up Icon

Organización

Nos reuníamos dos veces por semana para establecer nuevas tareas con sus respectivas fechas de entrega y presentar los ​avances realizados.

Horario

Lunes

Martes

Miercoles

Jueves

Viernes

20:00

Reunión Ecoamigo

-

-

Reunión Ecoamigo

-

Tablero de Trello

Grid

Investigación

Trendy Flat Magnifying Glass Sticker

En las reuniones se decidió empezar a centrarnos en las personas que iban a utilizar la página por eso utilice la metodología ​Design Thinking, que es una metodología de diseño de resolución de problemas que te permite desarrollar soluciones ​centradas en las personas.

El proceso de investigación empezó con

  • Análisis Foda: Este análisis nos permite identificar tanto nuestras fortalezas clave, como la capacidad de impactar ​positivamente en la educación ambiental desde una edad temprana, como también las oportunidades para mejorar.


  • Investigación de mercado: Para obtener más información sobre las actitudes y comportamientos hacia el reciclaje en ​Argentina, decidimos comenzar con una investigación secundaria para comprender más profundamente el mercado.


  • Entrevistas con usuarios: Para profundizar más, entrevistamos a padres y educadores interesados en la educación ​ambiental para niños. Nos concentramos en hacerles preguntas abiertas sobre sus experiencias para aprender todo lo ​posible sobre nuestros usuarios.
Grid
Thin Marker Oval Line

Análisis FODA

Este análisis nos permite identificar tanto nuestras fortalezas clave, como la capacidad de impactar ​positivamente en la educación ambiental desde una edad temprana, como también las oportunidades para ​mejorar.

Grid

Investigación de ​mercado

Eye Illustration Sticker

Para obtener más información sobre las actitudes y comportamientos hacia el reciclaje en Argentina, decidí ​comenzar con una investigación secundaria para comprender más profundamente el mercado.

Tendencias del mercado

En Argentina, la tasa de reciclaje es ​relativamente baja. Según el Banco ​Mundial, solo alrededor del 15-20% de ​los residuos se reciclan ​adecuadamente en el país.


En Buenos Aires, la cantidad de residuos ​reciclados ha aumentado gracias a ​programas como el Plan de Gestión ​Integral de Residuos Sólidos Urbanos ​(GIRSU), que busca incrementar la tasa ​de reciclaje en la ciudad y otras áreas ​urbanas.




Tendencias de consumo

Un informe de la Universidad de Buenos ​Aires en 2022 indicó que ​aproximadamente el 35% de los ​hogares urbanos separan sus residuos ​para reciclaje.


Según una encuesta de Greenpeace ​Argentina en 2021, el 70% de los padres ​están interesados en que sus hijos ​reciban educación sobre reciclaje y ​sostenibilidad en la escuela.





Descubrimiento de aplicaciones

El 45% de los usuarios de smartphones ​en Argentina han utilizado alguna ​aplicación para gestionar sus residuos ​o aprender sobre reciclaje, con ​Ecológica y Reciq App siendo las más ​populares.


Según datos de Google Play y App Store, ​las descargas de aplicaciones ​educativas enfocadas en sostenibilidad ​y reciclaje aumentaron un 18% en el ​último año.





Grid

Entrevistas con ​usuarios

Smiley Heart Illustration Sticker

Para profundizar más, entrevisté a padres y educadores interesados en la educación ambiental para niños. Me concentré ​en hacerles preguntas abiertas sobre sus experiencias para aprender todo lo posible sobre nuestros usuarios.

A partir de estas entrevistas, pudimos identificar ciertos puntos débiles de los usuarios, que fueron los siguientes:

Puntos débiles

Black Marker Stroke
  • Accesibilidad de recursos educativos: Los padres y educadores enfrentan dificultades para encontrar recursos ​educativos atractivos y efectivos sobre reciclaje y sostenibilidad que sean adecuados.


  • Interactividad y entretenimiento: Muchos recursos disponibles son percibidos como poco interactivos o aburridos, lo que ​dificulta mantener el interés de los niños y su compromiso con el aprendizaje sobre reciclaje.


  • Variedad de actividades: Aunque hay algunas opciones disponibles, la variedad y calidad de las actividades ​educativas sobre reciclaje pueden ser inconsistentes, limitando las experiencias de aprendizaje para los niños.
Grid
Thin Marker Oval Line

Persona

Con una compresión completa de las experiencias y frustraciones de los usuarios, creamos a Lucas, basado en todos los ​conocimientos adquiridos en la investigación.

Grid

Taskflow

Star Illustration Sticker

El Taskflow es un diagrama que representa el flujo de tareas que un usuario realiza para completar un ​objetivo específico dentro de una aplicación o sitio web. En este caso, cree un Taskflow que ilustra el ​recorrido de usuario:


Lucas: Quiere encontrar un juego para divertirse.


Este taskflow nos permite ver y mejorar cada paso que nuestros usuarios siguen, asegurando que todos ​tengan una experiencia fluida y satisfactoria, ya sea que necesiten encontrar como entretenerse, ​jugando o ver un video.

Grid
Flat Stickers and Badges

Flowchart

El Flowchart es un diagrama de flujo que representa todas las tareas y actividades principales de la aplicación. ​Esto me permitió comprender mejor su recorrido general al interactuar con la aplicación dando un paso hacia las ​diferentes decisiones que tomaría mientras intentaba completar tareas en diferentes escenarios.

Grid
Thin Marker Oval Line

Nuestras ideas en un papel

Como estábamos en la primera etapa del proceso de desarrolló decidí realizar Wireframes

A lo mejor te estás preguntando «¿Wirequé?»

Flat Stickers and Badges

Si te quedaste en blanco y con los ojos como platos, te cuento brevemente en que consiste.

Un Wireframes es un paso previo muy importante antes de empezar el diseño de una web o una aplicación móvil. Consiste ​en crear un boceto de la estructura de tu página de una forma simple, pero concretando cómo vamos a organizar la ​información.


Podemos realizar wireframes en papel o en digital, lo importante es estructurar nuestras ideas.

Grid

Wireframes en papel

Black Marker Stroke
Grid
Flat Stickers and Badges

Inclusividad ante todo

Durante la creación del prototipo, me percate de un detalle que no podía ignorar. Observe que las palabras que estaba ​utilizando tenían un género específico, lo cual no era adecuado ya que al ser una plataforma educativa, era crucial dar el ​ejemplo y promover un lenguaje inclusivo.

“Buscar la forma de decir lo mismo con palabras sin marcas de género.“

Simple Tic-Tac-Toe X Filled
Check Mark Illustration Sticker
Grid

Github

Black Marker Stroke

Es una plataforma de desarrollo colaborativo que utiliza el sistema de control de versiones Git.

Se dividió con un main principal y 5 ramas que corresponden a las 5 secciones de nuestra página.

Grid

No todo es color de rosas

Rainbow Illustration Sticker
Grid
Raise Hands Illustration Sticker

Ecoamigo

Grid
Grid
Flat Stickers and Badges

Du​lce sabor

Dulce sabor es una pastelería ubicada en Córdoba, Argentina, dedicada a ofrecer opciones saludables ​y sin gluten, sin comprometer el sabor casero que tanto te gusta.

Nuestra nueva aplicación ha sido diseñada para facilitar el acceso a estos deliciosos postres, ​permitiendo a los usuarios pedir y disfrutar sus dulces favoritos directamente desde su hogar.

Dulce sabor tiene como objetivo proporcionar una plataforma para atender a aquellos con ​restricciones dietéticas y a quienes simplemente buscan postres de alta calidad con un toque casero, ​pero no tienen tiempo para prepararlos.

Grid

Descripción del proyecto

Black Marker Stroke
Variation of Stars Illustration Sticker

Desafío

Dulce Sabor busca llegar a más personas más allá de sus ​seguidores en redes sociales y su clientela habitual. La idea ​es crear una app que haga que pedir postres sea tan fácil ​como delicioso, ofreciendo opciones tanto para quienes ​tienen restricciones dietéticas como para quienes ​simplemente aman los postres caseros.

Flat Stickers and Badges

Rol

Diseñadora de interfaz de usuario (UX)

Award Ribbon Illustration Sticker

Tecnologías

Flat Stickers and Badges

Solución

Diseño: Figma, Canva.

  • Crear una aplicación para ordenar postres de ​manera rápida y sencilla.


  • Cumplir con los objetivos del negocio y de los ​clientes de Dulce Sabor.
Grid

Proceso de diseño

Pointing Hand Illustration Sticker

EMPATIZAR

Office Arrow Note Two Colour

DEFINIR

Office Arrow Note Two Colour

IDEAR

Office Arrow Note Two Colour

PROTOTIPAR

Office Arrow Note Two Colour

VALIDAR

Grid

Investigación

Trendy Flat Magnifying Glass Sticker

Antes de empezar con las entrevistas a usuarios y un análisis del mercado decidí entablar los objetivos principales de la ​investigación.

  • Profundizar sobre las tendencias de mercado


  • Descubrir los puntos débiles de los usuarios.


  • Comprender las experiencias que tienen las personas con pedir a domicilio
Grid

Investigación de ​mercado

Eye Illustration Sticker

Para obtener más información sobre las restricciones dietéticas, decidí comenzar con una investigación ​secundaria para comprender más profundamente el mercado.

Tendencias del mercado

Según la Asociación Celíaca Argentina, ​más de 400,000 personas en el país ​tienen diagnóstico de celiaquía, lo que ​ha impulsado la oferta y demanda de ​productos sin gluten.


Las ventas de productos sin gluten en ​supermercados han crecido un 20% ​anual en Argentina en los últimos cinco ​años .


La tendencia hacia alimentos ​saludables se refleja en un crecimiento ​anual del 10% en la categoría de ​alimentos saludables y orgánicos en ​Argentina .

Tendencias de consumo

El 28% de los argentinos tiene alguna ​restricción dietética, ya sea por ​alergias, intolerancias o preferencias ​personales.


El 35% de los encuestados compra ​productos sin gluten aunque no tengan ​una condición celíaca, destacando la ​percepción de estos productos como ​más saludables .






Descubrimiento de aplicaciones

El 60% de los usuarios de internet en ​Argentina ha utilizado aplicaciones ​para pedir comida a domicilio, con ​Pedidos Ya y Rappi liderando el ​mercado. Estas aplicaciones han ​incrementado su oferta de productos ​saludables y sin gluten .


Las descargas de aplicaciones ​enfocadas en alimentación saludable y ​dietas especiales han crecido un 25% ​en el último año en Argentina.




Grid

Entrevistas con ​usuarios

Smiley Heart Illustration Sticker

Para profundizar más, entrevisté a clientes de la pastelería. Me concentré en hacerles preguntas abiertas sobre sus ​experiencias para aprender todo lo posible sobre nuestros usuarios.

Puntos débiles

Black Marker Stroke
  • Restricciones dietéticas: Los usuarios con restricciones dietéticas enfrentan dificultades para encontrar opciones ​alimenticias que cumplan con sus necesidades específicas, como opciones sin gluten, bajas en azúcar o veganas, tanto ​en las tiendas como en los restaurantes.


  • Falta de información: Los usuarios pueden sentirse desorientados o confundidos debido a la falta de información clara y ​precisa sobre los ingredientes y el contenido nutricional de los productos alimenticios, lo que dificulta la toma de ​decisiones informadas.


  • Variedad y calidad: Aunque algunos establecimientos ofrecen opciones para personas con restricciones dietéticas, la ​variedad y la calidad de estos productos pueden ser inconsistentes, lo que limita la experiencia gastronómica de los ​usuarios.


  • Tiempo: Aquellos que tienen un estilo de vida ocupado no disponen de mucho tiempo para cocinar o preparar postres en ​casa.
Grid
Thin Marker Oval Line

Persona

Con una compresión completa de las experiencias y frustraciones de los usuarios, creamos a Rodrigo y a Laura, basada en ​todos los conocimientos adquiridos en la investigación.

Grid

Taskflow

Star Illustration Sticker

El Taskflow es un diagrama que representa el flujo de tareas que un usuario realiza para completar un ​objetivo específico dentro de una aplicación. En este caso, hemos creado un Taskflow que ilustra dos ​recorridos de usuario:


  • Rodrigo: Quiere hacer un pedido y verifica que sea apto para celíacos.
  • Laura: Desea agregar a favoritos un postre que le gustó.

Este taskflow nos permite ver y mejorar cada paso que nuestros usuarios siguen, asegurando que todos ​tengan una experiencia fluida y satisfactoria, ya sea que necesiten opciones dietéticas especiales o ​simplemente quieran disfrutar de deliciosos postres caseros.

Grid
Flat Stickers and Badges

Flowchart

El Flowchart es un diagrama de flujo que representa todas las tareas y actividades principales de la aplicación. ​Esto nos permitió comprender mejor su recorrido general al interactuar con la aplicación dando un paso hacia ​las diferentes decisiones que tomaría mientras intentaba completar tareas en diferentes escenarios.

Grid

Wireframes en papel

Black Marker Stroke
Grid

Wireframes digital

Black Marker Stroke

Al avanzar en la fase de diseño inicial me aseguré de basar los diseños de pantalla en los comentarios y hallazgos de la ​investigación de los usuarios. La inclusión de detalles como ingredientes, calorías y opciones de envío asegura una experiencia ​de compra personalizada y satisfactoria.

Se diseñó con una navegación sencilla para abordar la necesidad clave de los usuarios de acceder rápidamente a funciones ​importantes.


Grid

Prototipo de baja fidelidad

Black Marker Stroke

Utilizando los wireframes digitales previamente diseñados, se creó un prototipo de baja fidelidad. El flujo principal del usuario que ​se conectó fue desde el inicio, seleccionando un postre popular y siendo dirigido al detalle del producto, donde se proporciona ​la opción de agregarlo al carrito. Desde allí, los usuarios son redirigidos a la lista de órdenes. Este prototipo de baja fidelidad ​representa el flujo básico de navegación y funcionalidades clave de la aplicación, y puede ser utilizado en estudios de ​usabilidad para obtener retroalimentación y mejoras.


Grid
Star Illustration Sticker

Mapa de afinidad

Para sintetizar mis hallazgos de las pruebas, tomé todas mis notas y observaciones y creé un mapa de afinidad. Esto me ​ayudó a digerir mejor los diferentes patrones observados durante las pruebas y a identificar dónde se deben priorizar las ​revisiones para mejorar la usabilidad del diseño.

Grid
Eye Illustration Sticker

El antes y el después

Los primeros diseños permitieron cierta personalización, pero después de los estudios de usabilidad se cambiaron de lugar ​algunos botones, como el botón de sumar la cantidad de producto, el de “agregar al carrito, además se agrego el valor del ​postre al principio.

Grid
Flat Stickers and Badges

Puliendo detalles

En los estudios de usabilidad hubo un cierto desconcierto al momento que se agrega un postre al carrito directamente se ​redirigiera a “Mis ordenes” por eso se decidió agregar un pop up para que sea mas claro para el usuario

Grid
Smiley Heart Illustration Sticker

Prototipo de alta fidelidad

Este prototipo final muestra una experiencia de usuario optimizada que abarca desde el inicio de sesión y registro, hasta la ​selección de productos y la realización de pedidos. Cada paso ha sido cuidadosamente diseñado para asegurar una ​navegación fluida y una interacción intuitiva.

Grid
Grid

Próximos pasos

Llevar a cabo otra ronda de estudios de usabilidad para validar si los puntos débiles que ​experimentaron los usuarios se han abordado de manera efectiva. Realizar más investigaciones de ​usuarios para determinar nuevas áreas de necesidad.

Grid

Aprendizaje

El proyecto de crear esta aplicación de pastelería ha sido una experiencia muy ​enriquecedora. Me ha mostrado lo esencial que es entender a fondo las necesidades y ​preferencias de los usuarios. También he aprendido la importancia de iterar ​constantemente nuestros diseños basándonos en la retroalimentación obtenida en los ​estudios de usabilidad.


Además, descubrí que la simplicidad y la claridad en la experiencia del usuario son clave ​para asegurar la adopción y satisfacción del cliente. Este proyecto también me ha ​enfatizado lo crucial que es integrar la accesibilidad en el diseño desde el principio, ​garantizando que la aplicación sea inclusiva para todos los usuarios.


Por último, comprendí la importancia de mantener un equilibrio entre la innovación y la ​familiaridad en el diseño de la aplicación, ofreciendo tanto opciones creativas como ​elementos reconocibles que faciliten la navegación y el uso intuitivo.


Grid
Trophy Illustration Sticker

Mis notas

Desarrollé una aplicación nativa de toma de notas, diseñada para ser intuitiva, sencilla y eficiente. La ​aplicación permite a los usuarios crear, editar y organizar notas de manera rápida y sin ​complicaciones, ofreciendo una experiencia de usuario óptima tanto en dispositivos móviles como ​en tabletas.

Grid
Grid

Descripción del proyecto

Black Marker Stroke
Variation of Stars Illustration Sticker

Desafío

Desarrollar una aplicación nativa de toma de notas que sea ​intuitiva, sencilla y eficiente. La aplicación permitirá a los ​usuarios crear, editar y organizar notas de manera rápida y ​sin complicaciones, ofreciendo una experiencia de usuario ​óptima.

Flat Stickers and Badges

Rol

Diseñadora de interfaz de usuario (UX)

Desarrolladora Android

Flat Stickers and Badges

Solución

  • La aplicación debe ser fácil de usar desde el primer ​momento, con una interfaz clara y accesible para ​usuarios de todas las edades y niveles de experiencia ​tecnológica.


  • El diseño debe ser minimalista y funcional, evitando la ​sobrecarga de información y funcionalidades ​innecesarias, permitiendo a los usuarios concentrarse ​en sus notas.


  • Optimización del rendimiento para asegurar que la ​aplicación funcione de manera fluida y rápida, incluso ​con una gran cantidad de notas almacenadas.


Award Ribbon Illustration Sticker

Tecnologías

Diseño: Figma, Canva.

Desarrollo: Kotlin, Room, MVVM, Livedata, ​Corrutinas, Navigation componet.

Grid

He​rramientas utilizadas

Kotlin

Kotlin es el lenguaje perfecto para el desarrollo de ​aplicaciones Android por su sintaxis moderna, concisa y ​segura. Facilita la escritura de código limpio y reduce la ​cantidad de errores, mejorando la eficiencia del desarrollo.


MVVM

Este patrón de arquitectura me permite separar claramente ​la lógica de negocio de la interfaz de usuario, lo que hace ​que el código sea más fácil de mantener.

LiveData

LiveData es parte del componente de arquitectura de ​Android y se utiliza para observar datos y reaccionar ​automáticamente a los cambios. Esto asegura que la ​interfaz de usuario siempre esté actualizada con los datos ​más recientes, mejorando la interactividad y la experiencia ​del usuario.

Room

Para la gestión de datos locales, Room es una biblioteca ​ORM (Object-Relational Mapping) que simplifica el acceso a ​SQLite, proporcionando una API robusta y fácil de usar. Esto ​asegura que las notas se guarden de manera eficiente y ​que las operaciones de base de datos sean seguras y ​rápidas.

Navigation Component

Esta herramienta facilita la navegación dentro de la app, ​proporcionando una experiencia de usuario coherente y ​fluida. Permite gestionar la navegación y las transiciones ​entre pantallas de manera declarativa y segura.

Corrutinas

Las corrutinas permiten manejar operaciones asíncronas​ de manera más sencilla y eficiente. Esto evita bloqueos e​n la interfaz de usuario, garantizando que la app se manteng​a fluida incluso cuando realiza tareas complejas en segundo​ plano.

Grid
Flat Stickers and Badges

Tu cerebro no es una libreta

Imagínate esto: estás en medio de una gran lluvia de ideas, y lo único que necesitas es un lugar donde poner todas esas ​ideas locas y brillantes. Entras a la tienda de aplicaciones, descargas una app de notas y… ¡sorpresa! Es más complicada ​que entender la teoría del Big Bang. ¡Qué pesadilla! Aquí es donde entra en juego nuestra heroína:


una app de notas sencilla, intuitiva y lista para organizar tu vida.


Además, ¿Quién quiere cargar un montón de libretas cuando puedes tener todo en tu celular? Es como tener una mochila ​mágica, pero sin el dolor de espalda.

Grid

¿Por qué crearía una app de notas?

Porque también olvido la lista de compras del super


y, francamente, si puedo ayudar a alguien a recordar comprar leche de almendras en lugar de la de avena, ¡mi misión ​estará cumplida!

Comencé investigando qué les gustaba y qué odiaban los usuarios de otras apps. Escuché que muchos querían algo ​sencillo, sin complicaciones y que realmente funcionara. Así que empecé a diseñar con eso en mente.


Utilicé Figma para hacer prototipos, y luego entré en el emocionante mundo de la codificación con Kotlin para Android.

Las primeras versiones fueron… digamos, "interesantes".

Trendy 3D OK Sticker
Grid

Feedback

Black Marker Stroke

Aquí viene la mejor parte: Mi hermano también es desarrollador. Me dio su opinión experta sobre el código y el diseño. En ​base a su feedback, realicé cambios significativos. ¡Incluso me escribió un documento detallado con todas las correcciones ​y errores! Gracias a su ayuda, logré optimizar el rendimiento y mejorar la interfaz.

Flat Stickers and Badges
Grid

Demo

Flat Stickers and Badges

Los invito a probar el demo y a revisar el código fuente para ver por ustedes mismos cómo estas tecnologías se unen para ​crear una app de notas increíble

Pointing Hand Illustration Sticker
Grid
Flat Stickers and Badges

Gr​acias!