of the Year
source link: https://readymag.com/websites-of-the-year/?utm_campaign=websites_2022
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
Readymag Websites of the Year 2022
Support designs that inspire you!
Vote for them till December 15
10 prizes:
in each category, 1st place comes with a $1,000 prize, and 2nd place earns an annual Business plan subscription.
Everyone's a winner:
each nominee is spotlighted across Readymag’s platforms and receives a Readymag merch pack.
by Daniil Golubev
A group of startup marketer peers based in Estonia met up to learn, share advice and step up their marketing game. To promote the event series and collect applications, Daniil Golubev, the organizer, created a funky visual identity and a mobile-first landing page. See how it mixes on-scroll and on-load animations.
by Núria Gispert Recasens
In her personal portfolio, Núria Gispert masterfully uses balance, hierarchy and contrast to create a composition that smoothly guides visitors’ attention. The work features shapes, text and animations that together create a dynamic experience, while making sure it stays accessible, clear and functional.
by Vosk design studio
Kampong G(e)lamorous longread reimagines the colorful and vibrant world of the Kampong Gelam neighborhood in Singapore. Through a series of AR-enhanced artworks by emerging local artists it tells a story inspired by the rich and bustling history of the precinct.
by Ksenia K
Mushroom aesthetic is the core inspiration of this longread: the author presented some curious facts about fungi, set the headlines in a chunky psychedelic font, added draggable drawings of mushrooms and brought things together with on-scroll animations.
by Julie Freund-Poulsen
In her portfolio Julie Freund-Poulsen, a graphic designer, masterfully ranks visual and content elements so that visitors can navigate through the page easier. By using principles of contrast, scale, and balance, the author makes the most important elements of the page stand out and draw the viewer’s eye. Animations and interactive elements pull focus as well.
by Nouvelle Noire Type Foundry
This is the promo site for NN Colroy, a slightly geometric swiss slab serif type family. Bright juicy colors and bold shapes are combined with letterforms that present NN Colroy in a visually pleasing, sometimes unexpected way, so it's worth scrolling further. Take note of the on-hover effects and the tiny custom cursor.
by Alisa Mahaletska
The idea behind this online shop was to present a drop of t-shirts in a fresh and interactive way that stood out from other brands. The website does not fall into the classical online store vibe, but it does provide a functional and user-friendly storefront.
by Shely Vaisman
The key element to this portfolio is the popping, youthful vibe that reflects the creative personality of its author. She created her own animated grain texture that runs through the whole website and elevates the experience.
by Nikita Guk
Check out this trendy website for a branding agency. The page captures attention with geometric typography and guides the viewer with carefully balanced color accents to the hypnotizing animation at the bottom. Text and images appear and fade on hover to single out the essential information.
Multidisciplinary designer portfolio
by Annie Milova
The portfolio of Anastasiya (Annie) Milova is intuitive to use, but at the same time offers an element of surprise. Point the custom smile cursor over the name of any project on the main page and see sample images appear above the title as a preview.
by Jonas W. Abbotts
Minimalistic yet colorful portfolio of Denmark-based Styles Jonas W. Abbots greets viewers with a flash sequence of photos, launching on hover. Two clickable headers in the bottom left corner lead to a simple gallery and a brief resume. Click on any image in vertical rows and enjoy a larger-sized fashion shot.
by Aida Pacheva
Aida Pacheva created a simple and concise personal portfolio, where details are hidden behind bright interactive elements. On-hover animation stunts also spice things up here.
by Marco Coppeto
In his portfolio, Marco Coppeto opted for minimal design and functional navigation, which lets the visitors jump between sections with a central tab. Here the content is the hero and the UI is toned down to make the work speak for itself. To present the visual part, Marco used the video widget and on-scroll loading, then spiced the design up with a subtle custom cursor that expands over links.
by Janice Feryn
The idea behind this portfolio website was to draw attention directly toward Janice’s work. She carefully uses white space and refined typography to create a gallery-like feeling. The on-scroll animation feature allows thumbnails to unroll vertically. Janice also added simple, yet effective, on-click animations to include her biography in a non-disruptive way.
by Matthew Bielak
Matthew Bielak designed this website to showcase work he created in art school. He combined his love for typography and tech, coming up with an eye-catching kinetic type on the first page. Matthew masterfully integrated Readymag’s animations, custom cursor and draggable features to unfold the stories behind his creative works.
by Maxim Aksenov
Feed the 3oo project helps Ukrainian zoos survive the war: on the website you can donate the price of a ticket or any non-fixed sum to listed local zoos and help them feed their animals. The page features cute illustrations balanced between children’s sketches and fine art. To keep it simple, but emotionally impactful, Maxim and the team used shots subtly animated on-scroll and on-hover.
by Timo Wauric
The primary goal of this website is to attract talent for the Project Holi startup and inspire first followers to join their community. In this way, the founders aim to create a digital ecosystem that allows active and socially engaged people to find inspiration and collaborate. The website explains this goal with a playful, step-by-step flow that’s easy to grasp.
by POST—Design and Branding Studio
The GANNI Responsibility Report 2021 is a summary of the brand's sustainability efforts. The design team aimed to combine text-heavy content and data with interactive graphs to make content engaging. The report can boast a handful of Readymag features: draggable elements, on-scroll animated slideshows, on-hover animations, type styles and even custom code.
by Artem Militonian
The timeline of the war unfolds in a powerful on-scroll animation on this non-commercial website about the war in Ukraine. The page features factual information supported by powerful typography, minimalistic illustrations and mournful, shocking photographs, neatly arranged over contrasting backgrounds.
by Dmitry Shalaev
The Ниоткуда (eng. “Nowhere”) project reveals stories from long-lost film photos and videos. All materials collected in this archive were received or bought from unknown sources, found inside cameras bought at flea markets or just accidentally came into the author's possession. Dmitry used simple shapes and minimal on-hover and on-scroll animations, combining black and white elements with a sparkle of colorful images.
by Anton Repponen
The Museum of Online Artifacts resembles an online gallery, which showcases digital experiments that stand out from traditional design categories. Here, animations are a critical part of objects, completing them or adding an extra dimension. Anton masterfully guides the visitor through the white-walled gallery with the help of on-scroll and on-hover animations.
On the non-objective nature of time
by Artem Matyushkin, Liza Tyutyaeva, Vanya Koltsov, Roma Belyakov
Non-Objective is a visual research project dedicated to the nature of time. The digital installation consists of dozens of animated clocks, each showing time in a unique manner. The creative team used the freedom of Readymag’s blank canvas and added cyclic animations to express the illusory flight of time.
by Andriy Smolyar
Andriy Smolyar designed this website for a client that sells parts for tractors online. He opted for a simple, user-friendly landing page with an unusual visual style and tone of voice for the industry. Video embeds, funny emojis and a bit of on-hover animation made it even more appealing. Andriy also added a panel with reviews and a contact form to effectively attract new customers.
by Andrey Medvedev
The website introduces the Brickit app, which can scan any jumble of toy bricks and provide instructions for new ways to assemble them. The project features recognizable brick-like elements, GIF animation on the main page, custom fonts and an animated gallery. The designer also added a form to collect data from users and submit it to Brickit's developers.
by Alexey Rybin
Take a look at this minimalistic website created by Alexey Rybin for Daria Fomina, a photographer and set designer. The portfolio has little text, as the focus follows images. With the help of on-scroll animations, the gallery slowly unfolds, each half at its own speed, giving visitors an overview of creative works. There is also a pop-up image sequence that adds extra interactivity.
Readymag is constantly evolving so everyone can practice their creativity freely, turn the boldest ideas into reality and bring new visual languages to the web. Readymag also supports designers and gives them space to present their best works to the world, get appreciation and support from the community.
The Websites of the Year contest encourages creators to polish their skills by mastering our ever-expanding creative arsenal, create functional projects for clients and bring passion projects with impact to the world. It also introduces the broad public to new gems of web design and showcases the possibilities of Readymag.
This year, the Readymag Websites of the Year contest has shifted from purpose-driven categories—such as portfolios, mobile designs and first pages—to more holistic ones: ▷ Visual storytelling, ▨ Typography, ◊ Navigation, ⏥ Impact and △ Innovation.
We believe in the consolidating power of the community and trust our audience to choose the winners of the Websites of the Year 2022.
Vote for your favorite websites before December 15, 2022
Contest terms—just the same stuff but in legalese.
Recommend
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK