El Colegio San Patricio es una institución educativa con más de 50 años de experiencia, de carácter privado, de calendario A, bilingüe, de orientación católica, con los niveles de educación preescolar, básica y media. El equipo de SeeD diseñó y desarrolló un portal web basado en Drupal 7.0.
Expectativas iniciales
Nuestra meta principal fue diseñar y desarrollar un producto práctico y estético, limpio, con un alto nivel de usabilidad de acuerdo a las necesidades de esta reconocida institución, de tal manera que se ajustara a una imagen seria y competitiva de un colegio con un programa educativo de calidad y un campus ideal para el crecimiento integral de las alumnas.
El proyecto inicialmente se pensó como un portal cuyo menú principal estuviera compuesto por 6 secciones con 27 páginas internas en total.
La estructura que se acordó en la etapa de planeación del proyecto, fue modificándose a petición del cliente cuando el trabajo de desarrollo ya había comenzado.El cliente pidió nuevas características en las páginas: (añadir un botón al menú, implementar botones con links de descarga de archivos, entre otros cambios)y solicitó añadir más secciones. Para no deshacer lo que ya se había estructurado, el equipo de desarrolladores decidió resolver las inquietudes del cliente al crear un tipo de contenido fácil de administrar al que llamó ‘Contenido Plantilla’, el cual permite una variedad de opciones que están contempladas en el manejo de estilos y diseño de la página.
Desafíos
Buscamos la manera de desarrollar un portal completo, pero con un diseño simple y agradable, acorde con las necesidades de la comunidad educativa del Colegio San Patricio: un espacio para las alumnas, la asociación de padres de familia y las egresadas. Además, teníamos que diseñar un producto que invitara visualmente a un grupo-target de padres de familia a conocer el programa educativo, a través de nuestro diseño llamativo, armónico y nuestra estructura clara y eficiente.
Diseño
Ajustándonos a los colores institucionales establecidos por el cliente (verde y amarillo), diseñamos una estructura visual simple con un menú principal y un submenú en la parte superior del portal. Se privilegió la jerarquía de las imágenes (de un tamaño de 578x318 px) con relación a los textos en todas las páginas del sitio.
Tipos de contenido
Contenido Plantilla
El equipo de SeedSoftware diseñó una estructura del sitio que permitiera ser altamente administrable. Se trata de un portal web que privilegia las imágenes sobre el texto para generar un alto impacto visual en los usuarios. Por lo tanto, se creó ‘Contenido plantilla’(Centro de eventos, secciones [Nursery, preescolar, primaria, adolescentes, mayores], Servicios Estudiantiles, Convenio, Instalación, proyecto, acreditación), un tipo de contenido para resolver la inquietud sobre mostrar o no (a voluntad del administrador) imágenes individuales, slideshows de galerías y videos embebidos desde youtube.com.
Artículo
El segundo tipo de contenido más relevante por el número de páginas que abarca es ‘Artículo’ que corresponde a los items tipo blog (blog San Patricio, Boletín de Padres, Shamrock), con una estructura sencilla: título, imagen fija y texto. Cada contenido tipo ‘Artículo’ está dirigido a un perfil distinto de usuario: estudiantes actuales, egresadas y padres de familia.
Galerías de fotos y videos
Para crear fotos y alimentar con imágenes todo el sitio, es necesario crear una ‘Galería de fotos’ previamente. Por una parte, permite que el contenido visual de todo el sitio esté ordenado y clasificado en una galería. Posterior a la fase de desarrollo, surgieron diversas inquietudes por parte del cliente, sobre la administrabilidad de las fotos dentro de la galería.
De la misma manera, las galerías de video y los videos, ya sean links embebidos desde youtube o subidos directamente a la página, funcionan de la misma manera que las fotos y sus respectivas galerías.
Fotos y videos
Las fotos se asocian a una galería en el momento de crearlas.El módulo empleado no permitía ordenar las fotos dentro de la galería, y por esa razón, la administrabilidad de este tipo de contenido presentaba una gran dificultad en el momento de darle un orden de aparición de cada imagen.
Cada video dentro del sitio puede ser subido directamente a la página o provenir cómo link embebido desde Youtube.com, de igual manera se cargará en el servidor. Al igual que las fotos, los videos se asocian a galerías existentes en el momento de crearse.
Contenidos secundarios
Actividad de Responsabilidad social: Es un contenido que alimenta la sección ‘Proyecto Social’. Tiene un título, texto y permite asociar una galería existente.
Basic Page: Es un tipo de contenido único que se empleó para el ‘Home’.
Contenido Principal: Es un tipo de contenido individual, incorporado en el home, únicamente diseñado para incluir un texto limitado y un botón que direcciona a la sección ‘Conocer más sobre el colegio.’
Egresadas: Es un tipo de contenido que alimenta la página ‘Egresadas Destacadas’. Carga y redimensiona una foto para que se pueda visualizar en 180px x 180px,tiene un campo para nombre, otro para la profesión que actualmente desempeña la exalumna y un espacio para introducir el texto-cuerpo con editor WYSIWYG habilitado.
Fotos slider home: hay un tipo de fotos que tienen un contenido adicional y una función habilitada para incluir links que direccionen a cualquier parte del sitio. Este contenido únicamente se empleó en el Home de la página.
Noticias: se diferencia del contenido tipo ‘Artículo’ porque se puede asociar a varias páginas e imprimirse una previsualización ellas.
Product: cada item de este tipo de contenido corresponde a un objeto en venta dentro de la página ‘Paddy’s Shop’, una herramienta para subir fotos y campos para introducir precio y nombre del producto.
Programa es un tipo de contenido que alimenta la página de ‘Centro de Formación Continua’. En una lista, se previsualiza cada item.
Search: el diseño de la caja de búsqueda de resultados estaba filtrado por idioma, agrupado por tipo contenido con tabs alusivas al orden de resultados por ‘más relevante’ y ‘más reciente’.
Si quiere desarrollar una idea digital, contáctenos a través de este formulario o de nuestra cuenta de Twitter @seedcolombia