Diseñadora y desarrolladora web

Diseño y programo webs que mis clientes pueden gestionar solos.

Paulagotchi

diseño + código

proyectosjugarhablar

Proyectos

01 / 04 · Manicurista · Katy, Texas

Nails by MelyG

Web con reservas, simulador de manicura y gift cards.

Un trabajo de 10/10Mely G.

Mantén presionado para verla en grande

02 / 04 · Director de videoclips · Sevilla

Kronox

Su web y el panel para cambiarla sin depender de mí.

Mantén presionado para verla en grande

03 / 04 · Tienda online · Sevilla

Nácar Estilismo

Tema de Shopify desde cero, en seis idiomas.

Mantén presionado para verla en grande

04 / 04 · Para un grupo de amigos

Entre Amigos por Venezuela

App ligera para organizar donaciones: carga rápido aunque la conexión sea mala.

Mantén presionado para verla en grande

mira lo que hago

Mis webs

Elige un cartucho y mira la web en vivo.

nailsbymelyg.com

01 / 04

Nails by MelyG

Diseño web / UX/UI / Desarrollo / Reservas online

Estudio de manicura en Texas: las clientas diseñan sus uñas y su gift card antes de reservar.

Mi trabajo
UX/UI y código
Su marca
logo, tipografía, colores y fotos
Herramientas
Figma · HTML · CSS · JavaScript · GSAP · Square
Calidad · Lighthouse
97Accesibilidad96Buenas prácticas92SEO

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

Lo que pensé para sus clientas

  1. Probar antes de reservarUn simulador para elegir color, forma y acabado. La clienta llega a la cita sabiendo lo que quiere.
  2. En su idioma sin pedirloLa web detecta si el teléfono está en español o en inglés y se abre así.
  3. Regalar en un minutoLa gift card se diseña en la web y se envía por WhatsApp.
Mely G.Nails by MelyG · Katy, Texas
Leer reseña

¡Estoy más que feliz con el resultado de mi página web! Superó todas mis expectativas. Quedó increíble, moderna, elegante y muy interactiva, con movimientos y detalles que la hacen visualmente atractiva y entretenida.

Lo que más me encantó es lo fácil y práctico que resulta para mis clientas reservar sus citas (appointments) y comprar sus gift cards. Todo está diseñado para brindar una experiencia cómoda, rápida y profesional.

Además, quiero destacar la responsabilidad, dedicación y profesionalismo de la persona que hizo realidad este proyecto. Fue un verdadero placer trabajar con ella, siempre atenta a cada detalle y comprometida con lograr un resultado espectacular.

¡La recomiendo al 100 %! Sin duda, un trabajo de 10/10.

Gracias por hacer que Nails by MelyG tenga una página web tan hermosa, funcional y a la vanguardia.

Traducida del español.

Abrir en otra pestaña

02 / 04

Kronox

Diseño web / Panel de administración / Desarrollo

Director de videoclips en Sevilla: sus videos, reseñas y condiciones en un sitio, y un panel propio.

Mi trabajo
UX/UI y código de la web y del panel
Su marca
logo, tipografía, colores y videos
Herramientas
HTML · CSS · JavaScript · Firebase
Calidad · Lighthouse
100Accesibilidad96Buenas prácticas100SEO

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

Detalles · pasa el ratón por encima para verlos en la web

  1. Una pestaña para cada cosaVideos, fotos, textos, tarifas y reseñas: cada cosa en su sitio.
  2. Subir un video es pegar un enlacePega el enlace de YouTube y el título se pone solo.
  3. Él decide el ordenCon las flechas cambia qué video sale primero en su web.

03 / 04

Nácar Estilismo

Tienda online / Tema de Shopify / Desarrollo

Tienda de ropa en Sevilla, con Shopify y en seis idiomas.

Mi trabajo
UX/UI y tema de Shopify
Su marca
logo, tipografía y colores
Herramientas
Shopify · Liquid

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

Detalles · pasa el ratón por encima para verlos en la web

  1. Seis idiomasLa clienta cambia el idioma desde aquí arriba.
  2. La cesta se abre a un ladoAsí nadie pierde la página en la que estaba.

04 / 04

