This article is a part of HostGator’s Web Pros Series. In this sequence, we function articles from our staff of specialists right here at HostGator. Our Product Managers, Linux Administrators, Marketers, and Tech Support engineers share their greatest suggestions for getting the most out of your web site.
Good design can’t be contained. Good design breaks free. Good design finds a approach.
If you want proof, look no additional than the Jurassic World web site, which is retaining followers entertained and whetting their urge for food for post-pandemic thrill rides and an upcoming movie.
Take a cue from Jurassic World. Here are 5 design takeaways from their web site you need to use to make your individual web site extra participating.
1. That daring hero picture is able to seize your consideration and never let go
Table of Contents
- 1. That daring hero picture is able to seize your consideration and never let go
- 2. Playful web site navigation immerses guests in the Jurassic World universe
- 3. The card structure makes it straightforward for guests to discover Jurassic World
- 4. The picture galleries are designed for exploration, too
“You’re welcome. Up shut and private with 4… dinosauruses.”
This hero picture—the front-and-center banner—is a nice instance of utilizing daring and distinctive imagery to attract in the person, create a jolt of emotion, and inspire them to proceed studying your web site.
In this case, Jurassic World’s velociraptor pack cavorting round their new experience ticks all the hero picture packing containers:
- Imagery: Jurassic World followers are going to scan the entire picture to search for all 4 members of the pack—yep, they’re there—and that attracts them in.
- Emotion: Those of us who’re into and/or frightened of velociraptors and rollercoasters get a zap of adrenaline as a result of holy cats there are velociraptors working amok on that coaster!
- Motivation: By that includes the new Velocicoaster experience that’s debuting at Universal Orlando in summer season 2021, this hero picture invitations guests to click on via and study extra about the new experience or stick round and discover the remainder of the web site.
Design takeaway: Use customized photographs (not inventory artwork) to seize guests’ consideration immediately, generate emotion and get them to stay round.
Immersive person expertise is a sizzling development, and the Jurassic World web site offers us a nice instance of utilizing design to make it occur.
The web site’s navigation panel icons, shapes and colours echo the dashboards and laptop interfaces in the movies, solely now web site guests can use them, too. It’s a intelligent solution to invite web site guests to expertise Jurassic World for themselves, even with out utilizing costly AR or VR know-how.
Design takeaway: Think about how one can make your navigation a part of your web site’s complete expertise, as a substitute of getting it exist outdoors your model.
3. The card structure makes it straightforward for guests to discover Jurassic World
“It’s identical to taking a stroll via the woods. 65 million years in the past.”
As folks spend extra time on their telephones than at their desks, internet designers have to rethink how they design. Now, all the things wants to suit smaller gadget views with out sacrificing type or context on any form of gadget.
One in style resolution is the humble however mighty energy card. These easy rectangular shapes might be filled with photographs, movies and textual content that get guests to click on or faucet via for extra.
The Jurassic World web site makes use of energy playing cards to strike a stability between an orderly interface and a good person expertise on telephones and computer systems.
Extra factors as a result of whenever you hover over or contact every card, a little movement will increase engagement.
Design takeaway: Make it straightforward for guests to see what’s in your web site at a look, even on a small display screen.
4. The picture galleries are designed for exploration, too
(*5*)“First time you see them, it’s like… a miracle.”
An picture gallery is a nice solution to showcase wealthy media, however—like a assortment of unpredictable genetically revived and modified predators—it may be onerous to get picture galleries to work proper.
A poorly carried out gallery can take without end to load, confuse customers about learn how to transfer round, and hijack the person’s management via video autoplay. Next factor you realize, your guests are screaming and fleeing.
Jurassic World will get it proper, although. The gallery hundreds quick, and the photographs are massive sufficient to be clear and straightforward to have interaction with. The influence this has on bettering web site engagement might be large. Instead of working, guests usually tend to stick round, discover, come again, and possibly share the expertise with pals.
Design takeaway: Optimize your media for quick load occasions and make your galleries straightforward to navigate.
“We’ve entered a new period. Welcome to Jurassic World.”
Building a model requires nurturing a neighborhood of followers and prospects on-line. That’s simpler for certainly one of the hottest movie franchises in historical past than for the common web site proprietor, nevertheless it nonetheless requires good design.
Jurassic World didn’t skimp on serving to guests dive deeper into the fan neighborhood. The web site options hyperlinks to their most lively social accounts and options content material from their social feeds.
Design lesson: Creating and sustaining your model’s social presence means extra than simply placing social icons in your web site. Show guests what’s occurring there, and so they’ll be extra prone to test it out.
Need assist together with your web site design? Too busy working your corporation (or working from raptors) to make design updates your self? Check out HostGator’s skilled internet design providers.
Brian Glover lives in Austin, Texas and is the Manager of Product Design at HostGator. You can usually discover him mountaineering round Austin, catching up with pals on his porch, or gardening.