AREAS: BRANDING | CONCEPT DEVELOPMENT | CONTENT CREATION | WEB DESIGN

Nagubor

Nagubor.fi is a multilingual information portal for the island community of Nagu, in the Southwestern archipelago of Finland. 

It serves to answer the most common questions regarding moving to the island and provides information about the islands services.

Bg nagubor tjänstekatalog
Bg nagubor tjänstekatalog
Strategy

Project Assessment
and Concept Development

We were approached by the NGO Pro Nagu rf to see if we could work out a concept for an all-encompassing web portal for the island of Nagu in the Southwestern Archipelago of Finland.

This is how it started.

  • The Needs

    There was an apparent need for a portal that could compile existing information about the Island. This mainly so that people interested in moving to the island could easily find updated information from 1 source. There was also a need though for a portal could also serve the people already living in Nagu.

    The initial project assessment consisted of a handful of meetings with the NGO. In these meetings we mapped out the threats and possibilities, narrowing down the ideas into a tangible concept. 

    One of the main concerns expressed was for the depopulation of the island.

    An other deeply rooted concern was that of loosing third sector services to neighboring cities.

    Nagu has all the possibilities and services needed for people of all ages to thrive. By showing this and by showing that there exists a vibrant community on the island, we began to mold the concept.

    nagubor project map
  • The Concept

    By showing that there exists a vibrant community on the island with all the possibilities and services needed to thrive, we began to mold the concept.

    • Target Audiences – Who will the portal serve?

      • Primary Target Audience: People thinking about moving to Nagu.
        • Families
        • Seniors
        • Entrepreneurs
      • Secondary Target Audience: People who live in Nagu and/or have summer cottages in Nagu.
      • Tertiary: Tourists.
        • Coming by car, boat and bike.

      The portal would then need to have its information clearly divided and structured in an SEO friendly way, ensuring that people both on site and off site could find what they were looking for.

    • Which questions would the portal answer?

      We divided up the information so that it would answer the following main questions:

      • How is it to grow up in Nagu?
      • How is it to work in Nagu?
      • How is it to age in Nagu?
      • How can one participate and be active in Nagu?
      • What are the possibilities for thriving in Nagu?
    • What problems would the portal solve, and ultimately, what would the purpose of the portal be?

      Besides directly serving the needs of people searching for information about Nagu, some of the long term goals for the portal would be to act as a bridge between, Organizations, Entrepreneurs, The City and the Islanders. It would become a common ground where everyone could pitch in for the benefit and longevity of the Community.

    Based on the audiences and the answers to the questions we created a Project Presentation or Project Pitch. This presentation was used by Pro Nagu to apply for funding. See the Project Pitch on Adobe Spark. (In Swedish)

    The steps can be seen as defining the Purpose, Values, Mission and Vision of the project.

Structure, Data and User Experience

Creating the framework

The portal is a long-term project where additional modules such as event calendars, forums or e-commerce can be added with ease.

We want the portal to reflect the kindness and openness that the islanders show and also give the portal a more human presence than traditional information portals tend to show.

We also partnered with photographer Tero Tuomisto, to showcase Nagu from the best possible angles.

Here are some of the solutions that we used to achieve the frame of the portal.

We use WordPress for projects that need several users and dynamic content.
With Polylang the portal can be multilingual and have different domain names per language.
Mailpoet gives the NGO the possibility to communi­cate with the service providers in the service catalog from the WordPress backend.
We used UIkit as the design framework. It’s lightweight with the components needed to achieve the results on the home page of the portal.
The service catalog is built using a custom post type with advanced custom fields. The NGO can easily update the content fields backend and it’s possible to expand upon the design if needed.
upcloud logo
The portal is hosted on Upclouds fresh servers in Helsinki, close to the users.

Support graphic for ferries section. M/S Östern

Illustration of common buildings in Nagu.

Support graphic for contact page.

Custom icon.

Interactive hover/click elements.

Children’s playground. Image by Tero Tuomisto.

Apple farmer. Image by Tero Tuomisto.

Visualizing and Designing

Putting things in place

From messaging and verbiage to design and aesthetics, the portal creates a welcoming atmosphere, and guides the visitor to the Services of the Island.

We wanted the portal to reflect the kindness and openness that the islanders show and also give the portal a perhaps more human presence than traditional information portals tend to show.

Nagubor website mockup
Lazy loaded pop-up video
Video interview and contact section
Table of contents, SEO title and description
Quick links
Dynamic content from the service catalog related to activity
Dynamic content from the service catalog related to health
Dynamic content from the service catalog related to education
Ajax search function
  • Lazy loaded pop-up video
  • Video interview and contact section
  • Table of contents, SEO title and description
  • Quick links
  • Dynamic content from the service catalog related to activity
  • Dynamic content from the service catalog related to health
  • Dynamic content from the service catalog related to education
  • Ajax search function

Target audience pages

The 4 target audience pages described in the concept development have a similar layout. They answer the following questions:

How is it to grow up in Nagu?
How is it to work in Nagu?
How is it to age in Nagu?
How to be active in Nagu?

11

Page Layouts

The Service Catalog

The Nagu Service Catalog compiles all third, and private sector service providers in Nagu, into a search friendly catalog. 

The Service Catalog has 370 listings so far. That’s 185 in two languages. These listings are divided into 5 main categories based on service type and 50 tags based on interest.

The service catalog is responsive and on mobile devices it has an app-like feel to it.

Features

  • Search while typing. Ajax powered live search. 
  • Google maps or Open street map integration.
  • Filter services by category and tags.
  • Import external catalog.
  • Multilanguage support.
  • Social sharing.
  • Custom icons.
  • Additional functions.
    • User registration.
    • Submit your service front-end.
The lightweight design loads fast
even on older devices.
Nagubor website imac mockup
Ajax powered live search
Custom category-based icons
Isotope filtering by category and tag
Listing page by category with google map integration.
Single service page above the fold
Single service page below the fold
  • Ajax powered live search
  • Custom category-based icons
  • Isotope filtering by category and tag
  • Listing page by category with google map integration.
  • Single service page above the fold
  • Single service page below the fold
Get in touch with us and tell us about your ideas.

Would you like us to create something for you?

Start by creating your customer account with us and get access to your own support profile and the “Brand Assessment” tool for free.

Why an account?

Transparency

Own your data 📬

You can keep in touch with us via your account and if you decide to leave then you can take your data with you!

Ease of use

Accessibility📜

Keep all your correspondence with us in one place. No more digging in your mailboxes for information.

Ask away!

Support 🎁

Keep a list of your earlier questions for reference and get notified when there’s a new response. Now you can start building your own list of F.A.Q.’s. 

I’m interested in:

An account confirmation email will be sent to you.

Uudly logo Animated lines

Address:
Käenkuja 8D, 00500 Helsinki, Finland

Business nr:
3125811-9

UUDLY is a digital branding agency from Finland specialized in helping NGOs and small Businesses thrive and reach their Goals!

Timely appointment scheduling system