Entre Amigos por Venezuela

App web / Investigación / UX/UI / Desarrollo

App para organizar ayuda tras los terremotos en Venezuela. Ligera para que cargue rápido aunque la conexión sea mala.

Mi trabajo
investigación, UX/UI y código
Su marca
logo, tipografía y colores
Herramientas
HTML · CSS · JavaScript

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

  1. Se publica la necesidadQué hace falta, cuánto y dónde. Quien la publica pone un PIN de 4 dígitos.Pantalla de la app: se publica la necesidad
  2. Match automáticoSi un local cercano tiene eso disponible, la app lo avisa.Pantalla de la app: match automático
  3. CompradoUn donante lo compra y lo marca.Pantalla de la app: comprado
  4. En tránsitoUn conductor se ofrece a llevarlo y se ve quién fue a buscarlo.Pantalla de la app: en tránsito
  5. Recibido + PINSe confirma con el PIN, así quien donó sabe que llegó.Pantalla de la app: recibido + pin

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 web
Edició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.

Catalina Silva3D y animación · su portfolio
Leer reseña

Trabajar con Paula ha sido una experiencia increíble. Me encantó el resultado final de mi portfolio, no solo por la calidad técnica y visual, sino porque siento que realmente me representa como persona. Encontrar a alguien capaz de plasmar quién eres y transmitirlo a través de tu presentación profesional es algo muy especial, y Paula lo ha conseguido.

Desde el primer momento, escuchó atentamente mis ideas, recomendaciones, necesidades y deseos, y supo transformarlos en una propuesta creativa que encajaba perfectamente conmigo. La comunicación fue muy fácil y fluida durante todo el proceso. Solo tuve que enviarle los archivos y el briefing inicial, y ella se encargó del resto, aportando su visión creativa y cuidando cada detalle.

Me mantuvo al tanto de los avances en todo momento, compartiendo el progreso y permitiéndome revisar y aprobar cada etapa sobre la marcha. Gracias a esa comunicación constante y a su capacidad para entender lo que buscaba desde el principio, apenas fueron necesarias correcciones.

En definitiva, ha sido un placer colaborar con Paula. Me parece una diseñadora UI/UX excepcional, con una gran sensibilidad para entender a las personas, muchísima creatividad y la flexibilidad necesaria para adaptar cada proyecto a quien hay detrás. La recomendaría sin dudarlo a cualquiera que busque un resultado profesional, cuidado y, sobre todo, auténtico.

Traducida del español.
Ver su web
LayoutModeladoRendercatalina_silva.blend

Perspectiva de usuario
(1) Colección | catalina_silva.web

Catalina Silva3D y animaciónPortada de la web de Catalina Silva
Escena
Objeto
catalina_silva.web
Qué hice
Diseño y desarrollo de su web
Para
Pedir prácticas en estudios de 3D

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.

robotika.local/quienes-somos
Página Quiénes somos del tema Robotika

Editar página: Quiénes somos

Proyecto de la uni · Tema propio en PHP · Tipos de contenido personalizados · Campos con ACF

Sin programar todavía

Figma

Proyectos de la universidad que viven en Figma, con su prototipo navegable.

DTR / Home
DTR, home de la tienda
DTR / Producto
DTR, ficha de producto
DTR / Carrito
DTR, carrito
DTR / Login
DTR, login
Coldculture / Home
Coldculture rediseñada, home
Coldculture / Tienda
Coldculture rediseñada, tienda
Chía / Inicio
Chía, pantalla de inicio con la perrita y sus barras de energía
Chía / Armario
Chía, armario con los looks que se compran con semillas
Desliza o arrastra para ver más1 / 8

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.

yo, en pixel

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í

  1. yo intentando caminar en césped

    No puedo caminar sobre césped.

  2. helado de limón, como siempre

    Siempre pido lo mismo en los restaurantes. Un helado de limón. No soy de probar nada nuevo.

  3. mi Spotify, sin sentido

    Escucho todo tipo de música. Mi Spotify no tiene sentido.

mi Spotify sin sentido

Sonando · aleatorio total

Pink MatterFrank Ocean

    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.

    Preguntar
    ¡Logro desbloqueado!