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 eventFocus 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

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

HTML, CSS, JavaScript

First concern: Responsive