Accordion orchestra Euphonia e.V. — Berlin

Website for the Berlin Accordion Orchestra Euphonia.

www.euphonia-berlin.de

HULA – LOOP

Experimental medial circus performace

Artistry, music, animation and programming are interwoven into a synthesis of the arts. Thereby, reality and animated fiction are conjoined throught dance by hula-hoop artist, interactive elements flow into the music and projection, making each show a unique visual experiment. A colourful and explosive experience!

This project was presented as Interactive Installations On The Way an Genius Loci Festival Weimar 2017.

 

Mimesis Relaunch

In cooperation with the studio Happy Little Accidents.

www.fg-mimesis.de

interactive map

a little experiment with svg web technology for book presentations

www.illuise.de/ecki

FullDome Interaction

360-degree interactive video at the Zeiss Planetarium, Jena

With video by Raphael Schard and sound by Julian Becker, this multimedia experience projects every visitor as a fish on the dome of the Zeiss Planetarium, where they float among the beams of light.

This work was presented at the FullDome Festival and Kirchentag 2017 in Jena.

S Y M T R Y

Feel the music.
Dance the text across the screen.

An interactive text animation showcasing a taste of „SYMTRY“, the new album from Fønon.


SYMTRY

Ärztehaus Donaustrasse – Memmingen

Medical Center Website

This website is designed to give quick information about doctors and medical practices at the medical center on Donaustraße in Memmingen, and presents the medical center’s magazine.

Concept and design by Jakob Aschenbach.

aerztehaus-donaustrasse.de

Electro Papercraft

Simulation of a light-sensitive poster

In experiment with mini LEDs, a Conductive Ink Pen, Wire Glue and a light sensor-controlled flash circuit led to a poster with a painted power circuit. The short fanny simulation shows the result.

simulation

Identität & Erbe

Website for a group of scientists

This project was created together with the studio Happy Little Accidents. With numerous functions and page layouts the complex website serves as a platform for representation and cooperation.

www.identitaet-und-erbe.org

Finanzsystem und Gesellschaft

Website for a scientist group from Frankfurt am Main

In co-operation with the studio Happy Little Accidents, a website for tellphones, tablet and desktop was developed and optimized.  For this project, a new calendar was programmed to match the needs of customers.

FG

www.finanzsystem-und-gesellschaft.de

WEIMARSPHERE

Interactive web animation panorama

This panorama created with WebGL, combines the sketches of students and gives the viewers the opportunity to explore different perspectives and independently set the video area to move.

The composition was combined with Jonathan-David Wedler. The music is by Sandra Reyes. In the installation, the drawings and animations of Justine Barthel, Katja Bliß, Had Boureslan, Luise Bollmann, Tobias Boettger, Xinyu Gao, Nina Hopf, Mona wedge, Elham Masoumi, Jenia Mokhtari, Laura Josefine Nitsche, Sandra Reyes, Jonas Steinberg, Sina Stolp , Rika Tarigan, Jonathan David Wedler, Richard Weigert were used. The programming is based on Three.js Examples.

This animation was projected on three screens to be presented in the form of a Panorama at the annual exhibition „summaery2016“ at Bauhaus-University, Weimar.

panorama

WEIMARSPHERE

T•Shoppe

Website for young Berlin real estate broker

Concept was developed by a Berlin designer Martin Lang. The focus of this site is the presentation of real estate property through photo and video gallery. Realized in one page application with approach from AJAX technology.

Tshoppe

Re:Mix

Experimental and interactive music video ‘I DO, WE DO’

In collaboration with the music label Sonar Kollektiv GmbH and the artist Marlow an interactive web site has been generated. On this web page WebGL and Tree.js create a controllable 3D adventure from a 2D video. It is possible to navigate with the mouse and to watch the video in full screen.

This work was presented as an installation at the backup_festival 2016 in Weimar.

Re:Mix

Happy Little Accidents Relaunch

Website relaunch of the design studio Happy Little Accidents.

Particular to this web project is the way of displaying all inputs in a flexible three column layout. The content of every single article can be optionaly arranged in the three columns. A list with a filter function and a picture index cluster gives an overview of all articles.

Happy Little Accidents

Citronella

Preliminary website for an artist and musician

In collaboration with Luise Bollmann a small website was created. This page presents the most important information quickly and playfully.

christina

preliminary site

CONTINUU||M

Web site of an experimental music ensemble

