Project

web + interactive design

dezineomni role Website Design + Interactive Map Design
Content Partner Rudd Resources, Content Writing
01 —

Deliverables

  • USER INTERFACE (UI) DESIGN
  • USER EXPERIENCE (UX) DESIGN
  • SITE MAP + WIREFRAMES
  • STYLE TILE + MOCKUPS
  • WORKING PROTOTYPE
  • CONTENT MANAGEMENT SYSTEM (CMS) INSTALLATION
  • SSL (Secure Sockets Layer) INSTALLATION
  • WEBSITE SECURITY INSTALLATION + MAINTENANCE
  • CUSTOMIZED WEB PROGRAMMING + DEVELOPMENT
  • USER TESTING + ITERATION CYCLE
  • SERVER INSTALLATION + MAINTENANCE + WEBSITE LAUNCH
  • CMS ENVIRONMENT MAINTENANCE
  • 9 LAYER INTERACTIVE MAP, KML CODE DEVELOPMENT WITH GOOGLE MAP API

Currently, under a design and development maintenance contract, the client maintains content through their favorite CMS (Content Management System).

Elevated Chicago website design on desktop, tablet and mobile devices
web
02 —

Inspiration

"Elevated Chicago launched in 2017 to present collaborative, community-led solutions to neighborhood displacement and inequities using an underutilized asset: our public transit system. Historically, trains have connected people to places; we believe transit can also connect people to ideas, innovations and capital, both within and outside of their communities." - elevatedchicago.org

"Equitable Transit-Oriented Development, or eTOD, is the tool that we are using to build a global, inclusive city where all residents thrive in neighborhoods whose health and resiliency indicators no longer depend on race." - elevatedchicago.org

03 —

Design Solution

The concept design connected the website to an app design style, making the visuals minimal but with advanced features like background videos, interactive maps, and easy navigation design to hold the robust website content. Among many other conceptional design assest within this webside we created the homepage slider transition design to mimic a passing train.

mobile screenshots of various pages from the Elevated Chicago website design
dezineomni