Hardpour Designs Portfolio
Web Design Company Portfolio Page Design
54% increase in page views
Goal & Result
My goal was to help build Hardpour Designs’ online presence by building the Work page with 3 featured projects to attract more clients and showcase design work.
Role: User Experience Designer
& Developer
Result: Squarespace website, 54% increase in work page views after the first month of the launch of the website.
First Step: Make a Plan ASAP!
Timeline from research to development
The first step in my process was determining a timeline for the project, from IA all the way to final design review and development. I decided to create a timeline in Notion, and share that with Hardpour Designs for approval.
I also defined both my goals for the project, and the goals for the company.
Notion Project Timeline Starting January 7th, ending February 16th!
Prioritizing User & Business Goals
Information Architecture & User Flow
The user flow I created further helped me to think about how the users were going to interact with the portfolio pages, and what actions were necessary. It helped me realize that I needed to add a ‘Book a Consultation’ section in addition to the button that was on the page while scrolling.
I created an Information Architecture to strategically plan out the layout of information on the Hardpour Portfolio Pages. I wanted to prioritize displaying results, and a CTA for potential clients to book a discovery call to start the web design process.
A Look at What Competitors Do…
Luxurious Mockups, Focused on Displaying Results
At this point in the process I scoured the world of website portfolio websites, and design company portfolio pages. I took note of the things that I liked, that I thought Hardpour Designs could implement, and the things that Hardpour Designs could do to set itself apart from the crowd.
Some things I noticed:
-Image Forward
-Focused on Client Business Results to justify investments
-Luxurious Mockups
Low Fidelity Wireframes
Eye-Catching heading & Overview Section
Based on my Information Architecture, I created a basic layout of information and images based on what I had discovered in competitive analysis, following the Information Architecture I created.
Design Strategy Section
In the web design industry, it’s important for clients to know what problems we can solve for them. This includes anxieties about e-Commerce integration, and designing for SEO best practices. In this section, I wanted to showcase Hardpour Designs’ business strengths.
Design Iterations
Ongoing critique and Design Process
Version 1
Version 2
Edited design elements so that they would better match existing Hardpour branding. Focused on presenting results in a clean, clear fashion.
Version 1
Version 2
As a Designer and Project Manager
My Growth
Through this project, I learned how to lead a design project through early planning stages to the development stage.
I also learned how to
prioritize business goals
iterate on designs based on feedback/critique
ensure progress goals were being met to complete project within correct timeframe.