Close

Mobile Web Development

UI, UX, Sketch, HTML, CSS, JavaScript
My Role
  • Conceptualization
  • Research
  • Copy & Content
  • User Experience – UX
  • Information Architecture
  • User interface – UI
  • Visual Design
  • Sketch
  • HTML, CSS, JavaScript
Description
  • Creating a responsive website, mobile first design
  • Personal idea developing a fictitious digital marketing event
  • Focus on coding
Features
  • A website that includes a responsive menu (the use of hamburger menu in the mobile version)
  • Consistent branding created according to the theme of the event
  • The idea of developing a template for events consisting: hero, about content, speakers, sponsors, location, call to action

Branding

Creating visual design for a fictitious digital marketing event occurring in Vancouver

Typography

Avenir Next Bold & Ultra Light ALL CAPS

Colours

Inspired by digital guides and grids

Logo and other elements

Digital related

Imagery

Looking for a scenic skyline representative for the event location
Personal photography library – Canon 6D, 70 – 300 mm – Long exposure

Option 1 – winner

Option 2

Option 3

Using Black & White filter so I can apply other colour treatments

Adding branding colours

Refining the final look of the image

Mockup Layout

Design Process: Mobile first

View responsive site

HTML, CSS, JavaScript

First concern: Responsive

Check out the code on github

More Projects