◊ Navigation
1st place
1st place
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 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.
290
290
2nd place
2nd place
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 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.
204
204
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 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.
159
159
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 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.
140
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.
111
1st place
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.
741
2nd place
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.
626
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.
325
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.
134
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.
61