| 2 | Arches Landing Page

_ 2 _ Arches Landing Page

Typeface | Work Sans, Univers-Black

Background:

SEE THE DESIGN BELOW. I really wanted to try and utilize what I learned this week in visual movement and contrast so I decided to try and create a landing page for an app I'm about to start building called, "Arches." Arches is an app that will help outdoor recreationists take full advantage of all the cool things that the National Park features and I wanted to use the actual road map from the park as a visual line that will guide the viewer throughout the landing page.

Contrast:

Since I wanted to make contrast a huge focal point of the design I decided to commit to super contrasting colors in red, white, and black. A majority of the copy is very bold and stands out from the plain white or red background.

Repetition:

The theme is focused on the red map outline throughout the design with small visual sections that act as landmarks of a map. There are six panels in the design to help create a visual consistency in the piece.

Alignment:

Since it is such a huge design, the major alignments are left for the copy but it varies depending on the panel.

Proximity:

Each major section within a panel is broken into a header and copy section to help compartmentalize how the viewer views the landing page in steps.

Skills:

  • Text

  • Paint Tool

  • Layer Mask

  • Rulers

  • Marquee Tool

  • Brush Tool

  • Artboards

  • Mockups

  • Text Effects

Design Considerations:

  • Create a design that will ultimately go into my dev portfolio

  • Make it a theme based around contrast and visual movement

  • Make the Arches road map a focal point (I've wanted to do this for so long)

Credits:

FULL DESIGN:

Arches_App.png