🎂 It's our tenth birthday! You can learn more about our birthday projects, like Blueberry for Non-profits 🎂Here!

Metrostav

2017 - now

Rebuilding a website from the ground up

Illustration of the Metrostav website
Illustration of the Metrostav website

09Blueberry members on the job

100pages in EN and CZ

01website + custom CMS

Metrostav a.s. is a financially strong and universal construction company with the ability to win and manage large and complex projects both in the domestic Czech market as well as in the 15 European countries it operates in.

Solution

Metrostav needed a website redesign to bring home its continuing importance in Central Europe.

Built a modern website that adheres to brand guidelines and a CMS for its administration.

Design workshop for defining goals
… so how do you redesign

… so how do you redesign a website completely while meeting all corporate requirements?

concrete goalsconcrete goals

Rather than just apply a new coat of paint, we held a design workshop with Metrostav to write up:

  • data gathered from all business segments
  • proto-personas representing target users
  • their challenges
  • their goals
  • a customer journey map

By focusing on what mattered and steering clear of potential problems, Metrostav saved money.

Metrostav's sitemapMetrostav's sitemap

Test using a simpleinteractive prototype

To cover a range of defices we adopted a mobile-first mentality, scaled up for the desktop, and created and tested both with a clickable prototype.

Prototype
Metrostav's interactive prototype

With guidelines in mindmake the design fresh

Any deviation from the guidelines was unacceptable. With careful consideration, we came up with a design that looked modern, yet met requirements.

An example of Metrostav's design refreshAn example of Metrostav's design refresh

Using Scrumimplement and test

With in-person meetings every two weeks, work on the front-end and back-end was consistently on‑target.

As it was being readied to ship, we helped Metrostav migrate to the new back-end, copying over data and redirecting old pages.

Comparison of the new and old Metrostav websiteComparison of the new and old Metrostav website

We kept Metrostav’s identity,
yet modernized its look

Visit Metrostav Site

Examples of the Metrostav websiteExamples of the Metrostav websiteExamples of the Metrostav website

Let's makethe next
big thing.
Together.

Make sure you use your company email address

We look after your personal data according to our Privacy policy.