Arrow Engineering

Project Details

Client: Arrow Engineering

Date: 2016

Role: Art Direction & Design

Category: Front-end Web Design, UI Design

Tools: Adobe Creative Cloud, Evrybo

Arrow Engineering firmly believes the secret to great work starts open and honest conversation.

It’s the way they approach all their projects, regardless if its mechanical–, electrical–, structural–, or civil engineering—Arrow Engineering wants to understand the specific underlying needs of their clients to ensure the best possible results.

Their approach mirrors our best practices, and during the discovery phase for this project, our conversation focused in on their specific needs—a solution that felt energetic and dynamic, to reflect the company's internal culture, and the ability to showcase their best assets—their people.

Arrow's previous site was built on top of an older WordPress installation, and the decision was made early on to stay on that platform. This meant we were able to tap into the client familiarity with the administrative functionality, and just provide minimal additional training around newer features and technologies built into the most recent version.

Given the size of the team and the number of projects, it was also important that the content was readlly available and easily surfaced. To this end, search became an essential tool in pulling information from deep within the site to the main page.

Above

Desktop version of the home page.

Showcase Arrow Engineering Website
Showcase Arrow Engineering Website

Above

Built with modularity in mind, the main page features a tiled 'dashboard' with elements that shuffle based on importance.

Showcase Arrow Engineering Website
Showcase Arrow Engineering Website

Above

Traditional navigational elements are supported by a powerful site-wide search feature.

Showcase Arrow Engineering Mobile Website
Showcase Arrow Engineering Mobile Website
Showcase Arrow Engineering Mobile Website
Showcase Arrow Engineering Mobile Website

Above

Various UI elements & mobile version of the site.


Additional Projects

OML Construction Identity

OML Construction

Art Direction, Design

Arrow Engineering Website

Arrow Engineering

Art Direction, Design

TELUS World of Science—Lumen Identity

TELUS World of Science—Lumen

Art Direction, Design & Creative Coding

Darkhorse Analytics Identity

Darkhorse Analytics

Art Direction, Design

The Aurora Project Identity

The Aurora Project

Art Direction, Design & Creative Coding

HYPE Bundle for TextMate 2

HYPE Bundle for TextMate

Bundle Development

Project to Come

Stockpile

Art Direction, Design & iOS App Development