ARCHER DESIGN

Web development

VISIT ARCHER

OVERVIEW

Archer Design Build is a full service design and build company with long tradition of green and sustainable construction projects.

A made-up company profile, its logo and wireframe were provided as a start. The main aim was to design and develop a homepage with the given assets. This was also an exercise to create ‘sticky navigation’ and ‘scroll to top’ functions using javascript.

Archer website laptop mockup

MY ROLE

  • Logo redesign
  • Style tiles
  • Design mockup
  • Final build – new design

LOGO & DESIGN DEVELOPMENT

Original Archer's logo of yellow-red pencil and grey ruler was redesigned to match the look, colours and feel of the new homepage design.

Archer original logo

The new logo drew inspiration from the triangle carpenter ruler and the generic shape of a house's roof. The triangular shape also loosely mimicked the initial ‘A’ in Archer.

Archer logo sketches
Archer logo redesign

STYLE TILES

Visual references from the style tiles with high-readability serif font reflected a professional brand with friendly appearance that built trust. Neutral colour palettes accentuated with vivid accent colours defined the brand's building approach to sustainable architecture.

Archer styletile version one
Archer styletile version two

DESIGN MOCKUP

First round mockup of the homepage design. The initial design mockup was later redesigned to give it a more contemporary, cohesive and cleaner look with a simpler colour scheme.

VISIT ARCHER
Archer website screen grab

CONCLUSION

This project had given me a great opportunity to learn visual and structural designs of a webpage. Please visit Archer Design Build's new homepage after the second design revamped.

VISIT ARCHER

→ SEE OTHER PROJECTS

Pocket Chicken thumbnail Artism thumbnail TripTravGo thumbnail Call Me Orange thumbnail Archer Design Build thumbnail K-tone Bodyfit thumbnail