Creating

E-commerce

Websites

Visual Identities

Apps

Proud moments

Shopify Plus

Strong Brands

Good Coffee

Lasting Designs

All seasons

Spring/Summer™

Page widgets

Beagle

Dynamic Landingpage

This one was special right from the start. We had recently made the transition to a full creative agency with in-house development, and out of the blue came this awesome challenge that really let us show what we could do across the board.

Background image

Services

Strategy, Concept, Copywriting, Content Creation, UX Design, Visual Design, Art direction & Development. Year 2015

Better, faster and more beautiful proposals

Beagle is a browser-based tool for agencies to create better proposals. It was built by a team from Citrix that also worked on their popular project management tool, Podio. When they were still establishing the brand and building the first version of the product, the Beagle guys approached us with a very open brief:

Create a landing page that would wow the target group – people at agencies – and get them to try out the beta version.

🏆 Won developer site of the year at Awwwards 2015

Page widgets

Portrait Image S11
Portrait Image M15

Getting it all on paper

The client had done a solid job of outlining the Beagle brand footprint when we started, but the product wasn’t complete. We came up with a narrative that didn't require imagery from the product: Through the metaphor of paper we would create a visual universe with interactive motion graphics to tell the story of making a proposal with Beagle.

Landscape Img Full
Image 52

The center of attention

When we dove in, the paper shape quickly became the thing that defined the landing page experience for all of us.Working in parallel streams around this idea we created storyboards, copy, design, animation and prototyping of the final experience – all within a few weeks and in close collaboration with the Beagle guys.

Landscape Img Full 2
Image 53
Image 54
Image 55
Phone mockup

Flexible Structure

We identified from the beginning that the festival had a need to dramatically shake things up on the site; from year-to-year, but also from 'season-to-season' — there's a huge difference between what should be communicated when the tickets go on sale to what's interesting a week before the festival starts.

That influenced the design and development, and the result is a totally modular website that can have very different faces depending on when you visit it.

Landscape Img Full 3
Phone mockup 2
Background image 2
Foreground image 2

Services

Strategy, Concept, Copywriting, Content Creation, UX Design, Visual Design, Art direction & Development. Year 2015

Better, faster and more beautiful proposals

Beagle is a browser-based tool for agencies to create better proposals. It was built by a team from Citrix that also worked on their popular project management tool, Podio. When they were still establishing the brand and building the first version of the product, the Beagle guys approached us with a very open brief:

Create a landing page that would wow the target group – people at agencies – and get them to try out the beta version.

🏆 Won developer site of the year at Awwwards 2015

Awards

    Awards

  • Awwwards

    Site of the year

  • Awwwards

    Developer Award

  • Awwwards

    Site of the day

  • Creative Circle

    2 x Silver Circle

  • Lovie Awards

    Gold

  • FWA

    Site of the day

  • FWA Mobile

    Mobile site of the day

  • The One Show

    Merit Award - Interface Design

  • .Net Magazine

    Featured

  • Pixel Awards

    2 x Shortlisted

  • Communication Arts

    Webpick of the day

  • Epica Awards

    Shortlisted

  • Danish Internet Awards

    Best Responsive Design