Illusion: A Full-Screen Redesign Revolutionizing Online Magazines

Adriana de Barros Transforms Web Design with Innovative Full-Screen Layout

Adriana de Barros, a renowned designer, has revolutionized the online magazine layout with her project, "Illusion." Inspired by print magazine layouts, she has created a transparent, photographic website, focusing on simplicity and large images to showcase artists' works. This article delves into the unique features, design process, and the challenges overcome in the realization of this award-winning project.

Adriana de Barros' "Illusion" is a testament to the power of simplicity and innovation in web design. The website, devoid of a traditional navigation section, is designed to be immersive, allowing users to focus on the content without unnecessary distractions. The design draws inspiration from print magazines, where the logo is displayed only on the cover, a concept that Adriana successfully translated to the digital platform without losing the website's identity.

The unique properties of "Illusion" lie in its minimalist approach. The design team removed extraneous elements from the sidebar, navigation, article page, and footer, creating a simple yet effective layout. This approach is particularly beneficial for a website with a wealth of content, as it allows users to focus on finding the articles they are interested in.

The realization of "Illusion" was a meticulous process involving the creation of 14 template pages, each with nine screen size versions, resulting in over 125 Photoshop files. The team then started from scratch with CSS3 and HTML5 code to create the full-screen site, incorporating Javascript and PHP. The navigation was designed with color detection to adapt based on the image it overlays, and HTML5 video was used for the homepage.

Despite the challenges faced during the design process, including defining the navigation icons and balancing innovation with user-friendliness, the team was able to create a responsive design that works well on mobile devices, tablets, and desktops. The result is a website that is not only aesthetically pleasing but also easy to use, making it a perfect fit for the current digital landscape.

"Illusion" has been recognized for its exceptional design, winning the Platinum A' Website and Web Design Award in 2016. This prestigious award recognizes world-class, highly innovative designs that contribute to societal wellbeing and push the boundaries of art, science, design, and technology. Adriana de Barros' "Illusion" certainly fits this description, providing a refined and innovative take on the world’s most unusual artistic creations.

Adriana de Barros' "Illusion" is a testament to the power of innovative design in transforming the way we consume content online. By pushing the boundaries of web design, she has created a unique, immersive, and user-friendly platform that showcases the works of various artists in a new light. Her work serves as an inspiration for designers worldwide, proving that with creativity and innovation, it is possible to revolutionize traditional formats and create something truly unique.


Project Details and Credits

Project Designers: Adriana de Barros
Image Credits: Designer, Programmer, Project Manager: Adriana de Barros Programmer (HTML5 and CSS3): Vasiliy S. Website design layout, icons, logotype are copyright of Scene360. All rights reserved. All thumbnails displaying artists' work © respective artists/owners.
Project Team Members: Designer, Programmer, Project Manager: Adriana de Barros CSS3 and HTML5 programmer: Vasiliy S.
Project Name: Illusion (Full-Screen Redesign)
Project Client: Adriana de Barros


Illusion (Full-Screen Redesign)  IMG #2
Illusion (Full-Screen Redesign)  IMG #3
Illusion (Full-Screen Redesign)  IMG #4
Illusion (Full-Screen Redesign)  IMG #5
Illusion (Full-Screen Redesign)  IMG #5

Read More on Design Radiant