I created a survey to see what users are utilizing the internet for, as well as how they save photos, videos, and links when they browse the web. The survey also assessed what their preferred device was.

After the survey, I did a competitive analysis to see how different companies positioned themselves, found their primary audiences, determined who to target, and what features defined them amongst the crowd.

GOALS

• A medium he can use anytime whenever he gets inspired
• A mood board he can use digitally
• To save images and media on any device

GOALS

• An app where he can save all his notes, photos, and media
• Staying organized
• Can easily share with his co-workers and management

GOALS

• A more organized way to show all her clients up-to-date ideas
• To save all her ideas in one outlet
• To communicate with vendors and clients in a professional and simple way

The user flow gives me better insight to create a minimum viable product and reduces the amount of features that I need to design.

Focusing on the two groups, new and returning users, I was able to create a user flow for the best possible way to show how a user would use the website. For example, how would a first time user sign up, and what is needed for that first time user to sign up efficiently.

Creating wireframes in Balsamiq is an important step in the design process. It gave me a better idea of how the website’s homepage, dashboard, and settings would look. This step is best to show layout, image placement, and button placement.

After creating wireframes in Balsamiq, I created high fidelity wireframes in illustrator. By creating wireframes in illustrator it gave me a better idea on where to put different colors, text, and contrast.

After the high fidelity wireframes, I created mockups in Photoshop. This step would give the final look as to how the website would look like. This is where the site logo was placed; Colors, typography, images, and links were optimized in this phase.

With the mockups finally created, I used Invision to see the exactly how the design would flow. I was able to use Invision to create user tests and see how different people would navigate through Keep. From the homepage, the user would click to the sign-up button,sign-in button, or any of the CTA buttons to navigate to the dashboard. From there the user can create notes, links, or upload images. The user also has the option to change settings. From the settings account, they can upgrade, or change their information. After watching a couple of users, I realized exactly where the users liked to click, where they gravitated to, and if they truly understood how the website worked.

In conclusion, I received great feedback to make Keep a user-friendly, simple web application for anyone to use. Some ideas worked, while some ideas did not. I learned that it’s important to listen to users wants and needs and keep my personal interests out of it. It’s important to do all the testing and research to really understand what people want. When I tested my clickable prototype, it was amazing to compare industry professionals to those who only use the internet for leisure. Both groups gave me ideas on how to better the website for anyone and everyone. Receiving feedback from working industry professionals allowed me to learn what is needed to attract advanced users. I learned to understand who the users were, what they wanted, how to make a user-friendly flow, and on top of all that, how to properly include that in the final design.