Car Visualizer Classics Website by Plus 360 Degrees

Home > Winners > #55871


DESIGN DETAILS
DESIGN NAME:
Car Visualizer Classics

PRIMARY FUNCTION:
Website

INSPIRATION:
The inspiration for the project came from console video games, specifically simulation games for racing and our combined passion for engineering. The visual quality in real time imagery has increased so much over the past years that it motivated us to try and simulate it within the browsers, having studied the latest advances in WebGL and OpenGL for a decade.

UNIQUE PROPERTIES / PROJECT DESCRIPTION:
Car Visualizer Classics interactively presents a selection of classic vehicles produced in the 1960s. The users have the possibility to explore the vehicles in real-time, from all the angles, in any modern browser and device. Retro electronic music, exclusively designed for the project accompanies the experience. The user can switch between vehicles and change the paint color as well. The environment invites the viewer to focus on the vehicle while giving the a sense of an infinite space.

OPERATION / FLOW / INTERACTION:
The project was developed having in mind that many users will find unusual to interact with 3D objects in a browser. We created a simple graphical user interface to control the 3D world. The panel is located in the right side of the window and allows the user to replace vehicles, paint color, toggle camera mode, control audio, among other functionalities.

PROJECT DURATION AND LOCATION:
The project was initially started in October 2013 and was finished in February 2014. It got an update in technology and visuals in January 2017 using the latest updates in technology and research in our side.

PRODUCTION / REALIZATION TECHNOLOGY:
The project uses WebGL technology and it was fully developed using JavaScript and GLSL. The 3D models of the environment and the vehicles were created in a 3D modeling software and optimized. Textures were created and painted for achieving the desired realistic result. The PBR (Physically Based Rendering) patterns were implemented in the update of the project.

SPECIFICATIONS / TECHNICAL PROPERTIES:
The project uses cutting-edge technology and runs in any modern browser on computer (desktop and laptops), as well as in modern smartphones/tablets browsers.

TAGS:
vehicle, webgl, realtime, html5, classic, vintage, 3D

RESEARCH ABSTRACT:
The main focus of the project was to blend two different areas: the video game and the Web industries, in the context of improving the advertising of products online and receive better user feedback. The focus has been in achieving visual fidelity and best performance in as many devices as possible. With the adoption of real-time solutions, the user experience benefits the most because the interactive possibilities expand while the data consumption minimizes.

CHALLENGE:
The main challenge has been to create the most realistic visual results and reach as many devices as possible. In the first approach we encountered multiple issues regarding the assets load, size and memory consumption in a wide variety of devices. We took into consideration the advances we made in our studies and simplified the options of the user to keep the memory consumption low while being able to keep flawlessly the animations of the 3D world and HUD combined.

ADDED DATE:
2017-02-28 16:22:45

TEAM MEMBERS (2) :
Ivan Moreno - Web Development and Concept and Delia Otetea - 3D Modeling and Design

IMAGE CREDITS:
Delia Otetea
Ivan Moreno

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

VOTE FOR THIS ENTRY

CLIENT/STUDIO/BRAND DETAILS
NAME:
Plus 360 Degrees

PROFILE:
Plus 360 Degrees is an independent studio based in Bremen, Germany. It was founded with the aim to create customized high-end real-time 3D experiences for brands and agencies. Our most well-known works are vehicle configurators, where the users can explore and customize vehicles from any angle. In addition to pioneering new solutions for the automotive industry, we also cater to the aerospace, architecture, fashion and industrial design sectors. In order that we may offer our clients the latest and most advanced solutions, we are in a constant state of research and development. This is why we are always pushing the boundaries of current technology as well as testing different methods of delivering compelling content to end users. We seek theĀ unionĀ of art and performance, knowing that for the best result, the two must always go hand in hand. Our team takes advantage of the power of WebGL to deploy applications for a wide variety of computers and devices.

NOMINATION DETAILS

Car Visualizer Classics Website by Plus 360 Degrees 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.

· The profile and other works by Plus 360 Degrees is also kept secret. This information will also be available later.
AWARD DETAILS

Car Visualizer Classics Website by Plus 360 Degrees is Winner in Website and Web Design Category, 2016 - 2017.



· Press Members: Login or Register to request an exclusive interview with Plus 360 Degrees.

· Click here to view the profile and other works by Plus 360 Degrees.
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 |