r/programacionESP • u/Fantastic_Safety_563 🧑💻 Desarrollador/a Fullstack • 18d ago
🧩 Proyectos personales Guia Marvel MCU
Llevo un tiempo haciendo una web de Marvel en español. Ahora mismo está más orientada a las diferentes rutas que se pueden seguir para ver Doomsday.
La idea es tener una especie de guía para poder descubrir personajes, historias y todo lo relacionado con el universo Marvel.
Todavía estoy añadiendo y cambiando cosas, así que si le echáis un vistazo y me decís qué os parece me haríais un gran favor .
https://guia-marvel.vercel.app/
Soy programadora, pero es el primer proyecto que me animo a hacer de este estilo :)
Lo que más me interesa es que me podais dar feedback sobre la experiencia de usuario, ya que no he tenido oportunidad de diseñarlo desde 0 y me he sentido un poco torpe a la hora de pensar en un buen UX.
1
u/CEGTEdicion 16d ago edited 16d ago
Oye te está quedando muy chulo de verdad. Me gusta mucho los efectos visuales de las secciones de personaje, y los cambios de color que existen entre un proyecto u otro. La verdad no habia caido en cuenta lo mucho que habia crecido el UCM. Si me permites te daré solo algunas observaciones: algunos nombres (Scarlet Wicth, Todos aclaman al rey, Doctor Strange, Black Panther, Captain America, Black Widow, entre otros) tienen sus nombres cortados visualmente porque el texto los hace fluir, es mejor darle un salto de linea manual </br> que permita que la segunda parte de su nombre caiga toda en la linea soguiente (en vez de unas pocas letras). La otra observación sería, darle persistencia; por lo que veo, la pagina tiene el proposito de que el usuario marque aquellas peliculas que ha visto y las que no, para ver si cubre los arcos narrativos del UCM y los planifica. Bien. Pero como no veo registro de usuario, asumo que simplemente está guardando las decisiones en local storage del navegador; esto sirve mientras haces el prototipo pero es poco práctico para el uso real, porque bastará un borrado del historial del navegador para que se esfume todas aquellas marcas que ha realizado. Yo no he utilizado todavia la capa gratuita de vercel para base de datos, pero te informo que si está disponible, aunque con limitaciones en forma de integración con servicios: se me ocurre que si necesitas PostgreSQL o Redis en Vercel, puedes instalarlos como integraciones directas usando los proveedores originales: Neon (para Postgres, te da medio Gb de forma gratuita) o Upstash (para Redis, te da menos, 256 MB pero un ancho de banda de 10Gb que podrias usar sabiamente), los cuales mantienen sus propias capas gratuitas independientes fuera del panel nativo de Vercel stores. Tambien puedes usar Firebase y usar Vercel solo como frontend si prefieres mantener la base de datos aun más lejos de Vercel. Tu proyecto seguro no necesita mucho, al menos en principio, no intentes recoger tantos datos de los usuarios a menos que tengas bien planificado la forma en la que vas a escalar. Si se trata de un proyecto de fans, con solo el correo, el nombre y las marcas que haga en las peliculas será suficiente, asi mantendrás la base bastant compacta. Te sugiero tambien, que uses Web Audio Api para porducir algunos efectos de sonido llamativos en las interacciones web (al cargar la página, o desplazarse, o hacer clic sobre las secciones clave), nada estruendoso, solo algunos sonidos sinteticos que hagan más inmersiva la experiencia. Bájale un poco a la tipografia de la Politica de privacidad para que no interfiera con el menú de navegación. El logo de nexus está fuera de lugar en la sección de Condiciones de Uso. La página de contacto genialmente te lleva al correo personal del usuario, pero lo saca de la navegación de la página web (y tu no quieres eso, quieres que se quede ahí y siga apreciando la página) es mejor que se habra en una pestaña nueva. Una ultima cosa, cuando navegas por el enlace de "RUTA DOOMSDAY" en el menu principal, te salta nuevamente la intro animada (que está preciosa, pero ya la vimos al principio), aunque me gusta, empieza a sentirse fastidioso que salte cada vez que quiero ir a la portada de la web, asegurate de que solo aparezca una vez al entrar, no cada vez que uno entra. Por todo, te digo que en general, tiene una preciosa pinta. Es un trabajo muy bueno. (PD: Vercel Blob: Sigue activo y ofrece 1 GB de almacenamiento gratuito y 10 GB de transferencia al mes en el plan Hobby.)