Design.blog

UI/UX Website Redesign

About:

Found this designer’s blog which felt unfinished and in need of some structural and visual design improvements.  I decided to mock up a redesign.    

Process:

– Heuristic Analysis

– Initial User Testing

– Draft and Mockup

– Feedback and Improvements 

Heuristics Analysis & User Testing

Homepage
View Page
2nd page
View Page
Categories
View Page
Article
View Page
Previous
Next

Common Issues

– Repetitive information and elements

– Unnecessary artifacts and material

– Extremely text heavy 

– Confusing navigation

– Improper sizes and styles for typography

– Difficult to scan

User Remarks (3 Users)

“I thought the site was for a consulting company because first page wrote so much about process”


“It’s hard to go back and forth from page to page”


“I didn’t know I had gone to a different site [after clicking ‘Design from anywhere link’]”

Redesign Strategy

• Content First

• Increased Visuals

• Better Scan-ability  

• Minimalism: eliminating superfluous UI

Prototype

View the Prototype Here on Invision

Comments from testing

ORIGINAL

REDESIGN

Homepage v1.2
Selected Category Community v1.2
All Categories v1.2
Article. Discrimination 1.2