Popup type · Slide-in
See how it works
A studio offers a short video to readers who have shown interest, without covering the article they are reading.
How this demo opens
- Opens
- Automatically, after you scroll through about 55% of this page.
- Shows on
- This page only.
- Repeats
- Once per browser-tab visit. Use Replay the slide-in to see it again at any time.
- Counts as a response
- Choosing Read how a project runs.
- Video
- Starts only when you press play, and pauses when the slide-in closes.
Northline Studio · sample page
Northline journal · 6 minute read
Six things to prepare before a website project
You do not need a finished brief to start. These six steps make the first conversation shorter and the project calmer.
1. Know what the site is for
Most briefs list pages. Better briefs start with one sentence about what a visitor should do after reading. Book a call, ask a question, visit the studio: pick the main one.
Write it down before anything else. Every later decision, from navigation to button labels, gets easier.
2. Collect the questions you already answer
Ask whoever answers the phone to keep a list for two weeks. The same ten questions usually come up again and again.
Those questions become your service pages, your FAQ and often your headlines.
3. Gather real photographs
Photos of your own team, rooms and work build trust faster than any illustration. A morning with a local photographer is often enough.
If that is not possible yet, plan the layout so photos can be swapped in later without a redesign.
4. Decide who signs off
Projects slow down when feedback arrives from five people at once. Agree on one person who collects comments and makes the final call.
Give that person an hour a week in the calendar for the length of the project.
5. Plan for the first month after launch
A new site always needs small changes once real visitors arrive. Budget time for them, and decide how you will notice what needs fixing.
A short weekly check of enquiries and questions is usually enough to start with.
6. Keep the first version small
Launching ten good pages beats waiting for forty. You can add more once you see which pages people actually read.
Start with the pages that answer the questions from step two.
What this demonstrates
Offer extra detail when a visitor has shown interest.
01
A scroll trigger that waits for interest
The slide-in waits until a reader is more than halfway through, rather than interrupting the first paragraph.
02
Non-modal by design
The page stays usable while the slide-in is open: no overlay, no scroll lock, and focus is not trapped. Escape or the close button dismisses it.
03
Self-hosted Divi video
A Divi Video module plays a local MP4 with a poster image. The clip has no sound; its on-screen text is repeated in the transcript.