Illusion - Full-Screen Redesign Website by Adriana de Barros

Home > Winners > #45158


DESIGN DETAILS
DESIGN NAME:
Illusion - Full-Screen Redesign

PRIMARY FUNCTION:
Website

INSPIRATION:
We wanted to make the website photographic and transparent looking, without a navigation section at top that divides itself from the main content. Some of the inspirations were based on print magazine layouts. For example the logo of a print magazine is displayed on the cover and not on every single page, and we thought that this could be possible to do online without losing the identity of the website.

UNIQUE PROPERTIES / PROJECT DESCRIPTION:
Illusion is an online magazine. The website focused on using large images to present the various artists' works in a gallery format. Always keeping in mind that "less is more," we removed a lot of unnecessary stuff in the sidebar, navigation, article page and footer, making the site even more simple than before. Which works well considering that the site has a lot of content, and we want users to focus on finding the article they're interested in.

OPERATION / FLOW / INTERACTION:
Improving the previous site design, keeping what worked and taking out what didn't. Essentially keeping it simple and easy to use.

PROJECT DURATION AND LOCATION:
Site Development from April 2015 to January 2015.

PRODUCTION / REALIZATION TECHNOLOGY:
14 template pages (each with 9 screen size versions from 320px to over 2600px). Over 125 files were created via Photoshop. Then programming, starting from scratch with CSS3 and HTML5 code for this full-screen site. Also including Javascript and PHP. The navigation has color detection so it will adapt based on whatever image it overlays. And we used HTML5 video for the home page. There were some technical changes trying to get this all to work effectively for a magazine site. When building a site and trying to advance with new elements, it is sometimes difficult to find immediate solutions when not a lot exist at the time. So we tried to push forward with web technologies to create something different.

SPECIFICATIONS / TECHNICAL PROPERTIES:
A responsive design that works well on mobile devices, tablet, desktop. Even on very large resolution screens.

TAGS:
website, illusion, magazine, art, film, tattoo, responsive design, responsive, redesign

RESEARCH ABSTRACT:
We also influenced on the future of computer technology, how we are more connected to computer screens/technological devices, and each photo thumbnail on Illusion website represents the various screens (and info) presented to users.

CHALLENGE:
One of the hardest parts was defining which icons to use for the navigation, resuming to 4 or 5 icons that would be the full navigation of site. If to proceed with an extreme change with just one icon button, or if to make a gradual transition to having a few buttons and with time maybe reduce the number depending on the tendency of the Internet. We choose the latter. Sometimes reaching too far in terms of innovation may lead to abstract and confusing results for users. Our goal has been to make the right site for the right moment in time, one that is easy to use and aesthetically pleasing.

ADDED DATE:
2016-02-14 20:46:12

TEAM MEMBERS (2) :
Designer, Programmer, Project Manager: Adriana de Barros and CSS3 and HTML5 programmer: Vasiliy S.

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.

PATENTS/COPYRIGHTS:
Website design layout, icons, logotype are © of Scene360. All rights reserved. All artwork thumbnails © respective artists/owners.

Visit the following page to learn more: http://illusion.scene360.com/
VOTE FOR THIS DESIGN

VOTE FOR THIS ENTRY

CLIENT/STUDIO/BRAND DETAILS
NAME:
Illusion

PROFILE:
Illusion is a globally recognized arts magazine that was founded by Scene360 in 2008. Covering fine art, tattoo, graffiti, design, and cinema, Illusion attracts over 7 million readers every single year, and has a loyal following of over 5 million via social media channels.

NOMINATION DETAILS

Illusion-Full-Screen Redesign Website by Adriana De Barros is a Nominee in Website and Web Design Category.

· This project is currently confidential as results have not been announced yet. Images and further details of the project is not available for public yet, please check back later. If you are the owner of this design, please login to view the images.

· Click here to register today inorder to be able to view the profile and other works by Adriana de Barros when results are announced.
AWARD DETAILS

Illusion-Full-Screen Redesign Website by Adriana De Barros is Winner in Website and Web Design Category, 2015 - 2016.



· Press Members: Login or Register to request an exclusive interview with Adriana de Barros.

· Click here to register inorder to view the profile and other works by Adriana de Barros.
SOCIAL
+ Add to Likes / Favorites | Send to My Email | Comment | Testimonials | View Press-Release | Press Kit
See other A' Design Award and Competition WinnersA' Design Award Presentation Submit Your Designs
 
design award logo

BENEFITS
THE DESIGN PRIZE
WINNERS SERVICES
PR CAMPAIGN
PRESS RELEASE
MEDIA CAMPAIGNS
AWARD TROPHY
AWARD CERTIFICATE
AWARD WINNER LOGO
PRIME DESIGN MARK
BUY & SELL DESIGN
DESIGN BUSINESS NETWORK
AWARD SUPPLEMENT

METHODOLOGY
DESIGN AWARD JURY
PRELIMINARY SCORE
VOTING SYSTEM
EVALUATION CRITERIA
METHODOLOGY
BENEFITS FOR WINNERS
PRIVACY POLICY
ELIGIBILITY
FEEDBACK
WINNERS' MANUAL
PROOF OF CREATION
WINNER KIT CONTENTS
FAIR JUDGING
AWARD YEARBOOK
AWARD GALA NIGHT
AWARD EXHIBITION

MAKING AN ENTRY
ENTRY INSTRUCTIONS
REGISTRATION
ALL CATEGORIES

FEES & DATES
FURTHER FEES POLICY
MAKING A PAYMENT
PAYMENT METHODS
DATES & FEES

TRENDS & REPORTS
DESIGN TRENDS
DESIGNER REPORTS
DESIGNER PROFILES
DESIGN INTERVIEWS

ABOUT
THE AWARD
AWARD IN NUMBERS
HOMEPAGE
AWARD WINNING DESIGNS
DESIGNER OF THE YEAR
MUSEUM OF DESIGN
PRIME CLUBS
SITEMAP
RESOURCE

RANKINGS
DESIGNER RANKINGS
WORLD DESIGN RANKINGS
DESIGN CLASSIFICATIONS
POPULAR DESIGNERS

CORPORATE
GET INVOLVED
SPONSOR AN AWARD
BENEFITS FOR SPONSORS

PRESS
DOWNLOADS
PRESS-KITS
PRESS PORTAL
LIST OF WINNERS
PUBLICATIONS
RANKINGS
CALL FOR ENTRIES
RESULTS ANNOUNCEMENT

CONTACT US
CONTACT US
GET SUPPORT

Follow us : Twitter Twitter | Twitter Facebook | Twitter Google+.
Share |