About Work Blog Now Get in touch →
Back to projects
Portfolio GitHub Pages 2026

Marketing & Growth
Portfolio Site

My public marketing portfolio — one long-form site where I show real work with outcomes: Etsy growth, PSO leadership, a live client website, and competition experience. I built and ship it with HTML, CSS, and JavaScript, and host it for free on GitHub Pages straight from my repo.

Marketing portfolio homepage — Creative marketer with a data-driven mindset

Built with

HTML · CSS · JS

Hosting

GitHub Pages

Live URL

taylorryan32.github.io

The brief

I needed a single place recruiters and clients could land to see how I think — not just a list of job titles. The portfolio had to show strategy and creative execution together: proof from my Etsy shop, real marketing work for Temple’s Professional Sales Organization, a client website I designed and built, and sales competition experience.

It also had to be easy to update and cheap to host while I’m still in school. GitHub Pages made sense: push to the repo, and the public site updates from the main branch. No separate hosting bill, and the URL is stable for a resume line.

What I built

1

Hero, positioning, and navigation

A clear above-the-fold story: who I am, how I work (creative + data-driven), and CTAs to case studies and my resume. Sticky nav with anchor links so visitors can jump to Projects, Experience, Skills, or Contact without losing context.

2

Case study grid and deep dives

A “Selected work” section with cards for Etsy, PSO Instagram, the PSO Squarespace redesign, and the pickleball coach client site — each tied to a longer section with scope, execution, and outcomes (sales numbers, archive context, live links).

3

Etsy, PSO, and client web sections

Full write-ups: TaysTailoredCo with listing strategy and results; PSO with posting cadence, templates, and an archived website screenshot; the pickleball project with booking integration, pricing, testimonials, and a link to the live client domain.

4

Competitions and experience

NISC and Fox Sales Competition highlights, plus a reverse-chronological experience section so leadership and internships read as a coherent story, not random bullets.

5

Skills, social proof, contact

Tools and capabilities; a carousel of real Etsy five-star reviews; footer with email, resume download, and LinkedIn — everything a hiring manager needs in one pass.

6

Responsive layout

The page is built to read cleanly on phone and desktop, because most people will open a portfolio link from email or LinkedIn on their phone first.

What I learned

GitHub Pages is enough for a static portfolio

I learned the basics of connecting a GitHub repo to Pages, keeping the live site in sync with what’s on main, and treating deploys as part of the workflow — not a scary separate step.

Outcomes beat adjectives

Refining the site pushed me to attach numbers, screenshots, and links everywhere I could. “Managed Instagram” hits harder next to frequency, timeframe, and an archive note.

One page, many stories

Structuring a long single page taught me to use clear section breaks and anchors so it doesn’t feel endless — same content as multiple routes, but simpler to maintain.

Build, ship, iterate

I used Cursor to move faster on layout and fixes. The habit of shipping a version, getting feedback, and updating the repo is as valuable as any one feature.

See it live.

Full portfolio on GitHub Pages — case studies, proof, and contact.

View live site Back to projects