Client
Londonderry Village
Year

2019

Scope:

  • Website Refresh

Role in team:
  • UI/UX Designer
Duration:
  • 3 Months
Tools:
  • Photoshop
  • Illustrator
  • XD
  • Axure

OVERVIEW

As the site has grown the architecture and navigation have become increasingly complicated and difficult for the user to navigate. In addition, the current design is complicated and limiting when building new pages.  A new design and architecture are required.

SYSTEM COMPONENTS

  • Improved and multiple navigation paths making it easier for the user to find relevant content
  • Updated visual design that is fresh and modern
  • Tightly integrated with social media
  • Increase audience engagement/conversion

STRATEGY

The site must be designed and built responsively to assure visitors can view content from any type of device. Mobile and tablet traffic has recently grown to 43% of total traffic to the site. Visual re­design of the entire site must be coordinated to create a cohesive message. An information architect is necessary to reorganize content to be easily accessible to users

REQUIRED ELEMENTS

  • Updated architecture and user­centered design
  • Social Media integration at the page level (Facebook, Twitter, LinkedIn, Pinterest)
  • Responsive design and infrastructure for mobile and tablets
  • Strong drive to engage the user/acquire visitors to site
  • Knowledge of linking website build into Convio
  • Incorporation of usability testing
  • Strong adherence and awareness of ADA compliance issues and other issues around disability that are prevalent among our constituency

WIREFRAME

Following the strategy phase, client goals and vision are rapidly ideated to provide a clear overview of the interface, layout, information architecture, user flow and functionality.

Colors

LDV Blue

#003154

LDV Orange

#F47523

LDV Green

#cbdb2a

LDV Magenta

#930051

LDV Teal

#01a9a2

Typography

Open Sans

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z

a b c d e f g h i j k l m n o p q r s t u v w x y z

Open Sans

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z

a b c d e f g h i j k l m n o p q r s t u v w x y z

DESIGN

The design process communicates brand identity, defines visual hierarchy, and provides an opportunity to get stakeholder buy-in prior to development phase.

VIEW SITE