01 / 04 · Manicurista · Katy, Texas
Nails by MelyG
Web con reservas, simulador de manicura y gift cards.
Diseñadora y desarrolladora web
Diseño y programo webs que mis clientes pueden gestionar solos.
Paulagotchi
diseño + código
proyectosjugarhablar
Selecciona modo
← → para elegir · Enter para empezar
02 / 04 · Director de videoclips · Sevilla
Kronox
Su web y el panel para cambiarla sin depender de mí.
03 / 04 · Tienda online · Sevilla
Nácar Estilismo
Tema de Shopify desde cero, en seis idiomas.
04 / 04 · Proyecto personal
Entre Amigos por Venezuela
App para organizar donaciones que funciona sin conexión.
mira lo que hago
Mis webs
Elige un cartucho y mira la web en vivo.
nailsbymelyg.com
01 / 04
Manicurista · Katy, Texas
Nails by MelyG
Mely tiene un estudio de manicura rusa. Diseñé su web en Figma y la programé: las clientas se prueban colores y formas antes de reservar, ven sus trabajos y compran gift cards.
Reto 1 de 4
Diseña tu manicura
Entra en la web de Mely y prueba el simulador: elige color, forma y acabado como haría una clienta.
Webs probadas: 0/4
Paula«Diseña tu manicura» abre el simulador.
PaulaES / EN: se elige sola según el idioma del teléfono.
PaulaLa gift card se diseña aquí y se envía por WhatsApp.
Toca los puntos de la web para ver dónde está cada decisión.
Lo que pensé para sus clientas
- Probar antes de reservarUn simulador para elegir color, forma y acabado. La clienta llega a la cita sabiendo lo que quiere.
- En su idioma sin pedirloLa web detecta si el teléfono está en español o en inglés y se abre así.
- Regalar en un minutoLa gift card se diseña en la web y se envía por WhatsApp.
02 / 04
REC 00:00:00:00
Kronox
Director de videoclips · Sevilla
Me pidió una web para su trabajo. Tiene dos partes: la web que ven sus clientes y un panel para que él cambie videos, fotos y precios sin depender de mí.
Reto 2 de 4
Ordena sus videoclips
Entra en el panel de Kronox y cambia el orden de sus videos con las flechas. Es lo que él hace sin llamarme.
Webs probadas: 0/4
PaulaUna pestaña por cada cosa que puede cambiar: videos, fotos, textos, tarifas y reseñas.
PaulaPara subir un video solo pega el enlace de YouTube. El título se pone solo.
PaulaCon las flechas cambia el orden en que salen sus videos en la web.
Toca «Web pública» para ver su web en vivo. Lo demás es el panel que usa él para cambiarla.
Antes de escribirle por WhatsApp, el cliente acepta las condiciones del rodaje. Así no hay malentendidos.
Él sube videos, cambia precios y aprueba reseñas desde el panel. También desde el celular.
03 / 04
N.º 03Tienda online · Sevilla
Nácar Estilismo
Una tienda de ropa en Sevilla. Diseñé y programé su tema de Shopify desde cero, en seis idiomas, y sigo encargándome de subir los productos nuevos.
Reto 3 de 4
Llena la cesta
Entra en la tienda, añade una prenda y mira cómo la cesta se abre a un lado sin sacarte de donde estabas.
Webs probadas: 0/4
PaulaLa cesta se abre a un lado.
PaulaSelector de idioma: seis idiomas.
04 / 04
Proyecto personal
Entre Amigos por Venezuela
Después de los terremotos en Venezuela hice en una semana una app para organizar donaciones, transporte y voluntarios. Funciona sin conexión, porque en una emergencia la señal falla. No llegó a usarse porque ya había otra herramienta parecida, pero es de lo que más aprendí.
Reto 4 de 4
Publica una necesidad
Entra en la app, ve a «Necesidades» y publica una. Si un local cercano la tiene, sale el match.
Webs probadas: 0/4
El camino de una ayuda
- Se publica la necesidadQué hace falta, cuánto y dónde. Quien la publica pone un PIN de 4 dígitos.
- Match automáticoSi un local cercano tiene eso disponible, la app lo avisa.
- CompradoUn donante lo compra y lo marca.
- En tránsitoUn conductor se ofrece a llevarlo y se ve quién fue a buscarlo.
- Recibido + PINSe confirma con el PIN, así quien donó sabe que llegó.
también en
WordPress
Temas que programé desde cero en la universidad. Quien gestiona la web rellena el panel y la página se actualiza sola. Toca un campo para ver dónde sale.
Editar página: Quiénes somos
Proyecto de la uni · Tema propio en PHP · Tipos de contenido personalizados · Campos con ACF
Extra · 3 portfolios
mis favoritos
Portfolios para creativos
Webs para tres personas que también crean. Antes de diseñar, miré qué busca cada uno en su sector.
01 · Editor de video
Jairo Azogue
Director y editor de video
Su trabajo ordenado por tipo de pieza y sus herramientas como si fueran su escritorio. Ya está en su propio dominio.
Ver su webEdiciónColorAudiojairoazogue.com
Programa: jairoazogue.com · en vivo
00:00:00:00Ajustar
- Propiedades del clip
- Cliente
- Jairo Azogue
- Qué hice
- Diseño y desarrollo de su web
- Dominio
- jairoazogue.com
02 · Cámara
ZogueKidd
Videoclips
Usa la misma base que la web de Kronox, con una estética totalmente distinta.
Ver su web- Ajustes
- Cliente
- ZogueKidd
- Qué hice
- Diseño y desarrollo de su web
- Base
- La de Kronox
03 · Visor 3D
Catalina Silva
3D y animación
La hicimos para que pudiera pedir prácticas en estudios de 3D.
Ver su webLayoutModeladoRendercatalina_silva.blend
Perspectiva de usuario
(1) Colección | catalina_silva.web
Catalina Silva3D y animación
- Escena
- Objeto
- catalina_silva.web
- Qué hice
- Diseño y desarrollo de su web
- Para
- Pedir prácticas en estudios de 3D
diseñado en Figma
Sin programar todavía
Proyectos de la universidad que viven en Figma, con su prototipo navegable.
Desliza o arrastra para ver más1 / 8
- DTRTienda online de una marca de ropa inventada: home, colecciones, producto, carrito, favoritos y login.Abrir prototipo
- ColdcultureEjercicio de clase: rediseño de la tienda online de una marca que ya existe.Abrir prototipo
- Estilo VivoPráctica de componentes y variantes: tarjetas, valoraciones y botones con estados.Abrir prototipo
y también
Identidades de marca
Antes de la web viene la marca. Toca cada ficha para darle la vuelta.
Vora
Beach club en El Saler. «Vora» significa orilla en valenciano: hice el nombre, el logo, la carta, la señalética y el merch.
Café del Sur
Una marca de café con una imagen muy anticuada. La rediseñé para que pareciera un café de especialidad.
Nidoo
Un estudio de diseño digital: la marca, los personajes, la papelería y la web.
sobre mí
Vengo del diseño gráfico
Aprendí a programar porque quería que mis diseños salieran de Figma y funcionaran de verdad. Estoy en el último año de Multimedia y Artes Digitales en la UCV y desde 2025 hago webs para clientes reales.
Vivo en Valencia, hablo español e inglés y busco prácticas a partir de enero, con convenio con la universidad.
3 cosas de mí
yo intentando caminar en césped No puedo caminar sobre césped.
helado de limón, como siempre Siempre pido lo mismo en los restaurantes. Un helado de limón. No soy de probar nada nuevo.
mi Spotify, sin sentido Escucho todo tipo de música. Mi Spotify no tiene sentido.
mi Spotify sin sentido
lo que uso
Herramientas
Lo que uso para diseñar y para programar.
Diseño07
- FigmaInterfaces, prototipos navegables y el diseño de cada web antes de programarla.
- IllustratorLogotipos, isotipos, geometría y recursos gráficos de marca.
- PhotoshopRetoque, mockups de packaging y piezas para redes.
- InDesignManuales de marca, cartas de restaurante y maquetación editorial.
- AffinityDiseño vectorial y edición de imagen para piezas de marca.
- CanvaPlantillas de redes que el cliente puede editar sin mí.
- CapCutEdición de video.
Web y desarrollo08
- HTML y CSSWebs a medida y responsive, sin plantillas. Este portfolio incluido.
- JavaScriptInteracción y animación: el simulador de manicura, las historias, los paneles.
- Shopify · LiquidTemas escritos desde cero, como el de Nácar Estilismo.
- WordPressWebs que el cliente actualiza por su cuenta.
- PHPFormularios y lógica de servidor cuando la web lo necesita.
- FirebaseBases de datos y paneles de administración, como el de Kronox.
- GitControl de versiones y publicación en GitHub y Netlify.
- SquareReservas, pagos y gift cards conectados a la web de Nails by MelyG.
Y también04
- CopilotMe ayuda a escribir y revisar código más rápido, sin perder el control.
- ClaudeAsistente de código: me ayuda a programar y revisar.
- ChatGPTPara pensar ideas en voz alta.
- GeminiOtra opinión cuando la necesito.
¿Usan otra herramienta?
Pregúntame.
