JC Administraciones

Contexto

JC Administraciones es una empresa dedicada a la gestión integral de edificios y condominios en Santiago de Chile. Su objetivo era contar con un sitio web profesional que transmitiera confianza, diera a conocer sus servicios y facilitara la captación de nuevos clientes a través de un canal digital simple y accesible. El cliente no contaba con presencia digital previa, lo que generaba dificultades para transmitir formalidad frente a nuevas comunidades y comités de administración.

Objetivos

• Visibilidad digital

  Crear un sitio web que posicionara a la empresa como confiable y moderna.

• Claridad en los servicios

  Explicar de forma estructurada las áreas de administración, seguridad y gestión financiera.

• Conversión rápida

  Incorporar botones de contacto directo (WhatsApp, correo) y un formulario.

• Diseño responsive

  Garantizar una navegación fluida en mobile, ya que la mayoría de los potenciales clientes accede desde el celular.

Proceso de diseño

1. 1

   Definición de necesidades

   Se levantaron requerimientos a través de reuniones con el cliente. Los puntos clave identificados fueron: comunicar experiencia y formalidad, priorizar secciones de servicios y gestión administrativa, e incluir referencias de clientes actuales para aumentar la confianza.

2. 2

   Arquitectura y wireframes

   Se propuso una estructura simple y clara: Home con impacto visual y CTA de contacto, Quiénes somos con credenciales y trayectoria, Servicios con desglose de áreas principales (finanzas, recursos humanos, seguridad, mantención), Gestión administrativa con procesos y protocolos diferenciados, Plataformas de apoyo con integración de herramientas externas (ComunidadFeliz, Edipro, Swappi) y Clientes con casos reales que refuerzan la credibilidad.

3. 3

   Diseño visual

   Paleta de colores: tonos sobrios (blanco, gris y negro) con acentos en dorado para transmitir confianza y profesionalismo. Tipografía sans-serif legible con jerarquía clara en títulos y párrafos. Imágenes: fotografías reales de condominios y recursos laborales para humanizar la propuesta. Componentes UI: tarjetas de servicios, íconos diferenciadores y botones CTA de alta visibilidad.

4. 4

   Implementación en Framer

   Maquetación responsive para desktop, tablet y mobile. Creación de microinteracciones (hover states, botones flotantes). Integración con WhatsApp directo y correo electrónico. Optimización de carga y SEO básico.

Diseño final

Pantalla Principal

El sitio presenta un título claro y directo, «Administración de Edificios y Condominios», que comunica inmediatamente el propósito y especialización de la empresa, acompañado de un subtítulo estratégico que refuerza la propuesta de valor al destacar soluciones integrales orientadas a brindar tranquilidad, orden y valorización a cada comunidad. La interfaz incorpora un CTA principal «Contáctanos» en color amarillo dorado, visible y contrastante, diseñado para incentivar la acción inmediata del usuario. Además, cuenta con una barra superior que integra el logo corporativo, una navegación simple y ordenada (Inicio, Quiénes somos, Servicios, Gestión JC y Plataformas) junto a datos de contacto rápido, facilitando el acceso a la información clave. Como elemento diferenciador, se incluye un sello de digitalización mediante la integración con Swappi, destacado en un módulo lateral que refuerza la transparencia y el uso de tecnología en la gestión.

Sección Quiénes Somos

Presenta la trayectoria de la empresa destacando más de 9 años de experiencia en administración de edificios y su presencia en comunas clave. Diseño limpio con tipografía jerarquizada y fotografía de condominio que refuerza la credibilidad.

Sección Nuestros Servicios

Organiza la oferta principal en tarjetas visuales: gastos comunes, recursos de personas, mantención y seguridad. Cada bloque combina ícono visual y descripción breve, facilitando la lectura rápida y destacando la integralidad de los servicios.

Sección Gestión Administrativa

Expone los procesos internos que aseguran transparencia y eficiencia: protocolos personalizados, registros digitales, cumplimiento de la ley de copropiedad y medidas de seguridad. El diseño organiza la información en bloques claros alrededor de una imagen central.

Sección Plataformas y Clientes

Presenta las herramientas digitales de apoyo (EdiPro, ComunidadFeliz, Swappi) y muestra casos reales de comunidades administradas, transmitiendo confianza mediante ejemplos concretos de clientes satisfechos.