A homepage and one inner page are designed first, for your feedback, before anything is built. Most sites launch in three to six weeks.
01
Briefing
Your customers, your competitors and what the site has to do.
02
Design
A homepage and one inner page designed first, for your feedback, before anything is built.
03
Build and test
The full site built, filled with your content and tested on phones and desktops.
04
Launch and care
Domain and hosting set up, search basics in place, and a care plan if you want one.
02 How this site was built
You are looking at the demo.
Every page of basstionforge.com was designed, written, filmed and coded here. No theme, no page builder, no template. Here is what is under the hood, and what we can build into yours.
Animations
The homepage hero is an 18-second film, scrubbed frame by frame by your scroll wheel. Three more films carry the service pages. Headlines assemble a character at a time, section rules draw themselves in as they reach the screen, and the perimeter seals when you hold it. Nothing autoplays. You drive all of it.
Scroll-scrubbed film heroes, 24 frames per second
Per-character headline entrances, four different kinds
SVG lines and rings drawn by scroll position
A press-and-hold interaction with five stages
Scrolling speeds
Scroll-driven footage feels wrong when it lurches. Ours follows the wheel through a smoothed easing that closes 14 percent of the remaining gap every frame, so a flick glides and a slow scroll stays pinned to your hand. Every caption has its own entrance window, timed by the flick test: scroll past at speed and the headline still lands whole.
The hero pins for 3.6 screens on the homepage, 2.5 on service pages
Frame-accurate seeks, gated so the decoder never stalls
Caption pacing tuned per band, not one global speed
The loop rests when you stop, so idle pages cost nothing
Advanced features
Honest loading: the film streams in behind a progress ring and the page is usable before it finishes. If a device cannot scrub video, 90 still frames cross-fade instead. Phones, portrait tablets and anyone who prefers reduced motion get a still composition with the same copy. Zero trackers. A form that falls back to your email app if the server is down.
Still-frame fallback when a decoder stalls
Five motion gates for phones, tablets and reduced motion
Keyboard access to every interaction, live status for screen readers
No analytics, no cookies, no third-party scripts
Extreme customization
Colors, type, spacing, motion curves and copy all live in one set of design tokens, so the whole site can change character in an afternoon. Every section is hand-written markup, not a block from a library. The footage was generated to the brand palette, graded, and encoded for scrubbing rather than playback. If you can describe the feeling, we can build the page.
No theme, no page builder, no template
Brand-matched generated film and imagery
Copy written to a house style and checked line by line
Versioned assets, so an update can never half-load
18.0shero film, scrubbed by scroll
433frames at 24 fps
90fallback still frames
3service page films
5motion gates
0trackers or templates
What we can build into yours
Name it. We have probably built it.
Every item below is something we can design, build and keep running for you. Pick what your customers need; we will tell you what it costs before you commit.
Scroll-driven film heroesFootage that follows the wheel, like this site
Interactive product configuratorsPick options, see the price and the picture change
3D model and product viewersTurn it, zoom it, see it in the room
Booking, scheduling and remindersCalendars, deposits and text reminders
Payments, invoicing and subscriptionsOn the payment providers you already trust
Client portals with secure sign-inDocuments, status and messages in one place
Live dashboards and reportingYour numbers, updated as they change
Maps, routes and store locatorsFind us, get directions, see service areas
Searchable catalogs and inventoriesFilters, stock levels and quotes
Blogs and news you edit yourselfSimple editing, no training course
Multi-language sitesEvery page in every language you serve
Forms that route to the right personQuotes, intake and applications that land in the right inbox
Installable web apps that work offlineA home screen icon, no app store needed
Animated data storiesCharts and numbers that build as you scroll
Accessibility to WCAG 2.2 AAUsable by more people, and on safer legal ground
Generated film and imagery in your brandScenes made to your palette, not stock photos
Integrations with your toolsCRM, calendar, accounting and email, connected
Member areas and online coursesSign-ups, lessons, progress and payments
03 What's included
Everything a business site needs.
Design
New business websites
A site planned around what your customers are looking for and the one action you want them to take.
Refresh
Redesigns
Keep what works, fix what does not, and move your content without losing your search rankings.
Design
Mobile first
Designed for the phone, then scaled up. Tested at real phone and desktop widths before launch.
Animate
Motion and film
Scroll-driven footage, drawn lines and interactions, only where they earn their place.
Include
Accessibility
Checked against WCAG 2.2 AA so more people can use it and you are on safer legal ground.
Get found
Search basics
Page titles, descriptions, a sitemap, local listings and speed tuning so customers can find you.
Keep
Hosting and care
Domain, hosting, SSL, backups and small edits handled for you each month.
Write
Copy and content
We write or tidy the words, and we can generate imagery in your brand when you have no photos.
Convert
Forms and bookings
Quotes, intake, appointments and payments that land in the right place.
04 Packages
Pick a starting point.
Starter
Essentials
Scoped in the briefing
Up to 5 pages
Mobile-first design
Contact form and map
Search basics and analytics-free by default
For a new business or a simple refresh.
Most common
Business
Scoped in the briefing
Up to 12 pages
Blog or news section
Booking or quote forms
Accessibility check and speed tuning
For an established business that wants leads from its site.
Custom
Signature
Scoped in the briefing
Custom interactions and motion
Scroll-driven film heroes like this site
Brand-matched generated film and imagery
Integration with your tools
For a site that should be remembered.
05 Straight answers
Before you book.
How long does a website take?
Most Essentials and Business sites launch in three to six weeks, depending on how quickly content is ready. Signature sites with film take longer, and we tell you how long in the briefing.
Can I edit it myself?
Yes, if you want to. We can set up simple editing, or handle changes for you on a care plan.
Do you handle hosting and domains?
Yes. We can set up and manage your domain, hosting, SSL certificate and backups.
What do you need from me?
Your logo, photos if you have them, and an hour or two to answer questions. We can write or tidy up the text, and generate imagery if you have none.
Will it work on phones?
It is designed for phones first, then tested on desktop. Most of your visitors will see the phone version.
Can my site have animations like this one?
Yes. That is the Signature package. We plan the scroll journey, generate or film the footage to your brand, and tune the pacing until it feels right in the hand.
Need software that does a job, like a portal or booking system? That is Web Development.