Sesión 3 · Tema 2.1

Cómo funciona una página web (y por qué sí importa)

Tu presencia digital y el primer paso hacia tu portafolio.

Diplomado · Marketing para Proyectistas Docente: Axel de la Torre
Dónde vamos

De tu ancla a tu aparador

Ya tienes tu ancla (LinkedIn). Las próximas clases construimos tu aparador: tu portafolio web.

Hoy

Entender cómo funciona la web. Todavía no construimos: hoy entendemos el terreno.

Rompamos un mito

"¿Las páginas web ya pasaron de moda?"

Lo que se dice

"Ya nadie usa páginas web, todo es redes." La usas 5 segundos y ni te fijas.

La verdad

No pasaron de moda: se volvieron invisibles. Justo por eso hay tanto trabajo detrás.

Al terminar hoy

Qué te llevas de la sesión

  • Entender las 3 piezas de cualquier página web.
  • Ver por qué la web es el centro de tu presencia digital.
  • Conocer cómo te encuentran (SEO) y cómo se mide (pixeles).
  • Juntar 10 sitios de referencia para tu portafolio.
Tema 2

Diseño Web · tu portafolio digital

Primero lo técnico, sin miedo: ¿de qué está hecha una web?

La analogía

Una web es como una casa

Ustedes construyen casas. Una web se arma casi igual: necesita una dirección, un terreno y la construcción.

Ventaja de ustedes

Ya piensan como constructores. Solo cambiamos ladrillos por pixeles.

Lo esencial

Las 3 piezas de toda web

📍 Dominio

Tu dirección: tunombre.com. Lo que la gente teclea.

🏗️ Hosting

Tu terreno: el servidor donde vive tu sitio, prendido 24/7.

🏠 El sitio

La construcción: tus páginas, textos e imágenes.

El recorrido

¿Cómo llega alguien a tu web?

1 · Teclea

Escribe tu dominio en el navegador.

2 · Busca el terreno

El navegador va a tu hosting a pedir el sitio.

3 · Lo ve

El servidor entrega la página. ¡Listo!

La idea clave de hoy

Tu casa propia vs. cuartos rentados

Cuartos rentados

Instagram, LinkedIn. Útiles, pero no son tuyos: cambian reglas, algoritmos, y podrían desaparecer.

Tu casa propia

Tu web. 100% tuya, tú pones las reglas. Nadie te la quita.

Por eso tu portafolio web es el centro de tu presencia: lo demás apunta hacia ahí.

Lo invisible que sí trabaja

Cómo te encuentran y cómo mides

🔎 SEO

Para aparecer en Google cuando alguien busca "arquitecto en Playa del Carmen". Que te encuentren solos.

📊 Pixeles / analítica

Google Analytics y el pixel de Meta: saber quién te visita y que tu publicidad te siga funcionando.

Respira

No necesitas programar

Hay constructores de webs: arrastras y sueltas, como en Canva. Tú diseñas, ellos hacen el código.

Los más usados

Wix · Squarespace · Framer · WordPress · Carrd. Varios con plan gratis.

Base neutra + tu perfil

¿Qué hace bueno a un portafolio?

Toda web necesita orden y claridad. Ahora, para un portafolio de arquitectura:

Para tu perfil · Arquitectura
  • Imágenes grandes y de calidad
  • Los proyectos como protagonistas
  • Muestra tu proceso, no solo el render
  • Página de contacto clara
  • Que se vea bien en el celular
  • Menos texto, más obra
Paso 1 de la actividad

Colecciona inspiración

Antes de construir el tuyo, mira los mejores. ¿Dónde buscar?

Behance

Portafolios creativos.

Awwwards

Los sitios mejor diseñados.

Archello / Pinterest

Arquitectura y estudios.

Manos a la obra

Tu museo de referencias web

Entregable · 10%

Reúne 10 sitios que te inspiren

  • Por cada uno: captura + dirección (URL) + una línea de qué te gusta.
  • Arma una presentación con los 10 y expórtala en PDF.
  • Súbela a Crezee y pega tu favorito en el tablero del grupo (Miro).
Para la próxima

Tu casa propia empieza a tomar forma

¿Recuerdas tu plan de la S2? El portafolio web es una de esas metas. La próxima: diseñamos su estructura.