2nd place

1st place

P.Y.E clip-ons

This landing for the Russian P.Y.E. Optics shop sells clip-on lenses that turn regular glasses into sun-protective eyewear. Using a combination of 2D illustration, 3D eyeglass models and some on-scroll animations, the first page demonstrates immediately how the clip-ons work.


330

Yarin Ben Hamo

The first page in the portfolio of multidisciplinary designer Yarin Ben Hamo plays with the cursor for more impact—hover over the page and see the cursor leave a colorful trace that erases most of the information, leaving you access to the main buttons: Work and About.


249

Komnata agency

Hover over the word Komnata, set in semi-transparent, iridescent letters, and see them act as real-life 3D objects—waving and falling following the direction of the cursor movements.


2,019

Diagrama

Move the cursor back and forth horizontally over the first page, you’ll see pieces of 3D objects with text about the agency gather together or fall apart.


2,529

100 Great Armenians

The first page in this editorial offers a captivating intro, based on black and white typography and on-scroll animation.


142

2nd place

1st place

Reyman&Co

Magda Reyman’s approach to design is to keep things simple but fun. That’s exactly how she handled her portfolio, both in its desktop and mobile versions.


896

UNL Studios

The website of this Bristol-based garden landscape design studio cleverly utilizes the small, vertically-elongated shape of mobile screens, and turns the scrolling process into a spectacular animated flow.


88

Raissa Quintão

This design portfolio looks so vivid: video, all types of animation, fancy fonts, and bright colors unite into one integral experience, without reducing performance and usability.


1,053

Non-Objective

With its rigid typography, austere colors, plenty of white space and subtle details, the Non-Objective Works website epitomizes the studio’s visual language and presents a portfolio impressive in both size and diversity.


109

Juicy Salif

The story of Philipp Starck’s iconic citrus squeezer in a lengthy editorial, with rich illustrations and subtle animations.


111

2nd place

1st place

Materialist

Another cool approach to animation: begin scrolling down the first screen and see the text smoothly shrinking, leaving only room for the website menu. It expands and takes up half of the screen.


271

Kiwie

Clothing brand Kiwie’s online shop is organized into different-sized cells, like a custom table in Excel. Each cell presents a placeholder for information—be it a new product reveal, purchase button, or size tab. This creates a beautiful feeling of structure and organization.


243

Suburbs are dead

This is a personal photo project—a reflection on the environment where the author grew up and the feelings it stirs. The noisy black and white images are organized into a vertical flow. Emerging from the sides of the screen, they shrink toward the center and then disappear, making way for the next image.


301

Zoltan Neville

Eight sections of this architect’s personal website are stacked on top of each other like an accordion. A skillful and concise signal of one’s professional field.


111

Maxim Aksenov

This one-page portfolio website by multidisciplinary designer and art director Maxim Aksenov has subtle scroll-powered animations, large pictures, dynamic videos and a catchy (but optional) navigation screen.


110

1st place

2nd place

Obraz 27

The combination of on-scroll animations, beautiful 3D renderings, clean fonts and a minimalist layout makes the website of Obraz27 visualisation bureau really spectacular.


236

Grids

Obys design agency explores their favourite grid-based layouts in a heavily animated, typographically rich editorial. A tour de force, for both the designer and Readymag.


507

Organic crystals

An artistic collaboration between Michael Joo and Danil Krivoruchko, OG:CR transforms static NFTs into a flourishing digital reefscape, where each piece grows every time it’s resold. Website designed by Anton Repponen.


315

Koryo-saram

Koryo-saram is the name ethnic Koreans use to describe themselves in most former Soviet areas. This editorial presents an illustrated chronology of the departed Soviet Koreans. The Dynamic layout transforms by the events of history using interactions with images, contrast and archival documents.


127

Ros Knopov

With its robust layout and practical typography, Ros Knopov’s personal website is a content-focused, no-nonsense showcase of his impressive, multifaceted works.


71

2nd place

1st place

Tumulus Design

This carefully orchestrated mayhem of fonts, images, colors, and banners is a bold experiment, as well as a portfolio and point of sale. All gathered in cyberpunk graphics with exuberant hyperlinks. Design for a dystopian future.


337

The future of NFT art

This thoroughly structured, massive research project plays around with figures and shapes; composing the visual identity of the work only through these means.


210

Bloomers

Monochrome illustrations, warm colors and elegant typography provide the creative agency with a visual language that is both bold and refined.


165

Linda Rammes

In this portfolio, unique and minimalist design pairs with impressive, oversized numbers to structure the entire page.


79

Ambidexter

The landing page for the free Ambidexter font makes heavy use of the Shots widget, with some clever workarounds. Viewers usually manage their space by scrolling, but here they control time.


376

Readymag Projects
of the Year

2021

First page

Mobile

Navigation

Storytelling

Typography


Readymag Projects
of the Year

2021