Content, Digital
Responsive Web Design & Development
Genie® SX-180 Product Launch Website
The Genie® SX-180 Product Launch Website was completed via Portent, Inc. for Genie®. We welcome you to experience the project in the vignettes below; or, visit the live project at sx180.genielift.com.
A responsive site for a record-setting boom.
As Genie prepared to launch the SX-180, the “highest reaching self-propelled boom lift in the Genie Super Boom™ lineup,” they decided that their record-setting product deserved a launch website that gave it a bit of the glamour treatment. Blake and Portent delivered with a responsive site flush with custom-designed images, and even a bit of playful animation.
Responsive Site Design & Development
The product launch site is designed to be responsive from 2560 pixels, down to the 320 pixels of an iPhone 5.
The Genie SX-180 in Context: Historic Presevation
With the ability to extend to 180 feet, many previously difficult operations are now in reach.
The Genie SX-180 in Context: Historic Presevation
With the ability to extend to 180 feet, many previously difficult operations are now in reach.
The Genie SX-180 in Context: Refineries
Why take the stairs when you can take the lift?
The Genie SX-180 in Context: Refineries
Why take the stairs when you can take the lift?
The Genie SX-180 in Context: Shipyards
When you need not just a long reach, but mobility, this could do the trick.
The Genie SX-180 in Context: Shipyards
When you need not just a long reach, but mobility, this could do the trick.
The Genie SX-180 in Context: Campuses
Sometimes, it’s not the height that is the issue, but the distance that must be crossed to reach something.
The Genie SX-180 in Context: Campuses
Sometimes, it’s not the height that is the issue, but the distance that must be crossed to reach something.
Highlighting brand color with contextual desaturation.
Like many industries, in the world of boom cranes, brand color is hugely important. With just a glance at a job site, you can tell the brand of cranes in use without a second thought — the products advertise themselves. For the imagery on the product launch site, we heightened this effect by desaturating all the color in images, except for the Genie cranes, which immediately attract attention to their gleaming blue.
Crane Stowed
When stowed for transport, the crane footprint narrows to just over 8 feet wide.
Crane Stowed
When stowed for transport, the crane footprint narrows to just over 8 feet wide.
Crane Expanded
When fully expanded, the crane’s footprint splays out to provide superb stability.
Crane Expanded
When fully expanded, the crane’s footprint splays out to provide superb stability.
Large, yet compact for transport.
Just because the SX-180 can reach an astonishing 180 feet, doesn’t mean that it is a pain to transport. Rather, the crane stows down to fit comfortably on a standard flatbed trailer. On the live site, these images fade from one to another, demonstrating the transition from retracted to extended profile.
Rotating Jib & Turntable
Composite images demonstrate the dynamic flexibility of the platform.
Rotating Jib & Turntable
Composite images demonstrate the dynamic flexibility of the platform.
High Capacity Platform
Composite images demonstrate the dynamic flexibility of the platform.
High Capacity Platform
Composite images demonstrate the dynamic flexibility of the platform.
Communicating motion through still imagery.
There would not be a video on the site, but the team at Portent still needed a way to communicate motion. So, Blake laid out exactly what he would need to pull it off: time-lapse shots of the platform in motion, shot meticulously with a tripod. The team at Genie came back with a series of images that Blake designed, compiled, and edited in Adobe Photoshop to create these composite images that simulate the motion of the crane platform.
The Genies Drive In
Though shown here only through intermittent screen shots, on the live site, the Genies move smoothly across the screen. When we get a chance, we’ll pull together a little video to demonstrate it more effectively here.
The Genies Drive In
Though shown here only through intermittent screen shots, on the live site, the Genies move smoothly across the screen. When we get a chance, we’ll pull together a little video to demonstrate it more effectively here.
The Genies Drive In
Though shown here only through intermittent screen shots, on the live site, the Genies move smoothly across the screen. When we get a chance, we’ll pull together a little video to demonstrate it more effectively here.
The Genies Drive In
Though shown here only through intermittent screen shots, on the live site, the Genies move smoothly across the screen. When we get a chance, we’ll pull together a little video to demonstrate it more effectively here.
The Genies Drive In
Though shown here only through intermittent screen shots, on the live site, the Genies move smoothly across the screen. When we get a chance, we’ll pull together a little video to demonstrate it more effectively here.
The Genies Drive In
Though shown here only through intermittent screen shots, on the live site, the Genies move smoothly across the screen. When we get a chance, we’ll pull together a little video to demonstrate it more effectively here.
The Genies Drive In
Though shown here only through intermittent screen shots, on the live site, the Genies move smoothly across the screen. When we get a chance, we’ll pull together a little video to demonstrate it more effectively here.
The Genies Drive In
Though shown here only through intermittent screen shots, on the live site, the Genies move smoothly across the screen. When we get a chance, we’ll pull together a little video to demonstrate it more effectively here.
The Genies Drive In
Though shown here only through intermittent screen shots, on the live site, the Genies move smoothly across the screen. When we get a chance, we’ll pull together a little video to demonstrate it more effectively here.
The Genies Drive In
Though shown here only through intermittent screen shots, on the live site, the Genies move smoothly across the screen. When we get a chance, we’ll pull together a little video to demonstrate it more effectively here.
The Genies Drive In
Though shown here only through intermittent screen shots, on the live site, the Genies move smoothly across the screen. When we get a chance, we’ll pull together a little video to demonstrate it more effectively here.
The Genies Drive In
Though shown here only through intermittent screen shots, on the live site, the Genies move smoothly across the screen. When we get a chance, we’ll pull together a little video to demonstrate it more effectively here.
The Genies Drive In
Though shown here only through intermittent screen shots, on the live site, the Genies move smoothly across the screen. When we get a chance, we’ll pull together a little video to demonstrate it more effectively here.
The Genies Drive In
Though shown here only through intermittent screen shots, on the live site, the Genies move smoothly across the screen. When we get a chance, we’ll pull together a little video to demonstrate it more effectively here.
The Genies Drive In
Though shown here only through intermittent screen shots, on the live site, the Genies move smoothly across the screen. When we get a chance, we’ll pull together a little video to demonstrate it more effectively here.
The Genies Drive In
Though shown here only through intermittent screen shots, on the live site, the Genies move smoothly across the screen. When we get a chance, we’ll pull together a little video to demonstrate it more effectively here.
Playful, simple animation.
When discussing massive, mobile machinery, it’s hard to resist imagining it driving about. So, why not introduce a little playful animation? When the user reaches this panel of the site, scroll-activated animation triggers images of the SX-180 to slide across the screen from the right. Because each subsequent image has less distance to travel, the effect is that each drives in, then stops abruptly on its mark.
Hey, we hope you liked our work!
Would you like to check out the services we offer?
Can we help you with anything?
Or, would you like to join our (rarely used) mailing list?
Feel free to reach out with any questions you may have for us about our services, our work, or anything else that’s got you curious.