In the ever-evolving realm of website aesthetics, a new trend is gaining traction: the departure from traditional large hero images or videos as the centerpiece of homepages. If you tour some of the websites you frequently visit, this fresh approach might be evident. Within this trend, other distinct design innovations are budding and we’re going to delve into three such popular movements this month.
Let’s dive into the latest design waves making a splash.
1. Spiraling Textual Verve
Text that twists and twirls in circular animations is becoming increasingly commonplace, catching the visitor’s eye with its peculiar dance. While not the pinnacle of legibility, these gyrating snippets of text sure do make the viewer pause and ponder.
The purpose of these twirling text elements could be to invite a click or simply to mesmerize. One consistent aspect is the magnetism they possess, which designers are currently infatuated with.
Generally associated with a clockwise spinning motion, which aligns with our natural reading direction (although exceptions exist), these animated elements tend to hold minimal text, aiding in their readability.
Consider these three instances that execute the concept with their unique flairs.
Thirteen23 entices with a large, rotating text feature above the headline that plays with your expectations by changing direction upon a cursor hover.
Pear employs a swift spinning textual band adjacent to its branding, steering focus immediately to the app’s kickstart call-to-action placed just below. The size of the text here is notably larger than usual, and the motion brisk.
Danilo DeMarco showcases understated, circular, animated text that guides your gaze, encouraging you to explore deeper into the site’s portfolio offerings.
2. Imaginative Collage Imagery
In the absence of a dominant image on your landing page, a mosaic of smaller image fragments can capture attention just as effectively. The collage-style imagery we’ve observed is a collection of pictures of varying sizes and shapes, sometimes put together with interactive components for added engagement.
Defying standard conventions, this design trend thrives amidst chaos, yet somehow manages to maintain coherence and captivation.
Tora employs this technique with a pair of slowly scrolling image rows, imparting a sense of the restaurant’s atmosphere through a neatly arranged grid collage.
Lisniakkk dots the scene with tiny paintings in a casual layout that springs to life when hovered over, inviting clicks to reveal more about each artwork. It’s especially notable how these elements daringly overlap – a rarity in collage-style treatments.
Cosmos artfully blends images of different form factors and orientations into an interactive patchwork that unfolds new layers upon interaction.
3. Grandeur in Typography
When it comes to text size, just how grand can it be before it becomes overwhelming? The following websites push the bounds of typography by featuring single colossal words that become the focal point of their aesthetic and branding.
Each site crafts a different experience with these mammoth textual displays, designed to draw users in distinct ways.
Zajno brandishes its brand name in letters so sizeable they command the space, dwarfing the navigation elements nestled within the voluminous headline. Despite its imposing size, does it transmit its purpose?
Boldly Foods presents its namesake in strikingly large type against a vivid backdrop, capturing attention while the rest of the content gently transitions in.
Konrad puts its magnificent typeface on a pedestal, employing the massive letters as a sampling platter for the typeface they’re selling. This example is compelling, blending two trends by integrating a gigantic textual element with a circular animated component, capturing the best of both in one seamless experience.
Wrap-Up
Web design trends offer a plethora of creative avenues to explore, with some lending themselves better to practical use than others. The stylistic expressions discussed here are relatively straightforward to implement and can infuse distinct visual character into projects that may lack strong artistic resources. Hopefully, these highlighted examples will spark your creativity for any such endeavors.
