Colectivo de diseñadores y desarrolladores especializados en soluciones digitales para empresas.

Maquetación HTML de portales del estado colombiano

Aplicación de la estrategia digital Gov.co

Home / Servicios / Maquetación HTML con lineamientos Gov.co

Maquetación HTML para Gov.co

Qué es Gov.co?

Componentes y sitios web

En qué consiste la maquetación HTML enfocada en gobierno digital?

Realizamos la maquetación de sitios web para entidades del estado de acuerdo a los lineamientos técnicos y gráficos de la estrategia Gov.co.

Se usa Bootstrap para convertir el diseño del sitio en un grupo de archivos (HTML5, CSS3, JavaScript e imágenes). El adecuado uso de esta librería permite incorporar la metodología Responsive Web Design para que el diseño sea adaptable en dispositivos móviles.

Aplicamos las normas y recomendaciones técnicas de los estándares del W3C (World Wide Web Consortium) para asegurar la compatibilidad con diferentes navegadores.

Por último se implementan los criterios de ACCESIBILIDAD que especifica MinTIC para cumplir con una calificación AA (Doble A). De esta forma se cubren la mayor parte de usuarios, independientemente de sus condiciones tecnológicas, de ambiente, o del tipo de discapacidad física, motora o cognitiva.

Maquetación HTML5 aplicando la estrategia Gov.co
Maquetación de sitios web gubernamentales para permitir el relacionamiento Estado-ciudadano.

Qué es Gov.co?

Gov.co es la estrategia nacional de integración digital que creó el gobierno colombiano en el año 2019 para estandarizar el diseño, maquetación y desarrollo de los sitios web del estado.

Por lo tanto se crea una experiencia efectiva con los ciudadanos que usan estos portales y así pueden acceder más fácilmente a información pública, trámites, servicios y participación ciudadana.

La estrategia de integración busca lograr un aspecto similar para todas las entidades del estado, debido a esto, se pide y sugiere aplicar los lineamientos gráficos UI que deben adoptarse desde el inicio del año 2022.

Maquetación de componentes y tipos de sitios web

En el diseño web, gráfico y maquetación HTML5 de sitios web del estado colombiano se deben integrar los siguientes componentes:

  • Transversales: maquetación de elementos base que aplican a toda la interfaz como. Se trata de la barra de accesibilidad, los colores, la iconografía, las márgenes y la tipografía.
  • Generales: maquetación de elementos que aparecen en cualquier escenario de integración dependiendo de la necesidad. Es decir alertas, botones, cards, acordeones, migas de pan, pestañas y tablas.
  • Formulario: maquetación de elementos para digitar información, visualizar datos y estados de acciones en formularios. Se refiere al campo de texto, área de texto, carga de archivos, lista desplegable y lista de selección.
  • Específicos: maquetación de elementos que aparecen según el tipo de sitio web. Por eso existen lineamientos específicos para componentes como el menú, el encabezado y el footer.

Finalmente integramos los lineamientos de Gov.co en diferentes tipos de sitios web de las entidades como: portal web principal, sede electrónica, trámites y servicios, ventanilla única y portales transversales (sitios web alternos).

Maquetación HTML de portales principales, portales transversales, Ventanillas Unicas, Sede Electrónica y Trámites y Servicios

Planeas iniciar próximamente tu proyecto web?

Conoce nuestros packs basados en estructuras o tipos de sitio que puedes necesitar.
PACKS DISEÑO WEB
WhatsApp chat