top of page
1 copy 6.png

WHAT WORKS Revamped Design

Project Brief

What work has created a compassionate eco-system of schools, teachers, parents & students that recognizes & values the role each plays in improving education in Duabi.

My goal was to design and present the information on the website in a manner that is tailored to the needs of the users and to organize and make new information accessible in a usable way. The project was carried out in a user- centered fashion using appropriate user research methods. Need to redesign current website, facilitating UX, improve visual design and make the design more user friendly.

Requirements
  1. Responsive Website \ Flat design

  2. Usability is high priority

  3. Creative design to accommodate the nature of the event :  What Works Annual series events (6 events per year each with different theme but same branding), Living Arabic event  6 Saturday’s events)

  4. Innovative way to access events pages for : Upcoming events, Current event (nearest upcoming event)  Archive of All previous events (for current year events and previous years)

  5. Archived content : Event name, date, brochure, photo gallery and downloadable materials

  6. Social media connect: Twitter, Instagram, YouTube Channel, Share of the Most Viewed videos\photos

  7. Website pages 

  8. Functionalities 

  9. Registration 

Design Process
Process consisting of six phases:
whatworks_design process-03.png
  1. Project Definition

  2. Site Structure

  3. Visual Design

  4. Site Development

  5. Testing

  6. Launch Plus

Approach

Focus on update the UX, the way of then navigation and the visual hierarchy and create new consistence user interface component, with no repetition of sections and pages also focus on the white spaces and contrast in the call to actions

Sitemap
Sitemap-01.png
Sitemap-02.png
Information Architecture
whatworks_IA-44.png
whatworks_IA-45.png
whatworks_IA-46.png
whatworks_IA-47.png
Colors
Typography 
Roboto
Bold 
Medium
Regular
Wireframe 
whatworks_wireframe-48.png
whatworks_wireframe-49.png
whatworks_wireframe-50.png
whatworks_wireframe-51.png
whatworks_wireframe-52.png
whatworks_wireframe-53.png
whatworks_wireframe-54.png
whatworks_wireframe-55.png
whatworks_wireframe-56.png
Visual Design 
Home-03.png
ContentAdvold.png
Our Storyold.png
The Result of Work

The newly site released become more informative and user friendly. The Web page is launched and ready to perform its' purpose 

bottom of page