Skillery
Quiet-luxury editorial marketing site for a corporate L&D firm and its flagship luxury real-estate training suite.
// By the numbers
- 0
- Runtime dependencies
- 5
- Flagship programs
- 6
- Industries served
- Bespoke
- Design
hand-built static site — nothing to break, patch, or slow it down
the luxury real-estate training suite, presented as the hero offer
positioning the firm beyond a single vertical
quiet-luxury editorial direction — no template, built to justify premium fees
What the business was up against
A corporate learning and development firm selling premium training to enterprise buyers has one hard marketing problem: the website has to look worth the fee before anyone reads a word. A template site quietly caps what a firm can charge. Skillery also needed a flagship offer — its luxury real estate training suite — presented as the hero rather than buried in a list, and a site the team could edit and redeploy without a developer on retainer.
A premium, hand-built marketing website for Skillery — a corporate learning & development company — leading with a flagship suite of Luxury Real Estate Training Programs. The direction is quiet-luxury editorial: warm near-black ink, ivory paper and champagne-gold accents, built as a fast, dependency-free static site that the client can edit and deploy anywhere.
How it's put together
Home
Hero · partners · services · founder
Programs
5 luxury real-estate programs
Faculty & About
Consultant bios · story · stats
Contact
Enquiry form · success state
Editorial UI
Fraunces + Poppins · design tokens
Interactions
Scroll reveals · marquee · counters
Static build
Pure HTML/CSS/JS · no framework
Vercel
Instant global static delivery
A zero-dependency static site, instantly editable and deployable anywhere.
The calls that shaped it
The handful of decisions that determined how this system behaves — and what each one bought.
- 01
Bespoke editorial direction rather than a template
Warm near-black ink, ivory paper and champagne-gold accents were designed for this firm specifically. Premium positioning is a design argument, and a recognisable template undermines it before the copy gets a chance.
- 02
Zero runtime dependencies
Hand-built static HTML, CSS and vanilla JavaScript — nothing to patch, nothing to break on a framework upgrade, and nothing between the visitor and the page. For a marketing site with a long shelf life, that is the cheapest maintenance model there is.
- 03
Flagship offer leads the page
The luxury real estate programme suite is the hero, with the broader industry coverage positioned beneath it — selling the specific thing before the general capability.
- 04
Portable by design
A static build deploys anywhere, so the client is never locked to one host or one agency to make a change.
Signature capabilities
Quiet-luxury editorial design
Warm near-black ink, ivory paper and champagne-gold accents with a Fraunces display serif — a look engineered to read as expensive to a high-net-worth audience.
Zero-dependency, instantly editable
Pure HTML/CSS/JS with no build step. Design tokens live in one place, so the brand feel can be re-tuned and the site redeployed anywhere in minutes.
Conversion craft
Every page routes toward an enquiry — services, programs and faculty each end in a clear path to 'start a conversation' with a graceful form success state.
Motion with restraint
Scroll reveals, a partners marquee and animated counters add life without noise — polish that matches a premium training brand.
Business feature set
The functional scope delivered across every part of the product.
Home
- Video hero with editorial headline
- Animated stat counters
- Institutions / partners marquee
- Interactive services (six industries)
- Flagship programs preview
- Founder's message
- Partners & clients wall
Programs
- Five luxury real-estate programs in full
- The Art of Luxury · Inspiring HNWI
- Storytelling · Negotiation · SCORE
- Deep-linkable program anchors
Faculty & story
- Full consultant bios (6 + founder)
- About page with stats & founder message
- Quiet-authority faculty grid
Contact & craft
- Enquiry form with client-side success state
- Quiet-luxury editorial design system
- Centralized design tokens (one source of truth)
- Razor-sharp SVG wordmark in three colorways
What changed operationally
Documented outcomes from the delivered system. Where exact figures are confidential, the operational change is stated instead.
- Bespoke visual identity that supports premium pricing rather than undercutting it
- Zero runtime dependencies — nothing to patch, nothing to slow the page down
- Flagship five-programme suite presented as the primary offer
- Six industries positioned to widen the firm beyond a single vertical
- Static build the client can edit and deploy on any host
What we had to work within
- Premium perception was the primary success criterion
- Client needed to edit and redeploy without engineering support
- No CMS or backend budget — content lives in the build
- Enterprise audience on desktop and mobile with equal weight
What I owned
End-to-end on this project — from architecture and data modelling through to a shipped, production product.
- Brand-led design direction (quiet-luxury editorial)
- Full hand-built front-end: 5 pages, no framework
- Design-token system for colours, type & spacing
- Scroll reveals, marquee, counters & nav interactions
- Vector wordmark in three colorways (SVG)
- Static deployment on Vercel
Built with
Markup & styling
Interaction
Type
Infrastructure
// Gallery
Want something like Skillery?
Boutique software studio — agency-quality systems, shipped by one senior engineer.
// Related work
