Scope

Web Design
Coding

Credits

Florian Kiefer
Sofia Wittmann
Stephanie Moll
Thomas Fäckl
Antonia Aschenbrenner
Marina Scalese
Magdalena Stricker
Sakuya Miesczalok
Marcel Heß

Bluetrac Re-Design

The swiss event organizer company Bluetrac reached out to our university class to redesign their website. Bluetrac wanted to polish their online presence with a website that is reminiscent of a design portfolio to stand out among its competitors.

Scope

Web Design
Coding

Credits

Florian Kiefer
Sofia Wittmann
Stephanie Moll
Thomas Fäckl
Antonia Aschenbrenner
Marina Scalese
Magdalena Stricker
Sakuya Miesczalok
Marcel Heß

Bluetrac Re-Design

The swiss event organizer company Bluetrac reached out to our university class to redesign their website. Bluetrac wanted to polish their online presence with a website that is reminiscent of a design portfolio to stand out among its competitors.

MacBook-Hell

A bold online presence that stands out.

The biggest challenge was to design a page that appears professional while maintaining an artistic explorative or experimental tone. We, therefore, decided to create a minimalistic visual language to appear reliable and professional. We included some animations to contrast the static and sterile feel of the page. We also massively simplified their structure and minimized their subpages.

Projekt-mit-Filter-Kopie

Filter option

Project detail

Projekt-Detail-Kopie

Before & After Homepage

Navigations

Bluetrac also insisted on having a navigation system that is playful, experimental and interactive. We, therefore, conceptualized two navigation systems. The first one is mainly based on Typography. The navigation system is divided into cubes. Whenever the cursor moves over a cube, the cube slowly starts to spin in different angles to cause a puzzling effect.

Web-1920-–-52@2x
Web-1920-–-49@2x
Web-1920-–-50@2x
Bluetrac-Präsentation

Navigation »Cubes«

Web-1920-–-87@2x
Web-1920-–-91@2x
Web-1920-–-89@2x
Web-1920-–-90@2x

Navigation »Rooms«

The second navigation system is based on the idea of three-dimensional rooms. Each room represents a menu item filled with a unique particle system that interacts with the cursor. Opening the menu, it starts with an overview of all rooms. As soon as the user clicks on a specific room, the image begins to zoom into that room while the text slowly disappears. The user is now asked to start scrolling to reveal the page.

Userjourneys

Vorher_Nachher

Selected Works

CerebroInteraction Design

BluetracWeb Design

Johannes SchmidWeb Design

JoiCorporate Design

VorwerkLogo Design

JuliaShort Film

InsideShort Film

NichtsPhotography

ImaginePhotography

Akzidenz GroteskEditorial Design

Alphabet3D Design

WerkschauGraphic Design

VariationsGraphic Design

Contact

Let's chat!
Email:
benhoerman@gmail.com

© Benedikt Hörmannsdorfer 2021, Designer

Privacy Preference Center