- UX Design Express
- Posts
- UX Portfolio: Crafting home page
UX Portfolio: Crafting home page
UX Design Express #12
Hello, itâs Aneta here đ This is issue #12 of UX Design Express and today weâre talking about
Crafting home page
As a designer you know that home page is very important. Itâs like a door to your designerâs profile. It will either convert and get hiring managers to click on your case studies or not. Home page is the first thing they will see in your portfolio so it needs to make a good first impression. It needs to engage your readers.
How to do increase the engagement using home page? đ
By optimising for time to value. It means that you aim to give hiring managers information they want to see primarily. These are story elements that showcase some of the key design skills like design craft, product thinking or interaction design. Ultimately, hiring managers are busy people at work and reviewing your portfolio is just another task on their list. Your goal is to provide them with key information quickly.
How to craft the home page? Let me spill the tea! đ”
đ Today you will get practical tips on how to
Build a home page that increases engagement
Say more than âHello. My name is Kate đâ
Use BLUF communication method
Craft your home page if youâre a design agency
Letâs dive in đŹ
Create a portfolio home page that increases engagement and drives curiosity
1. Design a landing page
Your portfolio is a landing page. Itâs created specifically to promote your personal brand - your designerâs profile. Itâs not an exploration page. Hiring managers are not coming here to see what youâve been up to. Like youâre rading it now because you want to improve your portfolio. Hiring managers are coming to your portfolio to check if you could be their next hire.
Therefore, in this context, your portfolio has a clear call-to-action (CTA). You want a hiring manager or a potential client to contact you for a chat. To do it better, the best is to think about your portfolio as a landing page and combine it with a mindset of a marketer or a content creator. You need to learn how to use content strategically to catch hiring managersâ attention among many other portfolios that theyâre reviewing.
Be intentional about every word and image
Show your one-line pitch in the hero section
Use hooks in your case titles
Show beautiful mockups
Focus on presenting your value
Use clear CTA and CTV
Use BLUF communication
2. Say more than âHello. My name is Kate đâ
I think we've all seen it countless times. It has become more boring than welcoming. It doesn't bring any value. What does âHelloâ and âYour nameâ communicate to hiring managers? Honestly, nothing that would help them decide if they should call you. Therefore, I think itâs a waste of time to use it as an intro message, especially in the hero section of your home page.
What to do instead? đ
Start with the hook - a one-line pitch about yourself. Add details in a short description. Communciate your value. Show how awesome you are as a designer - highglight your cool experience and skills.
Write about your past experiences
with 4 years of experience from Fintech / Meta
who crafted 13 products for 3 million users
Mention your superpowers
who prototypes solutions in minutes, not hours
I thrive on making designs pop!
Write about your current job situation
currently designing Instagram Stories
You can also talk about your cool projects
writing UX Design Express đ
Example of a home page title
3. Change case study titles to a hook
Donât write any title for your case studies. Write catchy and insightful titles that will give hiring managers key information about a project. Writing just about a feature like âdashboard designâ is so boring and definitely not unique.
Think about using these keywords when writing your titles:
Action verb
Company name
Project goal
User problem
Business goal
Product name
Target user group
Market
Details
Results
Product type: B2B, SaaS etc.
Feature
4. Show beautiful mockups
It needs to be beautiful, or at least clean and modern, because we all suffer from the attractiveness bias, whether we like it or not! But donât worry, you donât need to create flipping cards or fancy animations.
Avoid overusing styling
Large visuals sell better
Use high-quality visuals
Display only readable visuals
Utilize readable and larger fonts
More white space is better than too little
Maintain a balance between text and visuals
5. Use clear CTA but also CTV
Make sure the path in your portfolio will be clear for hiring managers. Visual and interactive things can naturally bring attention but when itâs not clear, donât forget about clear buttons. If you want to clearly communicate an action, use standard CTA buttons, like:
Contact me
See my work
Check projects
Copy e-mail
But if you want to play with more insightful content, try to use CTV (call-to-value). These buttons are still call to actions but they provide more context around the value hiring managers will get. Examples:
Explore how I navigated complex B2B challenge
See my visual skills in action
Check my most impactful project
Drop me an email, Iâm available to chat ASAP
6. Use BLUF communication
BLUF is a military communication method that later was also adopted by Mintoâs Pyramid framework. Both concepts are about communicating the conclusion first before sharing the context.
By being straight to the point, providing key information upfront, avoiding fluff, you can quickly grasp hiring managersâ attention. You show them what they look for, you empthasise with their constraints (lack of time) and needs (need to decide if theyâll call you), that way you respond to your usersâ needs. Like a designer. Doesnât it sound more strategic to you? To me, it definitely sounds like being more intentional.
Some concrete tactics how to use BLUF in your portfolio:
Leverage project summaries
Try fitting the juice above the fold
Use highglights
Show snapshots: of your designerâs profile, skills, experiences
Want to position yourself as a design agency?
Try business style portfolio where the focus is on a client, not you. If youâre 100% into freelancing or building your own design agency, this is the way to go. Your content should focus on explaining how you can deliver value for clientsâ business, rather than describing how good you are at facilitating workshops. A typical designerâs portfolio can work for some freelancers but if you want to position yourself as a business, you need to change the mindset.
Want me to talk more about this type of business style portfolio? |
That's it for today!
Get portfolio support from me âïž
There are 2 ways I can support you individually with your portfolio.
Iâm back in two Fridays with another edition of UX Design Express đ
Keep designing âš
Aneta