Revisar necesidades
Analicé las versiones anteriores y las áreas de contenido que necesitaban mayor presencia y actualización.
CASO 04 / UX/UI · WordPress
2022Del wireframe a una intranet autogestionable.
Convertir una necesidad de comunicación interna en un sitio que el equipo pudiera actualizar con facilidad.
- Proyecto
- Tecnova IT Solutions
- Mi rol
- Diseño y desarrollo web
- Herramientas / Entrega
- Figma · Bootstrap · WordPress
- Contexto
- Intranet corporativa
01 / CONTEXTO
El reto.
La comunicación interna necesitaba una actualización visual y una forma más sencilla de mantener contenidos. La posibilidad de editar el sitio fue una condición de implementación que orientó la elección de WordPress.
02 / RESPONSABILIDAD
Mi aporte.
- Revisión de versiones anteriores y necesidades de contenido.
- Wireframes y diseño de interfaz.
- Maquetación HTML/CSS/Bootstrap y desarrollo de un tema desde cero en CMS WordPress.
Me encargué del diseño y desarrollo web: revisión de la intranet anterior, wireframes y diseño en Figma, maquetación HTML/CSS/Bootstrap y conversión a un tema WordPress.
03 / DECISIONES Y DESARROLLO
Del contexto a la entrega.
Diseñar y aprobar
Preparé wireframes y el diseño en Figma, antes de pasar a maquetación.
Implementar en WordPress
Convertí el HTML/CSS/Bootstrap en la estructura de un tema y revisé su integración durante el desarrollo.
DECISIONES EN LA ENTREGA
Diseñar para quien publica
Elegí una implementación en WordPress para facilitar la actualización de contenidos. El valor de la solución incluye el trabajo posterior a la publicación: noticias y contenidos internos dentro de una estructura editable.
Organizar contenidos con funciones diferentes
La vista general distingue noticias, información de colaboradores y contenidos de comunidad. La jerarquía combina una entrada visual principal con módulos secundarios de consulta.
Conectar prototipo y tema
El diseño aprobado en Figma pasó a HTML/CSS/Bootstrap y luego a la estructura de archivos de un tema WordPress. La integración se revisó durante el desarrollo.
De la propuesta visual a la gestión de contenido
- FigmaWireframes y diseño aprobado.
- HTML/CSS + BootstrapMaquetación de la interfaz.
- Tema WordPressIntegración y publicación de contenidos.
La vista general del proyecto aparece al inicio del caso; esta secuencia documenta el proceso de implementación descrito.
04 / IMPACTO Y APRENDIZAJE
Lo que aporta la solución.
Diseño conectado con la gestión del contenido.
La entrega fue una intranet implementada en WordPress a partir de un diseño y una maquetación propios. El resultado conecta la propuesta visual con una base de gestión de contenido, de modo que el sitio pueda seguir actualizándose después de la entrega. El sitio sigue activo desde hace 4 años y es una herramienta muy útil para el área de RRHH, ya que les permite informar a los nuevos integrantes todo lo que hace Tecnova.
- Diseño de interfaz
- Propuesta visual y organización de contenidos internos.
- Desarrollo propio
- Conversión de la maquetación a un tema WordPress.
- Gestión posterior
- Publicación de contenidos desde el CMS.
Diseñar también implica pensar en quien actualizará el sitio después de su entrega.
SIGUIENTE CASO / 05