Educación · aprender inglés

Lingua Life

lingualife.onlineWordPress FSEGutenbergGitHub ActionsDDEV
8

días de la aprobación al lanzamiento

3

entornos: dev, pruebas, producción

5★

opinión del cliente en Fiverr

100

SEO en Lighthouse

01De dónde partía el cliente

Lingua Life es una marca ucraniana de tarjetas y kits para aprender inglés: tarjetas, juegos y kits para el trabajo, para niños y para practicar a diario. El fundador llegó por Fiverr con un diseño de Figma terminado (ordenador y móvil) y un briefing detallado.

  • Una web ligera en WordPress, sin Elementor y sin licencias anuales de pago
  • Todo editable desde el panel: textos, precios, fotos, opiniones, artículos
  • Código en el GitHub del cliente, copia local, entorno de pruebas y actualizaciones seguras
  • Una base para futuras landing pages de productos concretos
  • Nada de suposiciones: cada decisión dudosa, acordada por escrito
Más pantallas
02Diseño → web

Pasé el diseño de Figma a la web bloque a bloque y revisé cada sección en ordenador y en móvil. Tipografías, colores, espacios y botones quedan exactamente como en el diseño original.

Diseño en Figma
Diseño en Figma
Web publicada
Web publicada
03Cómo fue
  1. 29.09

    Revisión y propuesta

    Revisé todo el diseño y el briefing, envié todas las preguntas en un solo mensaje y propuse 3 etapas a precio cerrado.

  2. 02.10

    Etapa 1: la base

    Entorno de pruebas con contraseña, despliegue automático desde GitHub, cabecera, menú móvil, pie y portada. Aprobada al día siguiente.

  3. 03.10

    Etapa 2: página de inicio

    Las 7 secciones, galerías de productos, opiniones en texto, foto y vídeo, y una plantilla de landing page.

  4. 05.10

    Etapa 3: blog y el resto

    Blog con búsqueda instantánea, página de artículo con índice y entradas relacionadas, páginas legales, 404, SEO y caché.

  5. 06.10

    Lanzamiento y entrega

    Web publicada en lingualife.online, vídeo y guía en PDF, archivo del proyecto.

04Tres entornos: cambios sin riesgo

El dueño no toca código y no puede romper la web real: cada cambio pasa por el entorno de pruebas y llega a producción solo después de su «sí».

ordenadorDev

Una copia de la web en el ordenador para hacer cambios y pruebas.

pruebasPruebas

Web de pruebas con contraseña. Cada cambio de GitHub llega aquí automáticamente y aquí el dueño edita el contenido.

lingualife.onlineProducción

La web real. Nada llega aquí sin aprobación y sin copia de seguridad.

No se borra nada, y cada actualización de la web real empieza con una copia de seguridad.

Si hace falta, la web también se puede gestionar con un asistente de IA: muestra qué va a cambiar y lo aplica solo después de un «sí».

05El dueño lo gestiona todo

El tema está hecho con bloques estándar de WordPress, así que el editor se parece a la web y no a un formulario lleno de campos.

Editando la página de inicio en WordPress
Cada sección de la página de inicio se edita directamente en el editor
Añadiendo una opinión desde el panel
Las opiniones tienen su propia sección: añadir una lleva un minuto
Biblioteca de bloques listos
Bloques listos para nuevas páginas y landing pages
  • Opiniones en texto, foto y vídeo sin código
  • Un solo campo define el enlace de Telegram de todos los botones
  • Título y descripción SEO para cada página
  • La web funciona incluso con JavaScript desactivado
06Formación y entrega

Grabé un vídeo sobre cómo gestionar la web e hice una guía en PDF, para que el dueño no dependa de un programador en el día a día.

Fotograma del vídeo tutorial de la web
Vídeo «Cómo gestionar la web», 25 min con marcas de tiempo
Portada de la guía en PDF
Una guía en PDF de 38 páginas
Página de la guía con captura señalada
Cada paso con una captura señalada
  • Un archivo del proyecto con el código y todo el historial de cambios
  • Todos los accesos en un archivo, enviado por enlace privado
  • 30 días de correcciones gratis tras el lanzamiento
07Qué propuse después

Los pedidos, las respuestas y las opiniones todavía se gestionan a mano en Telegram. Grabé un vídeo aparte y preparé una presentación sobre qué se puede automatizar.

  • Un asistente de IA en la web que responde preguntas y recoge contactos
  • Un CRM con los contactos y la analítica de la web
  • Etiquetas de envío automáticas de Nova Poshta
  • Un informe semanal con IA sobre ventas y contactos
  • Petición automática de opinión tras la compra

Es una propuesta para la siguiente etapa, no forma parte de este proyecto.

Frame from the automation video
Automation video and deck
08Opinión del cliente
★★★★★

«Trabajar con Yura ha sido una gran experiencia. Su entrega fue excepcional, rápida y superó mis expectativas. Valoro su gran atención al detalle, su proactividad y su disposición a ayudar. ¡Espero trabajar con él en mis próximos proyectos!»

Lingua Life · 🇺🇦 Ucrania · Fiverr

El problema

Una marca de tarjetas y kits para aprender inglés necesitaba una web ligera a partir de un diseño de Figma ya terminado, que el dueño pudiera editar él mismo, con entorno de pruebas y actualizaciones seguras.

Qué hice

Hice un tema de bloques de WordPress a medida, sin maquetador visual, fiel al diseño de Figma, con tres entornos (copia local, pruebas y producción), despliegue automático desde GitHub y cambios en la web real solo con la aprobación del dueño. Lo lancé con una copia de seguridad completa y entregué un vídeo, una guía en PDF y el archivo completo del proyecto.

Resultado

La web se publicó en lingualife.online 8 días después de la aprobación, el dueño gestiona el contenido él mismo y el cliente dejó una opinión de 5★: «superó mis expectativas».

¿Necesitas una web para tu negocio?

Calcula el coste en 30 segundos o escríbeme y te respondo con precio y plazo.

TelegramPedir presupuesto