JSI Group Digital
Homepage intros.
Round 1 is the first six. Click one to watch it play over a mock of your homepage. Each has Replay and Skip buttons in the corner. Best on desktop, but they work on a phone too.
1
Swoosh draws itself
A light line sweeps across, your JSI logo is drawn in behind it, a chrome glint passes, and the logo flies up into the nav bar.
About 4 seconds
Play →
2
Build. Convert. Scale.
Your three words slam in one at a time, a line draws under them, then the screen splits open to reveal the site.
About 4 seconds
Play →
3
Money, Status, Time
Your scorecard's three words flash with their icons, collapse into a single point of light, and the point opens into the page.
About 6 seconds
Play →
4
Spotlight sweep
A beam of light crosses a dark screen and lights up JSI GROUP DIGITAL letter by letter, then the lights come on.
About 5 seconds
Play →
5
Chrome panels
Eight metallic panels slide in from above and below, a reflection sweeps across, the logo appears, then the panels open like doors.
About 5 seconds
Play →
6
The site assembles
Wireframe boxes appear on a dark grid, then fill with your real content and zoom into the live homepage.
About 6 seconds
Play →
Round 2: your logo flies into the corner
Same idea as #1. Here the logo is not in the top left to start, and it lands there with a small pulse when it arrives.
1
Letters assemble
J, S and I fly in from different sides, lock together, a glint sweeps across, then the logo flies into the corner.
About 6 seconds
Play →
2
Laser scan
A bright scan line sweeps down and builds the logo as it goes, a flash fires, then it flies into the corner.
About 6 seconds
Play →
3
Mosaic
The logo builds from tiny tiles that pop in at random, like a screen lighting up, then flies into the corner.
About 6 seconds
Play →
4
3D chrome flip
The logo swings in like a chrome plate with a shine across it and a reflection below, then flies into the corner.
About 6 seconds
Play →
5
Light burst
A flash of light and shockwave rings throw your logo onto the screen, then it flies into the corner.
About 6 seconds
Play →
6
Glitch in
The logo flickers in with red and blue color splits, then snaps clean and flies into the corner.
About 6 seconds
Play →
7
Comet flight
The logo fades in sharp, then streaks to the corner in a curve, leaving a glowing trail behind it.
About 6 seconds
Play →
8
Zoom out reveal
A huge blurry close-up of the logo pulls back into focus, flashes, then flies into the corner.
About 6 seconds
Play →
9
Curtain and spotlight
Curtains open on a dark stage, a spotlight finds the logo, then it flies into the corner.
About 6 seconds
Play →
Round 3: the glitch, and more like the swoosh draws itself
The first two are the glitch redone in your site colors. The rest follow the pattern you liked: something draws itself, the logo is revealed, a shine passes through it, then it flies into the corner.
1
Glitch in, site colors
Heavy glitch in black, white and grey: sliced bands, torn lines and pixel noise that slowly lock into the logo, then a shine sweeps through it and it flies to the corner.
About 6 seconds
Play →
2
Glitch slices slam in
The logo arrives in horizontal slices that slam in from both sides, jitter, snap together, then a shine passes through it.
About 6 seconds
Play →
3
Line draws, logo opens
A glowing line draws across, the logo opens out of it from the middle, then a shine sweeps through.
About 6 seconds
Play →
4
Ring draws itself
A ring traces itself around the screen, the logo fades in inside it, a shine passes through, and the ring expands away.
About 6 seconds
Play →
5
Brackets draw, logo wipes in
Four corner brackets draw themselves, the logo wipes in between them, then a shine sweeps through.
About 6 seconds
Play →
6
Lines cross, logo opens
Two lines draw from opposite corners and cross, the logo opens from the crossing point, then a shine sweeps through.
About 6 seconds
Play →
7
Outline traces, then fills
A glowing outline of the logo traces itself first, the solid logo fills in behind it, then a shine passes through.
About 6 seconds
Play →
8
Fills from the bottom
A bright surface rises and the logo fills in behind it, cooling from white-hot, then a shine passes through.
About 6 seconds
Play →