.png)
The current editorial page and articles page does not reflect stakeholders vision andaccessibility needs to be improved
Necessary Behavior is an organization dedicated to social justice, sharing educational resources, and creating a safer future for everyone.
Update the Lemon-Aid page to a more modern version alongside the article templates and review the accessibility ensuring adherence to the WCAG standards, while keeping ads in mind.
Organizing team meetings • Accessibility Report • Digital Wireframing • Low and High-fidelity Prototyping • Iterating on Designs • Determining Information Architecture • Responsive design
To begin the research I had to brainstorm various ideas on how to fix the problem at hand, considering it was a revamp of an editorial page and certain accessibility issues I had a few ideas in mind
After all those ideas I sat back and thoroughly analyzed which ones would be the most ideal and presented it to the team during a meeting, we narrowed it down to:
I conducted an accessibility report in which I looked over alt text, text-to-speech, keyboard accessibility, text readability, semantic HTML, and color contrast. The following issues were found:
A competitive analysis was done and we found the statistically most successful editorial pages in the internet and found the following:
20 participants who have used the site often were interviewed about any complaints they had and the following results were the complaints most said:
I had initial sketches during a team meeting to figure out and lay the ideal route we'd go for designs. The following Hi-fi mockups are iterations that continuously changed after to Usabilty tests and stakeholder opinion.
After the revamp went live to the website there were noticable changes
Organizing team meetings • Accessibility Report • Digital Wireframing • Low and High-fidelity Prototyping • Iterating on Designs • Determining Information Architecture • Responsive design
Organizing team meetings • Accessibility Report • Digital Wireframing • Low and High-fidelity Prototyping • Iterating on Designs • Determining Information Architecture • Responsive design
During my final day I had to find a designer willing to become the new lead, and inform them about the responsibilities
.gif)
.png)
.png)