The design of the web page developed by the studio Happy Little Accidents also contains experimental and musical aspects. The technical challenge consisted of programming the header animation with a generative pattern, the navigation with the ‚accordion effect‘ an the audio player regarding the specific design.

CONTINUUM

www.continuu-m.com

Angular Academy

An e-learning platform as a bachelor project (prototype)

The platform serves to impart programmer knowlegde of the Superheroic JavaScript MVW Framework AngularJS, which is also the technical basis of the web page. The significant thing about this platform is that the learning process includes playful aspects. The superferret leads the user through the exercises and motivates him to solve them. Successfully completed lessons give energy to the ferret, which he requires for the final flight. The platform was developed during my internship at FLYACTS GmbH.

academy

academy

Contact

Stepan Boldt

Meyerstraße 70
99423 Weimar

E-Mail: post[at]stepanboldt.de

About me

I’m fascinated by the development of an abstract idea into an elaborate programmed script. As an expert in both web programming and web art, I’m able to use the technology experiment freely with new possibilities of web development. In my process of designing and building a web project, functionality goes hand in hand with visualization. Through this methodology, it’s possible to test a concept from the very first moment of development, and create transparency for colleagues and clients. At each distinct stage of the process, the project is tested carefully and optimized on all browsers and mobile devices.

I developed this specialization through my master’s degree in Media Art and Design at Bauhaus University Weimar, which included an internship at ‚FLYACTS GmbH‘, and app development agency, and work at edu-sharing – Open Source Software Development [note: what’s the formal way to write this ‚edu-sharing‘ thing – is it a company or an organization?]

I like to work with designers on individual web solutions, using the following technologies:
– Html5, css3, Sass
– JavaScript, jQuery, AngularJS, Three.js
– Php, MySql and WordPress as CMS

Most of my projects are realized in cooperation with the design studio ‚Happy Little Accidents‘.

Medien und Mimesis

Programming of the website for the research unit ’Medien und Mimesis’ (’media and mimesis’).

This site was developed in cooperation with the studio Happy Little Accidents.

The challenge of this project was the starting animation referring to the logo of the research unit. By repeating the writing „Medien und Mimesis“ in interaction with the frame of the browser window a generative pattern is formed.

Medien und Mimesis

Archive(s)

Archive(s) is an audiovisual installation

The idea of the installation was conceived with Tania Palamkote. The work is a cube in a space in which, by means of interaction, selected audio files from the Archive of Spoken German can be heard, stored and recombined. Outside the cube the collected voices can be heard, complemented by a projection with words and sentences of the collected and stored material.

 The artists tackle archive theories of Michel Foucault and Jacques Derrida and present it in their own digital interpretation of Sigmund Freud’s note on the „Wunderblock“, a mystic writing pad.

The whole installation is based an web technology. The getUserMedia API allows the device microphone to connect to the system to build new audio files.

This project was presented at the annual exhibition „summaery2016“ at Bauhaus-University, Weimar.

 User Experience

brücken

Website for book series ‚brücken‘

This page gives an easy overview of the series and helps to find detailed texts when interested.

jahrbuch-bruecken.de

Silke Opitz

Website for an art historian, writer of art related essays and books, lecturer and exhibition curator

On first sight, the concept of the studio Happy Little Accidents presents the website in a frame. Each side of the frame can be opened with a 3D effect, transmitting the feeling of entering in a room with the possibility to delve into the content.

Silke Opitz

Nachts – an audioplay by Sarah Mund

University project for the visualisation and transfer of an audio play to the internet (prototype)

Due to the format of this audio play it is possible to listen to the chapters in any order. The chapters are shown as houses, which can be switched to change their order in the audio play. Thereby you get the illusion to listen to the conversations in the houses.

I was responsable for the technical realisation of the design and idea from Sarah Mund. To allow a playful handling of the audio play, I developed an own audio player.

nachts

www.ein-hoerspiel.de

Kaosclown

Website for a professional clown

This website was developed together with the designer Sarah Mund. What is special about it is the use of the slide effect to get to the different parts of the site. The web page is optimised for computer and mobile devices.

kaosclown

Legal Disclosure / GDPR

Resbonsible as defined by §§ 8 to 10 of the Telemedia Act (TMG): Stepan Boldt

Responsibility for the content of external links lies solely with the operators of the linked pages. No violations were evident to me at the time of linking. Should any legal infringement become known to me, I will remove the respective link immediately.

 

© 2014 — 2024 Stepan Boldt. All rights reserved.

Stepan Boldt

Vita & Kontakt

Webentwicklung

Portfolio