Beyond RISD NAIL Redesign DineTime Sort the Court Brown Hackathon Home Visual Design

NAIL Redesign

'NAIL Communications' is an advertisement agency located in Providence, RI. The agency engages in a variety of projects from brand design to web development to business strategy. For this individual project, I decided to redesign the website of a local organization. When I visited NAIL Communications website before starting this project, I wanted to help improve the user navigation of the website. Please click here to visit NAIL Communications.

How might we improve the navigation of NAIL's website?

Design Challenge

  • How can color, typography, and layout help user navigate the website?
  • How can the user find the information he or she needs as effectively as possible?
  • What are necessary on the website and what are not?

Design Scope

  • Project Length - 2 Weeks
  • 1 Week (Research + Information Architecture)
  • 1 Week (Prototype + Usability Testing)
  • Identify areas to improve in design
  • How color, typography, and layout affect usability
  • Conduct usability testings

Design research

Current Information Architecture

originalnavigation

Current Pages

five screens in current ai

'Consistency and standards', 'aesthetic and minimalist design' are two major aspects of the interface that can be improved through redesign. Consistency and standards in the navigation bar, and reducing the overwhelming interactions in unnecessary section of the webpages and placing interactions that are necessary would lead to better user experiences.

Six Heuristic Evaluation

sixcriteria

Design Ideation

Revised Information Architecture

sixcriteria

Design Prototype

Wireframing and Annotations

mid fidelity with comments

High Fidelity

High Fidelity

Main Screen Annotations

Main Screen Annotations

Responsive Web Annotations

Responsive Web Annotations

Mobile Responsive

Mobile Responsive

Tablet Responsive

Tablet Responsive

Wizard of Oz

User Testing

Design Reflection

This visual redesign project challenged me to find an effective way to layout content directly from NAIL website. During the two weeks, I learned how to refine information architecture, make several prototype mockups, and conduct usability testings to get feedback. I was happy to hear that both of my user testers found changes I made effective and helpful.

    I learned the following...

  • Visual design is a key component of User Experience Design.
  • Creating a information architecture will affect every step of the process in a project. It is like a map showing you what you have done and what you should try next.
  • I hope NAIL Communications would change their website design in the future!