Shawn Dhillon

 

Group 364.png

 The Challenge

As part of my second cooperative experience, at Frogplum Solutions Inc, I designed, prototyped and developed a portfolio website for a client.

The Project

The project involved designing a website for a client, who wanted to showcase his entrepreneurial skills as well as attract potential investment opportunities.

My Role

My role was to design, prototype and develop the website for the client. The various tools I used were, FlowMap for designing the userflow diagram. Adobe Illustrator and Photoshop for the creation of various graphical assets. Adobe XD was primarily used to create both the low and high fidelity wireframes as well as for prototyping.

Date

January 2019 to April 2019

Sitemap & Information Architecture Map

export.png
export-2.png

Initial Low Fidelity Designs

Web 1920 – Home.png
 

I began brainstorming some initial design ideas, by looking for inspiration. I looked at different entrepreneur’s personal websites. As well as websites like Dribbble and Behance. I ultimately settled on a design that was simple and clean.

Provided with some feedback from the client I learned that he also wanted to showcase his experience on the site in both business and industry.

Christmas.png

High Fidelity/Final Designs

 
Images retrieved from unsplash.com

Images retrieved from unsplash.com

 
Images retrieved from unsplash.com

Images retrieved from unsplash.com

 

For the About page I came up with a zig zag layout as it helps lead the users eyes through the page, showing them the most important information. The fonts I chose were Monteserrat for the headings and Helvetica Neue for the body.

For the color scheme I went with blacks and greys. These colors strongly communicate who the client is and also indicate the client’s wealth and accomplishment.

Christmas-1.png

For the contact page, the client did not want too much personal information to be displayed. Therefore, I opted for a simple design, that used lines instead of text boxes.

Images retrieved from unsplash.com

Images retrieved from unsplash.com

Images retrieved from unsplash.com

Images retrieved from unsplash.com

Images retrieved from unsplash.com

Images retrieved from unsplash.com

Christmas.png
 

 Self Reflection

During this cooperative work term, I gained a large amount of knowledge from both my supervisor and my fellow coworkers. I learned how to work quickly and efficiently both as an individual and in a team. Furthermore, how to polish my designs through iteration. I also learned what “good” design is. My main takeaway from this experience is to take the time and polish my designs where needed. I also learned that the key to good design is not only functionality but also beauty.

Christmas-1.png