October 2019

811 Live

The prompt: An attractive, feasible proof of concept with pro-grade designs to back it up.

The product: Create an app idea and take it from conception to product site.

Project statistics

  • Timeframe: ~1 month
  • General role: Graphic designer, UI designer

Software utilized

Axure RP
  • Creating interactive prototypes with near 1:1 behavior to a final, published product.
Figma
  • Developing thoughtful and detailed style tiles for reference in site aesthetic.
  • Drafting complex mockups with near 1:1 likeliness to a final, published product.
Adobe Illustrator
  • Creating vector based designs for site and brand visual identity.
  • Adapting professional vector brand assets to fit the site's (and the brand guide's) guidelines and needs.
Adobe Photoshop
  • Creating raster based designs and assets for use in site illustrations and graphics.
  • Adapting professional vector brand assets to fit the site's (and the brand guide's) guidelines and needs.
  • Processing of digital RAW files for use in site graphics.

Skillsets emphasized

UI/X design
  • App and marketing concept creation from initial brainstorming to interactive prototype.
Graphic design
  • Generation and execution of visual identity.
  • Maximizing use of industry standard color systems (ie. Pantone) to ensure visual consistency in potential print marketing.
  • Research of and abiding to existing brand style guides, such as 811's, to complement existing brand identity.
  • Use of company provided assets and specifications, such as Google Play's, to meet expected standards with affiliates.
Photography
  • Product photography for use in design.
  • Use of specialized digital RAW processing and developing software for precise control over asset characteristics.
Project management
  • Basic file management.
Crop of the initial hero picture. The hero was purposefully structured to communicate the most important functions of the app as possible on first impressions.
The first concept summary of 811 Live. My other ideas for a product or service included a modular backpacking system and a chain of locker storage units catering to commuters and cyclists.
Sketch of the product site hero and logo concepts.
The final logo in full color.
An excerpt from the product site wireframe. You can view the wireframe in full here.
The full explicitly defined color palette for the style tile. You can view the style tile in full here.
One of the sections in the final mockup. In addition to self made app visuals and selection of choice stock imagery, the production of 811 Live marketing material used platform specific assets, guidelines, and specifications to make for a professional look. You can view the mockup in full here.
The logo purposely hides behind the splash until it's revealed while scrolling through the body. This is one of the behaviors that I couldn't replicate in Figma. You can view the final prototype in full here.