✕

Hafnarfjörður

Web development for Hafnarfjörður’s municipal website: 243 pages of services and information, and news reaching back to 2015.

Vefforritun fyrir vef Hafnarfjarðarbæjar: 243 síður um þjónustu og upplýsingar, og fréttir aftur til ársins 2015.

Þjónusta Þjónusta
Vefþróun
Industry Atvinnugrein
Sveitarfélög
Year Ár
2023
Live site Vefurinn
https://hafnarfjordur.is
Partners Samstarfsaðilar

Challenge Áskorunin

Hafnarfjörður is Iceland’s third largest town, and its website is where residents look up everything from school places and pool hours to waste collection, planning and council minutes. The town’s web department and Metall Design Studio designed a new site around one promise: warm, dependable and smart service.

Our job was to build it, on WordPress, so that a very large body of content stays easy to find and easy for the town’s own staff to keep up to date.

Hafnarfjörður er þriðji stærsti bær landsins og vefurinn er staðurinn þar sem íbúar fletta upp öllu frá leikskólaplássum og opnunartíma sundlauga til sorphirðu, skipulagsmála og fundargerða. Vefdeild bæjarins og Metall Design Studio hönnuðu nýjan vef í kringum eitt loforð: hlýlega, áreiðanlega og snjalla þjónustu.

Okkar verk var að smíða hann í WordPress, þannig að mjög mikið efni væri áfram auðfundið og að starfsfólk bæjarins gæti sjálft haldið því við.

A desktop screenshot of the Hafnarfjörður municipal website's swimming pools page, laid on a flat blue background. A lighthouse logo sits beside menu items for Þjónusta, Mannlíf, Framkvæmdir and Stjórnsýsla, with a user login button, language selector and search. Below the heading "Sundlaugar" and breadcrumbs, three cards show pool photographs with addresses, phone numbers, email and opening hours.

Approach Nálgunin

The homepage opens with search and a row of quick links to the tasks people come for most, such as pools, waste collection, jobs, pre-schools and invoice payment. Below them sit what’s on next, then news and notices and a calendar of events, each with its own filters.

Behind the four main sections, services, community, projects and administration, a large menu groups every service by topic. Each page follows the same templates, so a page about pool opening hours works the same way as one about child protection.

Forsíðan byrjar á leit og röð flýtitengla í þá þjónustu sem fólk leitar oftast að, svo sem sundlaugar, sorphirðu, laus störf, leikskóla og reikningagátt. Þar fyrir neðan kemur næst á döfinni, síðan fréttir og tilkynningar og viðburðadagatal, hvert með sínum síum.

Á bak við fjóra meginhluta vefsins, þjónustu, mannlíf, framkvæmdir og stjórnsýslu, flokkar stór valmynd alla þjónustu eftir efni. Allar síður byggja á sömu sníðmátum, svo síða um opnunartíma sundlauga virkar eins og síða um barnavernd.

A close crop of the Hafnarfjörður homepage on a pale blue background. The heading "Næst á döfinni" sits top right, with an event card below it. A teal date block reads 1–30 sep beside the title Hamingjudagar í Hafnarfirði 2026, a short description, a location marker and a read-more button. A Viðburðir button appears at the bottom.Símaskjár á ljósbláum fleti sýnir síðuna Sundlaugar á vef Hafnarfjarðar. Efst eru vitamerkið, leitartákn og valmyndarhnappur, síðan blá fyrirsögn og brauðmolaslóð. Á undan stuttum inngangi er hljóðspilari og þar á eftir ljósmynd af innisundlaug með brautarlínum og samskiptaupplýsingar Ásvallalaugar.

What’s on next, on desktop, and the swimming pools page on a phone.

Næst á döfinni á tölvuskjá og síða sundlauganna í síma.

Four phone screens sit side by side on a blue background. At left, Hafnarfjörður's service overview lists categories such as Velferð and Skólar og börn. Next, a swimming pool page shows a pool photo and contact details for Ásvallalaug. In front, the home screen has a bird illustration, search field and topic tags, with a dark blue footer behind.
Hönnunarkerfi á ljósbláum fleti. Efst til vinstri eru tvö letursýni, Spartan 700 og Roboto 400, með íslenskum sérstöfum og tölustöfum. Til hægri eru sex litaprufur merktar Ink, Harbour, Orange, Night, Sky og White með hex-kóðum. Fyrir neðan safnar hvítur reitur saman einingum af forsíðu Hafnarfjarðar: fréttaspjaldi, viðburðaspjaldi og leiðarstikunni með vitanum.

Útkoman Niðurstaðan

The site now holds 243 pages and more than 4,500 news items and notices published since 2015, in one structure that the town’s staff run themselves.

It works in Icelandic and English, and the same templates carry every page from a phone to a desktop screen.

Vefurinn geymir nú 243 síður og yfir 4.500 fréttir og tilkynningar frá 2015, í einni uppbyggingu sem starfsfólk bæjarins heldur sjálft utan um.

Hann er á íslensku og ensku og sömu sníðmát bera allar síður, í síma jafnt sem á tölvuskjá.

Hafnarfjörður's homepage displayed across three overlapping screens on a blue background. The desktop view shows a lighthouse mark, a menu, the heading "Hlýleg, áreiðanleg og snjöll þjónusta", a search field, line illustrations of a harbour town and rows of quick links such as Sundlaugar and Leikskólar. Phone and tablet views repeat these with a bird illustration and an events listing.

In numbers Í tölum

243

síður um þjónustu og upplýsingar

4.515

fréttir og tilkynningar frá 2015

4

meginhlutar: þjónusta, mannlíf, framkvæmdir og stjórnsýsla

Við erum afar ánægð með samstarfið við Avista. Þjónustan er framúrskarandi, verkefnin eru unnin af fagmennsku og tíma- og kostnaðaráætlanir standast.

Sigurjón Ólafsson

Sviðsstjóri þjónustu- og þróunarsviðs