Portfolio Design
UXUI Development
My Portfolios design process.
Visitors
Joyce, 21
OccupationVisual Art Influencer
LocationSeattle, WA
StatusSingle
Interest & HobbiesJoyce likes to do a variety of things when she is not producing online content. Her hobbies include reading and jogging, as well as taking care of her pet fish and avocado plants. Because she is so busy, she needs someone to manage her website and promote her online presence.
Frustrations :Due to the abundant amount of content she produces each week, it is very difficult for her to stay organized and get her art projects where they need to be.
Goals :Joyce wants an e-commerce website for her digital artwork. This website should be customized with plenty of graphics and a design that compliments her projects. Because she has a wide range of artwork, she seeks and protizes simplicity in her website design.
Pedro, 28
OccupationPharmacist
LocationOrange County, CA
StatusLive-in Partner
Interest & HobbiesPedro works 12 hours a week, yet maintains a very busy schedule outside of his working hours. He likes to go hiking on the weekends and enjoys trying new foods at various restaurants. Pedro loves browsing online during his leisure time, especially when it comes to online shopping.
Frustrations :Due to Pedro's various sideline jobs, he never has time to work on website designs that are tailored towards his work. He is looking to hire someone who can keep up with his business in the creative department.
Goals :Aside from being a Pharmacist, Pedro’s sideline jobs include businesses that cater to buying properties, car rentals, and photography. In order to balance his career with these businesses, he requires assistance from a web designer who can keep up with his work.
Jay, 32
OccupationBusiness Owner
LocationSan Diego, CA
StatusMarried, 2 Kids
Interest & HobbiesJay owns a gaming company called Not Among Us. He is very busy with work and spends all of his free time with his family. Jay needs someone who can manage his business online, especially when it comes to game promotions and managing its website.
Frustrations :Running a business requires a lot of work. Often, departments catered to operations and sales are valued more than those geared towards creativity.
Goals :Since promotions depend on the creative team, Jay needs to better prioritize this department in order to successfully market his products. Therefore, he is in need of a digital content creator and a website manager.
RESEARCH
Determine the Content
Before initiating my design process, I needed to know what content I want to showcase within my Portfolio. I previously had numerous work samples to include, but soon realized this may have been too overwhelming for my viewers. So, I decided to cut down and prioritize what is important. Having the tools and assets to create all of my content has allowed me to fully craft my website.
Portfolio Sampling
I viewed various portfolios of other creative individuals. I paid close attention to portfolios that specifically piqued my interest. This process was very important because it gave me a sense of direction. Opening myself up to other peoples’ work has inspired me to create my own.
Exploring Designs
I explored inspirations from my research on a deeper level in order to incorporate them into my work. Being allowed to nitpick what I did and did not want from my portfolio sampling has allowed me to filter my design choices. Some portfolios were too simplistic, others were too excessive in design. Looking at a page shouldn't give you a headache! You should be able to determine what the page is about at first glance; and should be able to easily navigate through it. Ultimately, simplicity and an easy user interface led me to my final design.
Functionality
My portfolio is geared not only towards my design, but also towards front-end development. I want to apply my skills in programming to create new functionalities and designs using HTML, CSS and Javascript. After finalizing the layout, heavy research was needed to make sure the correct code was implemented. My ultimate goal was to design code that is reusable for multiple pages and interfaces. Because I have professional experience with programming, this has helped me tremendously, especially in terms of knowing where to look for necessary resources.
- Accessibility
- Browser Compatibility
- Responsive
- Design Contrast
- Simplicity
- Easy Navigation
PROTOTYPE
UI Process
Tools
The main tools that I utilized in this project are Photoshop, Visual Studio Code, and Git Hub. I also took some time to take photos and incorporate them into the design; thus, adding my own personal touch. I used each tool depending on the needs of the website in order to meet the goals I had for a successful portfolio.
- Photoshop
- Visual Studio Code
- Git Hub Pages
TEST
As a content creator, I knew what's on every page, where everything is located, and how everything works. On the other hand, an individual who knows nothing about the website will likely find something that doesn't work well for them on the page, such as: washed out colors, poor text visibility, a broken button, and so on. Having someone else walk through my final portfolio helped me determine what needs to be changed to further improve my work.
Responsive Design
User Testing
Feedback :
Ideate :
Modify :
FINAL DESIGN
