WIREFRAMES.
As a UX Designer, after the research and usability tests have been completed, creating low and high fidelity frames for the redesign is the next step. Low fidelity frames are done without any content and used as a rough draft for the high fidelity frames. There are many software programs for creating the high fidelity frames. I have used Adobe XD for the creation of the two wireframes.
​
The field of UX has many battles with ethics in the designs. When creating these frames, I took into account the guidelines for staying ethical. ​
-
Avoid dark patterns
-
Conduct research
-
Reduce distractions
-
Create transparency with the products
High fidelity wireframes
The high-fidelity frames were designed for the Dutchbros.com website. These were developed using consumer research, corporate research, and industry standards. I developed the website for mobile devices because it is easier to convert later into web design. After finishing the design, I prototyped the document to demonstrate how the user flows in and out of the key areas of the web.
​
Based on the findings of previous reports and usability tests, I created site comps. The prototypes were inspired by future users.
​
I wrote a detailed description of why the design changes were being implemented and how they would impact the end user. I reflected on each aspect of the design because there should always be a justification for doing something, particularly with regard to how the user would interact with it.
​
This is the final draft of a paper I'm writing to persuade myself why we should redesign and how we should do it. This section contains additional details that was investigated as well as how we plan to complete the redesign. Often covered is how to plan the website and social media.
​
This document is in pdf format for ease of sharing and viewing. On the first page, I used hyperlinks to connect within the text. Sans serif fonts were used. The content has been chunked, lists have been added, and graphics have been included. The paper has been formatted to be easily scanned.
​
High fidelity wireframes
Themadmoose.com was another platform for which I was able to create new designs. This is a store located in Estes Park, Colorado. To get to the new designs, I went through the same process of designing personas, usability tests, site review, and low fidelity photos.
​
Based on the target audience, I identified the language that should be used on the website. I also linked the new content to the existing content. This is the final version of two sections of the website. These are the most popular pages among site visitors.
​
I used previous knowledge, industry standards, and detailed analysis to complete the project. I also consulted with the owner of the site to find what they are looking for in the completed site.
To complete the project, I relied on prior knowledge, industry practices, and in-depth research. I also spoke with the site's owner to determine what they were looking for in the finished product.
The owner was very satisfied with the project when it was presented to him. They incorporated the designs into the site after the prototype was completed. This was made in AdobeXD and presented in pdf and powerpoint. In order to remain in line with what the customer would expect while visiting a similar site, extensive analysis of industry standards was conducted.
Since there was no mobile design for the site, I created the wireframes of the site using the web edition.
​
​
​