Cómo construí un proyecto web profesional moderno como https://franthropiclab.cat Herramientas, decisiones y aprendizajes — Una guía para la comunidad Este documento nace de un proyecto real: una web de servicios digitales con blog, sistema de reservas, emails automáticos e integración con Google Calendar. Todo construido de forma independiente, sin agencia, con herramientas modernas y asequibles. Mi intención es compartir las decisiones que tomé para que puedas replicarlas, adaptarlas o mejorarlas. 1. El punto de partida: ¿qué necesita un proyecto así? Antes de elegir ninguna herramienta, es útil pensar en las capas funcionales que necesita el proyecto: - Presencia y contenido — una web rápida, bien posicionada, con blog - Captación — formulario de contacto, sistema de reservas online - Comunicación — emails automáticos cuando alguien reserva o contacta - Operaciones — calendario propio, recordatorios, gestión de citas - Medios — imágenes y vídeos servidos de forma rápida y barata - Datos — saber qué funciona, qué no, y cómo te encuentra Google Con ese mapa mental, cada herramienta tiene un lugar claro. 2. La web: cómo está construida La web está hecha con herramientas profesionales que permiten que cargue rápido, sea fácil de mantener y se pueda actualizar sin empezar de cero cada vez. Para el diseño visual, se usa un sistema que permite construir interfaces bonitas y consistentes sin necesidad de escribir hojas de estilo desde cero. Los colores, fuentes y espaciados se definen una sola vez y se aplican en toda la web de forma uniforme. Las animaciones y transiciones se consiguen con una herramienta específica para eso — hacen que la web se sienta fluida y moderna sin añadir demasiado peso. A tener en cuenta: Define los colores, tipografías y estilo visual antes de empezar a construir. Cambiarlos a mitad del proyecto cuesta el doble. 3. El blog: los artículos en la nube Para un blog con varios artículos, en dos idiomas y con publicación programada, lo más práctico es guardar el contenido en una base de datos en la nube, no en archivos locales.

¡Buenas, comunidad! Quería compartir con ustedes un proyecto personal de mejora técnica. He tomado como base la web de este centro veterinario: 🔗 http://www.larcacentreveterinari.com/lng/Esp/Inicio Como verán, la web original es un WordPress antiguo que ni siquiera tiene una versión móvil funcional y carece totalmente de interactividad. Me puse como reto crear una réplica "Premium" desplegada en Vercel para trabajar aspectos que en la original no existen. Aquí pueden ver el resultado: 📺 https://youtu.be/8r93b_Y5mfw Lo que he implementado en esta nueva versión: - Evolución del Diseño: He pasado de una estructura rígida y anticuada a un layout moderno, limpio y con una jerarquía visual clara. - Animaciones y Efectos: He añadido transiciones suaves y efectos que le dan vida a la interfaz, algo que en la versión de WP es inexistente. - Chat con FAQs Inteligente: He integrado un sistema de chat para resolver dudas frecuentes al instante, mejorando la atención al usuario. - Versión Móvil Real: Mientras que la original es casi imposible de usar en un teléfono, aquí la experiencia es 100% mobile-first, adaptando cada elemento al pulgar del usuario. - Rendimiento en Vercel: La velocidad de respuesta es inmediata, eliminando los tiempos de carga del servidor de la web original. Me ha servido muchísimo para practicar cómo transformar un sitio "legacy" en una herramienta moderna y fluida. ¡Me encantaría saber qué opinan de la evolución!

Buenas chicos! Paso por aquí para contaros que acabamos de cerrar el trato con el cliente que os comentaba ayer en la sesión. La reunión de ventas ha salido genial! @Raquel Organista se ha encargado de cerrar la venta y hemos usado todos los trucos que vimos ayer. (Anclaje de precios inicial, hablar de beneficios para el cliente en vez de la parte técnica y jugar a quien hable primero pierde a la hora de dar nuestro precio final). El proyecto incluye: - Sitio web completo e - Blog para posicionamiento - Catalogo de productos vinculados a AMZ Os iré contando en las próximas semanas los avances.

Hola mi gente!! Lo primero, quiero pediros disculpas, esta semana llevo unos dias desaparecido y no he podido avanzar tanto como me hubiera gustado con este proyecto, pero estoy seguro que ahora vas a comprender mejor porque. Tranquilo, el vibecoding sigue en su mejor momento y cada dia sigo construyendo y experimentando codas que muy pronto compartiré con todos vosotros... Pero bueno que hoy no te hablare de IA, hoy quiero hablarte de algo mucho mas íntimo y personal, que también quiero compartir con todos vosotros. Como te decía al principio esta semana ha sido la mas loca de mi vida. Una auténtica montaña rusa de emociones 🐾😭♥️🐣 Comencé la semana con uno de los palos mas duros que he tenido en la vida...Mi perrita Gina, nuestra gran compañera y amiga nos dejo el martes fue un golpe difícil, sin duda uno de los momentos más triste de mi vida. En mi casa tenemos una relación especial con los animales, la queriamos mucho y fue duro...Pero la vida a veces te guarda sorpresas maravillosas... Dicen que cuando algo nuevo se va, algo nuevo viene...Y en nuestro caso...Fue literal... Ya que el viernes, solo 3 dias después mi novia me sorprendió con algo demasiado especial...Voy a ser papá!!!...Casualidad?? No lo se... Pero sin duda el timing ha sido perfecto. La inmensa alegría de esta noticia nos ha ayudado a superar el mal trago de nuestra Gini y personalmente ahora estoy más con mas fuerzas que nunca para trabajar duro y poder seguir mejorando!! Que esta reflexión nos sirva también para poner en valor lo verdaderamente importante. Por mucha IA que sepas, por mucho dinero que ganes o por muchos likes que tengas...Seguiras siendo un ignorante sino sabes estar al lado de los tuyos cuando te necesiten. Gracias a todos por estar por aquí!! ♥️♥️🥷🏼🐣

Hola tribu, Quería pasar por aquí para compartir una pequeña/gran victoria como alumno avanzado de la comunidad. Desde hace unos días mi proyecto ya está desplegado al 100% y funcionando en producción:👉 https://franthropiclab.cat/ FranthropicLab es mi “laboratorio digital” donde ayuda a emprendedores y negocios a construir webs, productos digitales y automatizaciones con IA, con foco en ejecutar rápido, validar y seguir iterando. Lo que más ilusión me hace ahora mismo es que ya tengo activa la sección de blog, donde voy a ir documentando todo el proceso: decisiones técnicas, automatizaciones, aprendizajes construyendo MVPs y reflexiones sobre cómo usamos la web para algo más que “tener presencia online”. La idea es que ese blog sea un diario honesto de lo que vamos probando (lo que funciona y lo que no), y que también pueda servir de referencia para la gente de aquí que esté montando sus propios sistemas con no-code, código e IA. Además, quiero aprovechar para proponer algo a la comunidad:si algún compañero ya tiene su proyecto lanzado y le apetece más visibilidad, puedo publicarlo en mi web en la sección de “casos de éxito”. Yo lo presento como proyecto colaborador, enlazo a tu página y lo utilizo como ejemplo real dentro de mi portfolio, así hacemos un win–win: tú ganas exposición y yo muestro proyectos sólidos salidos de la comunidad. Si te interesa, mándame tu proyecto (link + breve descripción) y lo reviso para incluirlo en la web. Si a alguien le apetece cotillear la web, déme feedback, proponga temas para próximos artículos o sumarse a esta colaboración de casos de éxito, encantado de leeros en comentarios. P.D.: SIEMPRE AGRDECIDO a @German Huertas Un abrazo, 🙌