The Outpost.

The website revolves around the concept of emotion in motion. The beautiful material created by the Outpost means to impress, create wonder, move the viewer, and trigger an emotion.

To reach the target audience of advertising agencies and, more importantly, advertising directors, we needed the website to be scannable, digestible, and leave an impact—a visual impact that would convince the audience of the Outpost's qualities.

Additionally, we wanted to show the Outpost's process, which is thorough and exceptional. On every project detail page, the Outpost has multiple tools to help present this, from before and after sliders to video embeds. This way, the audience gets to know the Outpost a little better, ensuring that they know they are the right fit for each other before getting in touch.

However, it isn't all about looks. The Outpost commissioned the website to help them gain new clients. To ensure the website has the desired effect, we integrated strategic call-to-actions and personal touches to reduce the barrier of getting in touch, making it more personal.

Additionally, at the bottom of every page, visitors will find a prominent call-to-action with Rick's (one of the Outpost's owners) face and a personal message to get in touch.

The style guide ensures that later additions and new pages follow the project's design parameters. We designed all elements according to the Atomic Design System, which makes creating new components and pages consistent, easy, and fast.

Below you will find a few examples of 'molecules'. In Atomic Design, a molecule is an element with two or more atoms—such as images, icons, or text, resulting in cards, thumbnails, and much more.

We have placed strategic personal components throughout the website where the viewer gets to know the team behind the Outpost. This personal touch makes users' initial decision to get in touch easier.

We were very excited to hear that the website for the Outpost was awarded Site of the Day and Developer of the Day by Awwwards.

One factor that helped win the awards was the attention to detail across the site, such as the preloader, where the logo appears in different ways, or the background blurs that smoothly layer upon the videos.

The animations and micro-interaction made the design particularly challenging for our development team. To get the most important ones right, I helped our development team by creating a prototype for the homepage hero and the preloader. I built this prototype in Webflow and then shared the files and interaction data with our development team.

I had a fantastic time helping to host the workshops, design the first wireframes, refine the first design sketches, and develop the interactions in a Webflow prototype. It's always fun working on a project with content like this, but winning a few awards makes it even better.

But for us, the best result was seeing the Outpost grow, get new leads on projects, and hire new people with their exciting new website.