This project was a bootcamp for a more in depth web redesign we did later in the course. We were tasked with redesigning the Wikipedia website. We needed to make the user interface condensed, but still user friendly. We created a detailed proposal to present prior to the redesign.

Website Redesign

Website Redesign

Overview

Wikipedia Redesign

Tools & Skills

Wireframing

Adobe Illustrator

UX/UI Design

Design Thinking

Information Architecture 

Planet Smethport Redesign

The Details

Tools & Skills

Adobe Illustrator

Wireframing

UX/UI Design

Information- Architecture

Mid-Fidelity Wireframe

Existing Site Page

Final High-Fidelity Wireframe

We started off the project by creating a proposal with an analysis of the existing website, a set of user personas, brand style guide, and a wireframe. I created the design using Adobe Illustrator. My idea was to put a focus on the image with information, and a scrolling bar to keep the interface less crowded. Why did I choose green? According to psychology, the color green produces a calming and tranquil effect. Depending on the extent of the research, it can be a stressful process, so shades of green will provide a relaxing aspect to the practice.