Warning: Declaration of YOOtheme\Theme\Wordpress\MenuWalker::walk($elements, $max_depth) should be compatible with Walker::walk($elements, $max_depth, ...$args) in /kunden/115128_72213/givenmedia/gm/wp-content/themes/yootheme/vendor/yootheme/theme-wordpress/src/MenuWalker.php on line 8

School Websites, web planning, wireframes, design, build, responsive, hosting, support

Every School is different

If your website doesn't work on mobile devices, it doesn't work for its pupils, parents and teachers. Welcome to "mobile-first"

  • Typical school budget

    € 5000 - €10,000*

    *This of course is a very subjective value and will vary depending on the size of the school and their needs.
  • Project team typically:

    1. Project manager, 2. Designer. 3. Photographer, 4. Backend developer, 5. School heads or delegated team of 1-3 people
  • Project duration

    4-8 weeks (Workshop, Wireframes, Design, Programming, Training, Content, Hosting, Launch)
  • Starting event

    Internet workshop of usually up to 4 hours
  • Workshop content

    Goals, target audience needs, wants, likes, dislikes, deadlines, menu, sitemap

1. Workshop

A workshop lays the foundation for getting the project right from the beginning and puts everyone on the same path. It lays down the plan for the entire site, giving both the school and us the blueprints for the success of the project.

A workshop is the best way to kick off a new website. We decide together on the goals and key 'must-haves' in the project. We decide on the 'target audience's' needs and desires and how we can best accomodate them. We decide in the workshop what we want and don't want, the sitemap is decided upon and usually the future navigation structure. We look at design examples from great sites write down the specifics of whay we like something.

2. Wireframes

Wireframing is a great way of getting the school and us to see the structure of the future website, without spending too many days/hours on fine design. It's like the rough outline / sketches of the future website, without going into visual or distracting detail.
As soon as we are agreed on the 'wireframes', we can move on to the 'fine-detailed' designs. We'll use any of the following tools or all for this process, depending on the school and scope of the project:
Wireframe example from Maria von Linden Gymnasium Calw, Germany
Mockup Example

3. Design

This is where we put skin and bones on the project. That means we create fine end designs of how the future start page and subsequent subpages will look like. We handle colour, form, and enter sometimes the real content if it's available.
If we do the wireframes phase well, then the design phase is actually one of the smoothest phases because we have made the structure decisions already during the wireframes and already know roughly what the proportions of each element will have to one another. That doesn't mean there isn't discussions when the final design is presented and talked about, but it helps enormously and usually gives a very smooth transition to the production / programming phase.
Design example after the wireframe phase
Design example

4. Programming / Production / Development

The real work now of putting the designs into HTML5 and CSS3 prototypes begins. We create responsive builds of the real site. After we have tested the prototype(s) cross-browser (safari, firefox, internet explorer & chrome) and on different devices (smartphone(s), tablet(s) and finanlly desktop (apple / pc), we can move on to integrate the prototype into the chosen CMS which currently would be TYPO3, but WordPress is also sometimes a viable option.

We use TYPO3 CMS as our standard CMS for schools, but if the school has a preference for WordPress, we can also accommodate that. We have good experience with TYPO3's abilities to handle various user-groups and their access rights. TYPO3 is able to handle teachers being allowed to see pages or content that others on site can't or giving parents/pupils the ability to log into the website and see more sensitive information that doesn't pertain to the public. Teachers can also use TYPO3 for class sensitive data likes downloads / homework / imagery, etc.

5. Training in CMS, content integration

We train the school's team to handle the TYPO3 or WordPress CMS to manage the schools content. The content of the sites typically involve managing web-pages and web content (text, images, galleries, news, events, calendar functions) and menu / navigation onsite, page naming (URLs). Afterwards the school should be able to handle the administration of their own website and be able to add pages or content when and wherever they like.

6. Launch, hosting & support

As soon as the content and pages are finished, the site can be launched after an intitial round of tests for bugs and problems. Site hosting and support can all be done by us long-term.
We are in the web hosting business for over 15 years and know from experience the value of good hardware (SSD raids, etc.) to make sure your website not only looks good but performs to its best ability and if it for some reason has an issue, our experienced team of support gets you back on track.

Is it TIME your school website got some help? :-)

Have you got a question?

If you have a question for us, don't hesitate to get in touch. We'll be glad to be of help.

Can we help your school's website?

If you're ready for the next step with your school's website, let us know and we'll gladly talk without obligation concerning your plans/wishes.

Get in touch with us