Split-screen heroes
Bold split-screen hero sections pair oversized typography with imagery and a clear call to action, the first thing that tells a visitor Harley means business.
Harley Swadling
a portfolio with momentum.
A bespoke WordPress portfolio for a UK multidisciplinary designer, designed by Harley, built by Tywi Digital, and engineered to feel modern, energetic and alive.
The clientY cleient
A multidisciplinary designer who needed to look like more than a freelancer.
Harley Swadling is a UK-based creative working across brand identity, digital products, websites, content, motion and social campaigns.
The brief was about positioning. The site had to do three things fast for anyone who landed on it, show what Harley does, prove how strong the work is, and make him feel like someone worth bringing into a project.
It speaks to founders, agencies, hiring managers and collaborators, people who want range without the mess, and a clear path from interest to conversation.
- Discipline
- Brand · Digital · Motion · Content
- Audience
- Founders, agencies & creative leads
- Design
- Harley Swadling
- Development
- Tywi Digital
- Live
- swads.co
The projectY prosiect
Harley designed it. We built it, and made it move.
Harley led the design from end to end, the visual language, the oversized typography, the monochrome palette, the custom logo mark and the motion. Tywi Digital developed those designs into a fast, bespoke WordPress site.
Motion was the brief. The site had to feel modern, energetic and alive rather than static, so we built considered, intentional animation throughout: split-screen heroes, a full-screen slide-out navigation with an animated burger, scroll-led reveals and a large animated footer call to action.
Underneath sits a bespoke editing system, custom blocks, custom post types and taxonomies, so the portfolio and archive can grow cleanly over time, without touching code.
And despite all of that motion, the site scores 98 for performance on Lighthouse, proof that energetic and fast are not a trade-off.
FunctionalitySwyddogaethau
Six parts of a portfolio
Six parts of a portfolio
that does the selling.
Slide-out navigation
A custom full-screen slide-out menu with social links and an animated burger interaction, navigation that is part of the experience, not an afterthought.
Dynamic works grid
A Recent Works grid pulls featured case studies in automatically, and every case study page is assembled from reusable content blocks, hero, service tags, image and text layouts, covers and CTAs.
Archive & lightbox galleries
A broader ‘Everything’ archive collects work beyond the main case studies, with taxonomy filter pills to browse by type and lightbox galleries for multi-image viewing.
A credibility system
An About page with a personal narrative and experience timeline, plus testimonials from agency, production and founder-side voices, trust built from several angles at once.
Bespoke editing system
Under the hood, custom blocks, custom post types and taxonomies, a WordPress editing system shaped around the portfolio so it grows cleanly as the work does.
What was achievedYr hyn a gyflawnwyd
Built to move,
Built to move,
without standing still.
A portfolio engineered around motion and animation that still scores 98 for performance on Lighthouse, energetic and fast, not one at the cost of the other.
Lighthouse performance
0
A 98 performance score, on a site built around motion, animation and scroll-led reveals.
Energetic, and fast
Page builders used
0
Hand-built from a bespoke theme, no page builder, no template bloat.
Hand-coded throughout
Reusable content blocks
0
Case study pages assemble from a small kit, hero, tags, text, image/text, cover and CTA.
One flexible system
Pages, one system
0
Homepage, Works, About, Archive and Contact, each doing a distinct job.
A system, not a galleryFigures specific to this project, your results will vary by sector, audience and starting point.
Let's see what a better website could actually do for you.
A free website review for businesses across Carmarthenshire and beyond, a short call, a written report, an honest plan. No obligation.