net

(Brent) #1

SHOWCASE
How we built


1

3

5

6

4

EVOLUTION
(1) Very early sketch designs for the mob version of the
site, as we started to play around with how we were
going to organise the content. (2) Evolved wireframes
including dummy content and a top-level design pass
that we can build a initial prototype from in Flinto. (3)
Very early design doodles looking at different type
combinations and possible colour palettes. (4) As the
report was fairly dense, we were keen to explore options
for illustration that could bring visual interest to the site.
Early tests playing around with data references. (5) An
alternate route we explored with an emphasis on clean
editorial type design references combined with brighter,
slightly more playful illustrations. (6) Early iterations of
the preferred design direction. I think they’re striking but
the black gives them a bit too much of a military
computer game reference. (7) Final design polish before
handing over to our dev team. We replaced the black with
a more welcoming royal blue and introduced more white
for the article backgrounds.

2

7
Free download pdf