Propuestas de diseño del sitio web
Les presentamos cinco propuestas de diseño para el sitio web de TAYKA en tayka.com.co. Las cinco traen las mismas secciones y funciones; lo que cambia es la forma de verse y de navegar. Les pedimos elegir una para construir el sitio sobre ella.
Cómo revisarlas
- Abra cada enlace en el computador y también en el celular. Las cinco funcionan en ambos.
- Recorra la página completa. Puede hacer clic en los proyectos, los filtros, la Zona Clientes, el botón de WhatsApp y los formularios: todo responde como en el sitio real.
- Anote lo que le gusta de cada una. Se pueden combinar ideas de varias (por ejemplo, la portada de una con la Zona Clientes de otra).
- Envíenos sus comentarios por WhatsApp o por correo, indicando la propuesta y la sección.
Importante: las fotos son ilustraciones, y las cifras, precios y áreas son de ejemplo. Se reemplazan por el material real de TAYKA antes de publicar (ver la sección «Qué es de ejemplo»).
Lo que trae el sitio en las cinco propuestas
Las cinco incluyen todo lo acordado para la Fase 1 del sitio, incluido lo que agregamos sin costo:
| Sección o función | Para qué sirve |
|---|---|
| Inicio | Presenta a TAYKA, sus cifras de trayectoria y los proyectos en venta. |
| Banner de campañas | Anuncia ferias, lanzamientos o promociones, con cuenta regresiva. |
| Proyectos con filtros | Todos los proyectos, filtrados por ciudad, tipo (apartamentos, lotes, VIS) y estado (en venta, en construcción, entregado). |
| Ficha de cada proyecto | Fotos, área desde, precio desde (si TAYKA lo publica), VIS o no VIS, tipologías, avance de obra mes a mes y preguntas frecuentes. |
| Mapa de proyectos | Muestra dónde ha construido TAYKA en Nariño, Cauca, Putumayo y Arauca. |
| Quiénes somos | Historia desde 2004, forma de trabajar y servicios. |
| Zona Clientes | Para quien ya compró: avance de obra de su proyecto, botón de Pagos, agendar cita y solicitudes de postventa. |
| Botón de Pagos | Siempre visible arriba. Muestra los datos de la cuenta oficial de TAYKA en Bancolombia, con un botón para copiar el número y otro para enviar el comprobante por WhatsApp. El sitio no recibe dinero ni guarda datos de tarjetas. |
| WhatsApp flotante | Presente en todas las páginas. Abre el chat con un mensaje ya escrito según el proyecto que la persona está viendo. |
| TAYKA Hoy | Noticias de entregas, avances de obra y eventos. |
| Contacto | Formulario que llega al correo de ventas, datos de la oficina y redes sociales, con la autorización de datos de la Ley 1581. |
Las propuestas D y E ya tienen los dos números de WhatsApp de ventas y la cuenta de pagos que nos enviaron; en A, B y C esos datos todavía son de ejemplo, y la propuesta que elijan llevará los reales. En la maqueta, el botón de WhatsApp muestra un aviso en vez de abrir el chat.
Cómo se muestran sus proyectos
TAYKA tiene hoy dos proyectos activos y varias obras terminadas. Las cinco propuestas están pensadas para mostrar las dos cosas, cada una con su papel:
- Los dos proyectos activos van primero. Tienen ficha completa, área y precio desde, avance de obra mes a mes y botón de WhatsApp para vender.
- Las obras terminadas son la carta de presentación. Aparecen como «Entregado» en el portafolio y en el mapa, con fotos de la obra terminada, ciudad, año de entrega y número de viviendas. Le muestran al comprador que TAYKA cumple lo que promete.
- El filtro por estado separa lo que está en venta de lo entregado, para que nadie pregunte por un proyecto que ya no tiene unidades.
- El mapa reúne los dos tipos: puntos rojos para lo que está en venta y verdes para lo entregado, de Túquerres a Fortul.
- La propuesta E ya usa fotos reales de sus obras entregadas, tomadas del video de portafolio de 2017, con los años y el número de viviendas que aparecen ahí.
De cada obra terminada solo necesitamos el nombre, la ciudad, el año de entrega, la cantidad de viviendas o el tipo de obra, la entidad con la que se hizo (si aplica) y de 3 a 6 fotos.
Propuesta AObra Viva
Fondo blanco que recuerda el muro de ladrillo del logo, las rayas rojas del logo como franjas y letras altas y fuertes, como las de una valla de obra. Es la propuesta más directa: transmite una constructora seria y trabajadora.
- Portada: frase grande «Construimos el sur de Colombia, ladrillo a ladrillo», con foto de obra y sello «En venta».
- Campañas: el banner va como cinta de seguridad de obra, amarilla y negra, con cuenta regresiva.
- Proyectos: cuadrícula de tarjetas con etiquetas de estado y VIS, área y precio desde, y barra de avance de obra.
- Ficha: se abre en una ventana con tipologías en tabla, gráfica de avance mes a mes y preguntas frecuentes.
- Mapa: mapa oscuro con puntos rojos (en venta) y verdes (entregados), y lista por ciudad.
- Zona Clientes: cuatro botones grandes: avance de obra, pagos, agendar cita y postventa.
Funciona mejor si TAYKA quiere conservar la identidad actual de su logo y mostrarse como una constructora tradicional y confiable.
Propuesta BHogar en Color
Grandes bloques de rojo y verde, esquinas redondeadas y los triángulos del logo de TAYKA como forma que se repite en toda la página. Es la propuesta más cálida, pensada para familias que buscan su primera vivienda.
- Portada: un bloque rojo con la frase «Tu casa en el sur, hecha por gente del sur» y un buscador: ¿Dónde? y ¿Qué buscas?
- Proyectos: tarjetas grandes en carrusel que se deslizan con el dedo, con pestañas En venta, Entregados, VIS y Todos.
- Cómo comprar con TAYKA: cuatro pasos claros, de separar la unidad a recibir el hogar.
- Ficha: se abre en un panel lateral sin salir de la página, cómodo en el celular.
- Mapa: por departamento; al tocar uno se ven sus proyectos.
- Zona Clientes: bloque verde con pestañas: avance, pagos, cita, postventa y preguntas.
Funciona mejor si el sitio se enfoca en vender vivienda, sobre todo VIS y primera vivienda, y en un público que navega desde el celular.
Propuesta CPlano Rojo
Todo el sitio se presenta como un plano de arquitectura: fondo rojo TAYKA con cuadrícula blanca, medidas y cotas. Es la propuesta más audaz y la que más se diferencia de otras constructoras.
- Portada: una valla de obra como las que TAYKA instala en sus proyectos, con constructor, licencia, uso y avance del proyecto destacado.
- Proyectos: un «Índice de obras» en forma de tabla, con código, ciudad, tipo, área, estado y barra de avance. Al pasar el cursor se ve la foto de la obra.
- Ficha: se abre como una lámina de plano, con la planta tipo del apartamento o el loteo dibujado con sus medidas.
- Campañas: una cinta que corre arriba de la página con la feria y los proyectos en venta.
- Mapa: plano de localización con coordenadas; al tocar un punto se filtra el índice.
- Zona Clientes: fondo negro con menú lateral y el avance de obra mostrado como una regla de medición.
Funciona mejor si TAYKA quiere verse técnica y sólida, y mostrar con orgullo la ingeniería y la cantidad de obras entregadas.
Propuesta DNegro de Obra
Fondo negro con una cuadrícula fina de plano, titulares grandes en blanco con palabras en rojo y detalles en verde lima. Usa el mismo estilo de la plataforma de gestión TAYKA que les mostramos, así que el sitio y la plataforma se verían como una sola marca. Es la propuesta más elegante y moderna.
- Portada: la frase «Construimos el sur de Colombia, a tiempo», con botones a los proyectos y a WhatsApp, y un panel con las cifras de TAYKA.
- Proyecto destacado: un bloque grande con foto, área, precio y avance de obra del proyecto que quieran impulsar.
- Proyectos: tarjetas oscuras con etiquetas de estado y VIS, área y precio desde, y barra de avance de obra.
- Ficha: se abre en una ventana con tipologías, avance de obra mes a mes y preguntas frecuentes.
- Mapa: plano oscuro con puntos rojos (en venta) y verdes (entregados), y lista por ciudad.
- Zona Clientes: cuatro tarjetas. En Pagos aparece la cuenta Bancolombia de TAYKA, con botones para copiar el número y para enviar el comprobante por WhatsApp.
Funciona mejor si TAYKA quiere verse moderna y de alto nivel, y que el sitio web y la plataforma de gestión se sientan como una sola marca.
Propuesta E · nuevaVitrina
Fondo blanco y limpio, con el rojo de TAYKA en botones redondeados y los proyectos como protagonistas. Sigue el formato de las constructoras grandes del país: una vitrina donde el comprador filtra, compara y escribe en pocos clics. Es la propuesta más comercial, y la primera con fotos reales de las obras de TAYKA.
- Encabezado: logo, línea de ventas, botón rojo de Pagos siempre visible, menú lateral y buscador de proyectos.
- Portada: carrusel con la campaña del momento, los proyectos en venta y las obras entregadas («Más de 640 hogares entregados»).
- Proyectos: «Encuentra el hogar de tus sueños», con filtros por ubicación, tipo y estado, y tarjetas con cinta «Nuevo» o «Entregado», sello del proyecto, tipologías con área y precio desde, y sello VIS.
- Obras entregadas: 15 obras con foto, años de construcción y número de viviendas: Torre Andina, Villa Lilia, El Diamante, Juan Félix Londoño, Altos de Satinas, Jardín y Terrazas del Morasurco, entre otras.
- Campañas: franja roja «¡El tiempo corre!» con cuenta regresiva y registro, y una ventana emergente con el proyecto a impulsar.
- Pagos y citas: banner con foto de Pasto y dos accesos directos: «Paga tu cuota aquí» y «Agenda tu cita aquí».
- Comprar con TAYKA: compra con subsidio, desde el exterior o por videollamada, y los cuatro pasos de compra.
- Mapa, Zona Clientes, TAYKA Hoy y Contacto: con las mismas funciones de las demás propuestas, incluido el Huila en el mapa.
Funciona mejor si TAYKA quiere un sitio que se vea como el de las constructoras grandes, enfocado en vender y en mostrar con fotos todo lo que ya ha construido.
Comparación rápida
| A · Obra Viva | B · Hogar en Color | C · Plano Rojo | D · Negro de Obra | E · Vitrina | |
|---|---|---|---|---|---|
| Color principal | Blanco con rojo y verde | Rojo y verde en bloques, con amarillo | Rojo pleno con blanco y verde | Negro con rojo y verde lima | Blanco con botones rojos |
| Sensación | Seria, tradicional, de obra | Cálida, cercana, familiar | Técnica, moderna, audaz | Elegante, moderna, de alto nivel | Comercial, clara, de constructora grande |
| Público ideal | Todo tipo de comprador | Familias y primera vivienda (VIS) | Comprador que valora la ingeniería | Comprador que busca calidad y respaldo | Todo comprador; ideal para campañas y pauta |
| Proyectos se ven como | Cuadrícula de tarjetas | Carrusel de tarjetas grandes | Índice en tabla con vista previa | Proyecto destacado y tarjetas oscuras | Vitrina de tarjetas con tipologías y precios |
| Ficha del proyecto | Ventana con gráfica de avance | Panel lateral | Lámina con planta tipo dibujada | Ventana con gráfica de avance | Ventana con foto, tipologías y avance |
| Relación con el logo | Muy cercana (ladrillo y rayas) | Toma los triángulos | Logo sobre placa blanca | Logo sobre negro, igual que la plataforma | Logo a color sobre blanco |
Cualquiera de las cinco se construye en el mismo tiempo y con el mismo precio acordado para la Fase 1.
Qué es de ejemplo y qué necesitamos de TAYKA
Las maquetas usan el logo oficial que nos enviaron y los nombres reales de sus proyectos. Lo demás es de ejemplo y se cambia por la información real:
- Fotos: en A, B, C y D son ilustraciones. En E usamos fotos del video de portafolio de 2017; para el sitio final necesitamos fotos recientes, renders de ATRIO y Los Yarumos, y tomas de dron.
- Precios, áreas, tipologías y porcentajes de avance: son de ejemplo.
- Ciudad y estado de Los Yarumos y ATRIO: los pusimos en Pasto y en venta; hay que confirmarlos.
- Número de licencia, fecha y lugar de la feria, y noticias de TAYKA Hoy: son de ejemplo.
- WhatsApp de ventas y datos de pago: ya los recibimos y están en las propuestas D y E. En A, B y C se ven datos de ejemplo.
- Obras del video (propuesta E): los años y el número de viviendas salen del video de 2017. Hay que confirmar la ciudad de Casas El Dorado, el estado actual de Torre Parque Central (en el video estaba en obra) y si la parcelación campestre del video es Los Yarumos. La cifra «más de 640 hogares» suma las obras con número conocido; la ajustamos con el dato oficial.
Para construir el sitio necesitamos:
- La propuesta elegida (A, B, C, D o E) y los cambios que quieran
- Número de WhatsApp de ventas (o uno por proyecto, si cada uno tiene asesor)
- Enlace o datos del medio de pago para el botón de Pagos
- Logo en formato vectorial (AI, PDF o SVG), si lo tienen
- Fotos originales en alta resolución, renders y video de dron, en una carpeta por proyecto
- De los dos proyectos activos: ciudad, tipo, áreas, tipologías, precio desde (si lo quieren publicar) y avance. De cada obra terminada: ciudad, año de entrega y número de viviendas
- Correo al que deben llegar los formularios de contacto y de postventa
- Horario de la sala de ventas para agendar citas
- Política de tratamiento de datos (si no la tienen, preparamos una base para su abogado)
Siguientes pasos
- Dominio: listo. TAYKA registró tayka.com.co el 26 de octubre de 2026 en mi.com.co, vigente hasta octubre de 2027. En la semana de publicación necesitaremos entrar a esa cuenta (o que nos acompañen) para conectar el dominio al sitio y, si lo eligen, al correo.
- Elegir la propuesta (A, B, C, D o E) y enviarnos los ajustes que quieran, por WhatsApp o por correo.
- Enviar el material de la lista anterior.
- Construcción de la Fase 1 en 4 semanas a partir de la elección y el material: semana 1, arranque y estructura; semanas 2 y 3, páginas y carga de proyectos; semana 4, pruebas en celular y computador, publicación en tayka.com.co y capacitación.