Skip to content
ENNO
All projects

Public transport · Website design & development

VKT website

A responsive website for Viken Kollektivterminaler, bringing travel information, terminal details and organizational content into one coherent structure.

Explore the website

Client project · Figma & WordPress

Terminal information & travel
Context
Client work · Group bachelor project
Date
May 2023
Tools
Figma → WordPress
Focus
UI/UX · Information architecture · Accessibility

01 / Project overview

The challenge

One website needed to serve travellers, transport operators, partners and people looking for organizational information. The challenge was to make the right information easy to find without treating every visitor as the same user.

My contribution

I contributed to design and development as part of the project group. Our work covered information structure, Figma prototypes, WordPress implementation, accessibility evaluation, user testing and revision. The design decisions and delivery shown here were team efforts.

Project goals

  1. Find the right information

    Separate travel tasks from organizational content.

  2. Design for different users

    Consider accessibility throughout design and testing.

  3. Make content manageable

    Build in WordPress for ongoing maintenance.

The website

Viken Kollektivterminaler / 2023

Original homepage design. Historical placeholder copy is preserved in the screenshot.

Information architecture

The content needed several clear routes in, rather than one undifferentiated menu.

Viken Kollektivterminaler

  • For travellers

    Terminals · Routes · Tickets · Assistance

  • About VKT

    Organization · News · Reports

  • Terminals & facilities

    Locations · Parking · Services

  • Customer service

    Help centre · Contact

A simplified summary of the documented content areas, not a reproduction of the complete sitemap.

Key pages

From a terminal overview to practical details and support. Each page has a different task, with a shared navigation system.

Help centre
Asker terminal
Terminal overview
Help centreAsker terminalTerminal overview

Navigation informed by testing

Making the menu easier to find

The original menu was difficult to find and navigate. The team responded with clearer dropdown navigation.

Figma → WordPress

The team translated the interface into editable WordPress pages for handover, working within the selected theme and plugin constraints.

Original project documentation of the navigation menus. No verified before-and-after pair is claimed.

Testing & iteration

29user tests in total

The testing included 13 users at Oslo Bussterminal on 12 April 2023, followed by additional sessions with friends and family.

Key finding
Finding the menu was harder than expected.
Design response
A clearer dropdown navigation structure.

This is a count of user tests across the project. It is not 29 independent travellers or a measured increase in task success.

Accessibility in practice

Universal design was central to the project. The team used a WCAG 2.1-based evaluation checklist and WAVE alongside manual checks.

  • Contrast, image alternatives and ARIA
  • Keyboard navigation and heading structure
  • Forms, readability and responsive layouts

Outcome & reflection

Delivered

The group delivered a responsive WordPress website with terminal information, navigation and organizational content, designed for ongoing content maintenance. User feedback informed specific navigation revisions.

Next steps

The project connected information architecture, interface design and implementation for a real client. More assistive-technology testing would strengthen the evaluation. The documented checks do not establish full WCAG conformance, and no business-impact uplift was measured.