Colegio San Patricio is an educational institution with more than 50 years of experience, private, calendar A, bilingual, Catholic-oriented, with preschool, basic and secondary education levels. The SeeD team designed and developed a web portal based on Drupal 7.0.
Initial expectations
Our main goal was to design and develop a practical and aesthetic, clean product, with a high level of usability according to the needs of this renowned institution, in such a way that it would fit the serious and competitive image of a school with an educational program. of quality and an ideal campus for the integral growth of the students.
The project was initially conceived as a portal whose main menu was made up of 6 sections with 27 internal pages in total.
The structure that was agreed upon in the project planning stage was modified at the client's request when the development work had already begun. The client requested new features on the pages: (add a button to the menu, implement buttons with download links of files, among other changes) and requested to add more sections. In order not to undo what had already been structured, the team of developers decided to resolve the client's concerns by creating a type of content that was easy to manage and called 'Template Content', which allows a variety of options that are included in the management. styles and page layout.
Challenges
We sought a way to develop a complete portal, but with a simple and pleasant design, in line with the needs of the educational community of Colegio San Patricio: a space for students, the parents' association and graduates. In addition, we had to design a product that would visually invite a target group of parents to learn about the educational program, through our striking, harmonious design and our clear and efficient structure.
Design
Adhering to the institutional colors established by the client (green and yellow), we designed a simple visual structure with a main menu and a submenu at the top of the portal. The hierarchy of images (578x318 px in size) was privileged in relation to the texts on all pages of the site.
Types of content
Template Content
The SeedSoftware team designed a site structure that made it highly manageable. It is a web portal that favors images over text to generate a high visual impact on users. Therefore, 'Template Content' (Event Center, Sections [Nursery, Preschool, Primary, Teens, Seniors], Student Services, Agreement, Facility, Project, Accreditation) was created, a content type to resolve the concern about displaying or not (at the discretion of the administrator) individual images, gallery slideshows and videos embedded from youtube.com.
Article
The second most relevant type of content due to the number of pages it covers is 'Article', which corresponds to blog-type items (San Patricio blog, Parent Newsletter, Shamrock), with a simple structure: title, still image and text. Each 'Article' type content is aimed at a different user profile: current students, graduates and parents.
Photo and video galleries
To create photos and feed images to the entire site, it is necessary to create a 'Photo Gallery' in advance. On the one hand, it allows the visual content of the entire site to be organized and classified in a gallery. After the development phase, various concerns arose from the client about the manageability of the photos within the gallery.
Likewise, video galleries and videos, whether embedded links from YouTube or uploaded directly to the page, work the same way as photos and their respective galleries.
Photos and videos
Photos are associated with a gallery at the time of creating them. The module used did not allow the photos to be sorted within the gallery, and for that reason, the administration of this type of content presented a great difficulty when it came to giving an order of appearance to each image.
Each video within the site can be uploaded directly to the page or come as an embedded link from Youtube.com, in the same way it will be uploaded to the server. Like photos, videos are associated with existing galleries at the time they are created.
Secondary contents
Social Responsibility Activity: This is content that feeds the 'Social Project' section. It has a title, text and allows you to associate an existing gallery.
Basic Page: This is a unique content type that was used for the 'Home'.
Main Content: This is a type of individual content, incorporated into the home page, designed solely to include limited text and a button that directs to the 'Learn more about the school' section.
Graduates: This is a type of content that feeds the 'Featured Graduates' page. Upload and resize a photo so that it can be displayed at 180px x 180px, it has a field for the name, another for the profession that the alumna currently holds, and a space to enter the body text with a WYSIWYG editor enabled.
Slider home photos: This is a type of photos that have additional content and a function enabled to include links that direct to any part of the site. This content was only used on the home page.
News: it differs from 'Article' type content because it can be associated with several pages and a preview of them can be printed.
Product: each item of this type of content corresponds to an object for sale on the 'Paddy's Shop' page, a tool to upload photos and fields to enter the price and name of the product.
Program is a type of content that feeds the 'Continuing Training Center' page. In a list, each item is previewed.
Search: the design of the results search box was filtered by language, grouped by content type with tabs referring to the order of results by 'most relevant' and 'most recent'.
If you want to develop a digital idea, contact us through this form or our Twitter account @seedcolombia