A resume portfolio homepage set works best when you stop asking each page to hold the whole story. A recruiter opens the resume to decide whether you match the role. They open the portfolio to check what you actually made. They open the personal homepage to see what you are doing now and how to reach you. The material may overlap, but the jobs should not.
The most tiring setup I have seen makes the owner rewrite the same long history in three places. A few months later, the resume has an old title, the portfolio has screenshots from a retired product, and the homepage has links with no context. There is an easier arrangement: assign one job to each page, then make the handoffs obvious.
## Resume vs portfolio: give each page one job
| Page | What the reader wants | What belongs there | What it should not carry |
|---|---|---|---|
| Resume | Do you fit this role? | Titles, dates, scope, verifiable results | A full project narrative |
| Portfolio | How good is the work? | Process, trade-offs, output, outcome | Your entire employment history |
| Homepage | Who are you now? | Positioning, selected routes, recent activity, contact | Every detail from every project |
The resume filters. The portfolio supplies evidence. The homepage connects them and shows that the person behind both is active. That sequence is more useful than a universal page-length rule.
## Build the three piece set around one promise
Write one sentence that can appear in all three places: who you help and what you do for them. "I redesign signup flows for independent software teams" travels better than "senior product designer" because a reader can picture the work.
Then make four small edits:
1. Put the promise at the top of the resume, followed by experience relevant to the target role.
2. Give each role one direct portfolio link. Send it to the matching case study, not the portfolio index.
3. End each case study with your responsibility, the result, and a route back to the homepage.
4. Keep two to four selected routes on the homepage and show when it was last updated.
Now every click answers a new question instead of repeating the previous page.
## Different readers take different routes
A recruiter often starts with the PDF. They scan titles and numbers, open one case study to check the claim, then visit the homepage to see recent work. A freelance client often moves in reverse. They arrive from a social bio, read the service line on the homepage, open a case study, and ask for a resume only when procurement or a formal contract requires it.
There is no need to force both readers down one path. The facts are what must agree: project dates, responsibility, and result numbers cannot change between pages. The wording can. A resume might say "completion rose 18%." The case study explains the decision behind that result. The homepage labels it "signup flow redesign" and sends the reader to the full account.
## Run a handoff test
Ask somebody who did not work on the project to start on any one of the pages and complete these four actions:
- Say what you do within thirty seconds.
- Find one case study related to the target role.
- Confirm what part of the work was yours.
- Find a contact route that you really answer.
If an action takes more than two clicks, shorten the route. The usual problem is not missing material. It is link text such as "learn more," which gives no clue what waits on the next page. "Read the checkout redesign case" or "download the one-page resume" makes the choice plain.
## FAQ
- Should the resume and homepage list exactly the same roles? No. Filter the resume for the position and the homepage for your current direction. Dates and outcomes still need to agree.
- What if a portfolio project has no metric? Explain the constraint, your decision, and the feedback after delivery. Do not invent a number for decoration.
- Does the whole set need English and Chinese versions? For bilingual roles, yes. Keep the information order consistent; the word counts can differ.
- Which page should I fix first? Start with the homepage first screen, because the other two routes eventually send readers there.
## Connect the set tonight
Open all three pages, remove repeated or stale paragraphs, and write one job description for each page. Then check that every link sends the reader to a named next step. No redesign is required. This is an editing and routing job.
Use dynamic-profile.shop to keep selected work, current updates, and contact details on one personal page. Start at the [homepage](/), use the [graduate portfolio page guide](/blog/graduate-portfolio-page-guide) to check the resume route, and browse the [blog](/blog) for more page-writing examples.