Diseño
Incluye lineamientos visuales, tipografías, colores y maquetas. Garantiza una identidad coherente en todo el sitio web.
La estructura base de un sitio web es fundamental para garantizar una navegación intuitiva, coherencia visual y accesibilidad. Esta estructura se compone principalmente de tres secciones: Header (encabezado), Body (cuerpo) y Footer (pie de página).
El encabezado es la parte superior de la página y suele contener elementos clave que se mantienen constantes en todo el sitio. Su objetivo es proporcionar una navegación clara y reforzar la identidad de la marca.
En el sitio de la CCS, el header incluye el logotipo de la Cámara de Comercio de Santiago y un menú de navegación que dirige a las secciones: Inicio, Diseño, Desarrollo, Componentes, Contenido y Documentación.
El cuerpo es la sección central de la página, donde se presenta el contenido principal. Esta área varía según la sección del sitio y puede incluir textos, imágenes, videos, formularios y otros elementos interactivos.
En el sitio de la CCS, el body de cada sección proporciona información detallada y recursos relacionados con el tema correspondiente, como guías de diseño, componentes reutilizables y documentación técnica.
El pie de página se encuentra al final de la página y ofrece información adicional y enlaces útiles. Al igual que el header, suele ser consistente en todo el sitio.
Esta sección detalla los fundamentos técnicos que sustentan la estructura y funcionalidad del sitio web de la Cámara de Comercio de Santiago. Se abordan aspectos clave como el sistema de grillas, márgenes, componentes reutilizables y la clasificación del contenido mediante etiquetas.
El sitio emplea un sistema de grillas basado en una estructura de 12 columnas, lo que permite una disposición flexible y coherente de los elementos en la interfaz. Este enfoque facilita la adaptabilidad del diseño a diferentes dispositivos y tamaños de pantalla, asegurando una experiencia de usuario óptima tanto en escritorio como en dispositivos móviles.
Las secciones del sitio están organizadas en bloques claramente definidos, lo que contribuye a una navegación intuitiva y a una presentación ordenada del contenido.
Se observa una aplicación consistente de márgenes y espacios entre los distintos elementos del sitio. Estos espacios proporcionan una separación visual adecuada, mejorando la legibilidad y la estética general. La coherencia en el uso de márgenes también contribuye a una experiencia de usuario armoniosa y profesional.
El sitio utiliza una variedad de componentes reutilizables que mantienen una coherencia visual y funcional en toda la plataforma. Algunos de estos componentes incluyen:
Para organizar y facilitar el acceso al contenido, el sitio implementa un sistema de etiquetas (tags) que clasifica la información en categorías específicas. Estas etiquetas permiten a los usuarios filtrar y localizar rápidamente la información relevante, mejorando la eficiencia en la navegación.
Por ejemplo, en la sección de noticias o eventos, las etiquetas pueden incluir categorías como "Innovación", "Sostenibilidad", "Comercio Electrónico", entre otras, lo que ayuda a segmentar el contenido y a dirigir al usuario hacia sus áreas de interés.
El sitio implementa una hoja de estilos centralizada que define las reglas de presentación visual para todos los elementos de la interfaz. Esta hoja de estilos permite mantener una identidad gráfica coherente, respetando los lineamientos visuales institucionales de la Cámara.
El acceso a las plataformas digitales de la Cámara de Comercio de Santiago está gestionado de forma segura y estructurada. Para ello, se han definido distintos niveles de acceso según el tipo de usuario, sus responsabilidades y las secciones del sitio a las que debe ingresar.
El sistema está diseñado para garantizar una experiencia fluida y ordenada, permitiendo que cada persona acceda solo a las funcionalidades que necesita, protegiendo así la integridad del contenido y la operatividad de la plataforma.
El sitio cuenta con un sistema de autenticación estándar de WordPress, que requiere nombre de usuario y contraseña para ingresar. Este mecanismo permite validar la identidad de cada usuario antes de otorgar acceso a áreas restringidas del sitio.
La autenticación puede complementarse con medidas adicionales de seguridad, como el uso de contraseñas seguras, buenas prácticas de gestión de cuentas, y eventualmente autenticación en dos pasos (2FA) según el nivel de criticidad.
Para obtener acceso a Wordpress coordinar el acceso con la Gerencia de Comunicaciones – Soledad Castro a su correo scastro@ccs.cl
Indicar en el correo a que sitio tendrá acceso y cuales serán sus labores a realizar.
Debe definir uno de los siguientes roles para acceder:
Los roles de administrador son de uso exclusivo para el equipo de la Gerencia de Servicios Tecnológicos de la CCS.
El sitio web de la Cámara de Comercio de Santiago ha sido desarrollado siguiendo estándares modernos de compatibilidad y accesibilidad, asegurando una correcta visualización y funcionamiento en los principales navegadores del mercado.
Se garantiza el soporte completo en los siguientes exploradores actualizados:
Además, el sitio es compatible con dispositivos móviles, considerando las versiones más recientes de:
Incluye lineamientos visuales, tipografías, colores y maquetas. Garantiza una identidad coherente en todo el sitio web.
Reúne piezas reutilizables como botones, cards y módulos. Asegura consistencia y eficiencia en el desarrollo.
Incluye textos, imágenes y recursos multimedia validados. Está estructurado para comunicar con claridad y enfoque institucional.
Describe procesos, decisiones técnicas y manuales de uso. Es clave para la continuidad del proyecto y traspaso de conocimiento.