✕

Grunnskólar Hafnarfjarðar

Nine school websites for Hafnarfjörður, built on one shared system, each in its own school’s colour.

Níu skólavefir fyrir Hafnarfjörð, smíðaðir á einu sameiginlegu kerfi, hver í lit síns skóla.

Services Þjónusta
Web development
Industry Atvinnugrein
Education
Year Ár
2024
Partners Samstarfsaðilar

Challenge Áskorunin

Hafnarfjörður runs nine municipal compulsory schools, and parents, pupils and staff need the same things from each of them: the school calendar, news, the lunch menu, contact details and the school’s plans and policies. Each school also has its own name, logo and character.

Metall designed one system for all nine. Our job was to build it, so that every school runs its own site while the structure, the features and the upkeep stay shared.

Í Hafnarfirði eru níu grunnskólar sveitarfélagsins og foreldrar, nemendur og starfsfólk þurfa það sama frá þeim öllum: skóladagatal, fréttir, matséðil, upplýsingar um hvernig ná má í skólann og áætlanir og stefnur hans. Hver skóli hefur líka sitt nafn, merki og sinn brag.

Metall hannaði eitt kerfi fyrir alla níu. Okkar verk var að smíða það, þannig að hver skóli haldi úti sínum eigin vef en uppbygging, virkni og viðhald séu sameiginleg.

A desktop screenshot on a deep blue background shows the Setbergsskóli page made for Grunnskólar Hafnarfjarðar. A pink logo, school motto and menu sit above a photo of the white school building, overlaid with a search field and four shortcut buttons. Below, three columns pair pink line drawings with the heading "Olweusar-áætlun" and two others.

Approach Nálgunin

All nine sites run on one WordPress theme. Each school sets its own colour, logo and motto, and the rest follows: the header, buttons, illustrations and links take that school’s colour, from Áslandsskóli’s blue to Setbergsskóli’s plum and Skarðshlíðarskóli’s red.

Every homepage opens with search and quick links to the calendar, news, the lunch menu and practical information. The menu is split into the school, learning and teaching, and parents, and the calendar shows events by day, week or month.

Allir níu vefirnir keyra á einu WordPress-þema. Hver skóli velur sinn lit, merki og einkunnarorð og hitt fylgir: haus, hnappar, myndskreytingar og tenglar taka lit skólans, allt frá bláum lit Áslandsskóla til plómulitar Setbergsskóla og rauðs litar Skarðshlíðarskóla.

Hver forsíða byrjar á leit og flýtileiðum í skóladagatal, fréttir, matséðil og hagnýtar upplýsingar. Valmyndin skiptist í skólann, nám og kennslu og foreldra, og dagatalið sýnir viðburði eftir degi, viku eða mánuði.

Close crop of the Hraunvallaskóli homepage, part of the Grunnskólar Hafnarfjarðar work, showing a white card panel headed "Fréttir" with a "Sjá allt" link. Two news cards sit side by side: one with a nutcracker figure photo dated 1. september 2026, the other a colourful festival poster dated 25. ágúst 2026, each ending in a "Lesa meira" button.A phone mockup on a pale grey background shows the Skarðshlíðarskóli site for Grunnskólar Hafnarfjarðar. An orange butterfly logo and hamburger menu sit above a photo of the school building, with a search field and staggered white shortcut links such as "Skóladagatal" and "Matarstund". Below, an illustrated runner appears under the heading "Mílan" and a short paragraph beneath.

News at Hraunvallaskóli on desktop, and Skarðshlíðarskóli on a phone.

Fréttir Hraunvallaskóla á tölvuskjá og Skarðshlíðarskóli í síma.

Five phone screenshots overlap at different depths on a deep blue background. The centre screen shows a photo header, search field and quick-link tags above a heart illustration and the heading "Heilsueflandi grunnskóli". The surrounding screens repeat the layout with school building photos, differently coloured logos and headings such as "Eineltisáætlun", "Uppeldi til ábyrgðar", "Opni skólinn" and "Olweusar-áætlun".
A design system sheet for Grunnskólar Hafnarfjarðar. Two typeface specimens at top left show Spartan 700 and Roboto 400 with accented Icelandic letters and numerals. To the right, nine colour swatches list school names and hex codes, from Áslandsskóli to Öldutúnsskóli. Underneath, homepage components appear: a logo, navigation links, buttons and a news card dated 1. september 2026.

Outcome Niðurstaðan

The nine schools now publish on nine sites that share one build: 278 pages and more than 700 news items since 2024.

A fix or a new feature is made once and reaches every school, and each site works the same on a phone as on a desktop.

Skólarnir níu birta nú efni á níu vefjum sem deila einni smíð: 278 síðum og yfir 700 fréttum frá 2024.

Lagfæring eða ný virkni er gerð einu sinni og nær til allra skólanna, og hver vefur virkar eins í síma og á tölvu.

Lækjarskóli's site for Grunnskólar Hafnarfjarðar appears on desktop, tablet and phone, overlapping on a blue background. The desktop shows a logo, menu links and language switch above an aerial photo of the school with a search field and quick links. Below, a "Fréttir" row lists dated articles with photos of pupils. The smaller screens repeat it with a hamburger menu.

In numbers Í tölum

9

school websites on one shared build

278

pages across the nine sites

734

news items since 2024