Skip to main content
diseño-web-diseño-pagina-web-diseño-portal-web-universidad
Diseño web portal

Cliente

Facultad de Artes ASAB. Universidad Distrital.

Área

Diseño web portal, Arquitectura de la información, maqutación HTML 5, CSS 3

Fecha

2013 a 2016

Diseño de portal del sitio web de la Facultad de Artes Asab de la Universidad Distrital. Elaboración de Arquitectura de la información, wireframes o esquemas de plantilla; diseño web de la página principal, internas y maquetación HTML 5 Y CSS 3. Diseño de plantillas web para envio masivo de correos. Diseño de presentación en de Redes Sociales: Facebook y Google+.

Diseño web

El objetivo es difundir con un diseño web profesional a la comunidad académica, administrativa y público en general las actividades académicas y artísticas de la Facultad. Se elabora el diseño web del portal a partir de un trabajo previo de Arquitectura de la información conociendo la visión y políticas de la Universidad. Aprobados los wireframes, diseño del home y principales páginas web internas, se procede a maquetar en HTML 5 y CSS 3. Posteriormente se solicita el diseño de plantillas web para envío de correos o diseño de newsletter, para clientes de correo gratuitos. También solicitan diseño digital, a nivel de diseño de plantillas de presentación para Power Point y diseño de plantillas para televisión.  

Optimización para buscadores, SEO

El objetivo es hacer llegar a mas publico las actividades académicas y artísticas de la Facultad. Se realiza la optimización para buscadores del sitio web seleccionando los términos claves con relación a estas actividades. Se aplican siguiendo la semántica y estándares de la W3C. Se optimizan las URL, los nombres de imágenes, vínculos, las etiquetas meta, contenidos, H1, H2, H3... todo lo necesario para un posicionamiento orgánico optimo.

También se hace seguimiento con Google Analytics y se determinan mejoras para la Arquitectura de la Información del sitio, cambiando secciones y ordenándolas según criterio de búsqueda de usuarios ya sean estudiantes, administrativos o público en general. Se enlaza el sitio web con las redes sociales como Facebook y Twitter por medio de muros en el home y algunas paginas internas. Creo la red social Google+, para optimizar las búsquedas y aumentar el tráfico de usuarios y se toma propiedad del sitio en Google maps para mejorar el acceso de usuarios a las instalaciones dentro de la ciudad.

Newsletter, Diseño Web

Diseño de plantillas web para envío de correos

Diseño de plantillas web para difusión de noticias de las actividades y eventos de la Facultad. Se diseño 4 plantillas o newsletter de 1, 2, 3 y 4 noticias. Se usan con un programa de correo masivo para clientes de correo gratuio como Gmail, Yahoo, Outlook y el web mail de la Universidad.

Diseño Web Redes Sociales

Creación de Red Social

Creación de la Red Social Google+ para la difusión de actividades académicas y artísticas. Permite el aumento del tráfico de visitas hacia el portal. También se diseño la presentación, el cabezote, siguiendo el imagen institucional de la Facultad.

Diseño digital, PowerPoint

Diseño presentación diapositivas

Diseño digital para presentación en PowerPoint por diapositivas. Siguiendo el concepto gráfico creado para la imagen institucional se crea una plantilla para las presentaciones de la Facultad.

Arquitectura de la Información, wireframes

Arquitectura de la información

A partir de un estudio previo de las políticas de la Universidad y las dependencias de la Facultad se determina estructurar el sitio web en tres partes: Académico, administrativo y cultural. Se organiza la página principal e internas según este criterio. La jerarquía de menús e importancia visual se propone según estudio de visitas al sitio web actual y necesidades de la Facultad. Se crean wireframes y luego se pasa a la etapa de diseño web.

Diseño Banners web

Diseño de banners web para disfusión

Para cada proyecto se crea un concepto gráfico que se aplica a las diferentes piezas gráficas, en este caso para la difusión en el sitio web.

Estos son algunos ejemplos de los banners web elaborados para las diferentes actividades y eventos de la Facultad. 

Credits

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.