top of page

Design for All

design for all.png
Website Redesign

Interaction Design 

User Experience

Project Type


Project Overview

8 weeks


8 weeks

Design for all is an Indian design newsletter that excepts papers from various countries and people covering a wide range of topics.

The current website had issues regarding navigation, user flow, and information absorption. With a very low bounce rate, the users took a lot of time to search for a particular article/paper as well as information regarding publishing an article. 

The solution was an improved website with structured navigation and user flow. The interface was also changed keeping it minimal and easy to understand.



Website Analysis


Usability Testing

Competitive Analysis



User Set

Key Attributes



User Flow



Style Guide




week 01

week 03

week 06

week 08

Research and Discovery

Analyse and Define

Ideate and Develop

Design and Deliver


Website Analysis

Existing Website Interface

The initial step was to go through the present website of Design for All. This was done in order to understand user flow, information architecture, and the information that is to be displayed. After analyzing the website each page was individually scanned through in order to understand the information presented and the layout of all the pages respectively.


Primary Research


An online survey with the users was conducted in order to understand and learn about the primary purpose of visiting the website and the overall experience of the Design for All website. 



What is the main task for which you visit the website?

Search for paper


Publish/Submit a paper


Learn about the newsletter




Are there any problems you've faced while completing the desired action?

Search for a specific issue


Finding the menu


Searching information for the author


Primary Research

Usability Testing

The two major tasks for which people visited the website were Searching for a Paper and Searching for Information for the procedure for publishing. An online usability testing was conducted taking these two tasks where the participants were asked to screen share while completing the given task and think aloud at the same time. The touchpoints at different steps were observed.

Journey Map for the task of Searching a Paper

Journey Map for the task of Searching for information on the procedure of publishing


The participants took

excessive time to search

for a navigation menu

Difficulty in searching a

paper with a particular keyword due to the lack of proper context in the title

The task of opening each interlinked paper and going back was frustrating for the participants

The participants usually denied going through the about us page due to the bombardment of text throughout the page

Secondary Research

Competitive Analysis

A competitive analysis, SWOT analysis was done with different publishing websites and the key points were noted. The user experience and the interface of six different publishing websites were analyzed. Strengths and weaknesses from these were mapped and how they can be used to ideate the experience and the interface for the Design for All website.


Research Analysis

Understanding the Problems

UX related problems

The hierarchy of the website is confusing which makes it hard for the users to search for their desired content.

UI related problems

The placement of important elements like the navigation menu, search bar, or the footer is either not easily accessible or missing

Lack of a publishing portal

Unlike the other journal websites, there is an absence of a structured publishing portal that would help users get their papers published.


Target Users

User Sets

A competitive analysis, SWOT analysis was done with different publishing websites and the key points were noted. A total number of six different websites were deeply analyzed.Shivank is new to the design field. He likes to read different articles, papers, etc to learn and gather knowledge in the field of design. He often finds a topic and reads a large amount of literature available online. The reason for visiting the website is he wants to search for a paper on a topic he recently read about.


Key Attributes

Customizable Search Option    |    Adding a Value Proposition    |    Streamlined Navigation    |    Minimal Pages



Some of the improvements that were to be done on the website included adding a salient menu/navigation bar and bring consistency to it. It was also noticed that navigation aids the user for a better experience. Some other improvements to be done were in the look and feel or the interface of the website. Visual attributes like color, font, and size of the text were changed to increase the visual attractiveness. A defined and suitable color scheme was hence used. Effective use of white space was focused to avoid visual overload. A hierarchical/sequencing organization was done for the content that helped in systematic information arrangement and categorization. Meaningful labels/headings/titles were added to a simpler and easily perceivable user flow.


Information Architecture

User Flow


Style Guide

Font Sizes for the smallest text

20 pt for the desktop website
16 pt for the desktop website


Contrast Ratio of 13.77:1 and passes all the levels of WCAG guidelines for text and color


Publishing Guide

Submitting and Uploading Paper 

Searching for a Paper

Paper Status

Contact Page

bottom of page