Zum Hauptinhalt springen

Autor: Pfahli

ticker. - Live Studio Production

ticker.

Live Studio Production


About

ticker.

ticker. is a cutting-edge web studio production concept aimed at informing young people about critical issues.

The pilot episode focuses on „Article 13“ of the European Union and examines the various impacts it has on the creative industry.

A Design

to stand out

I was responsible for the visual design of the show. After presenting several options and directions, the team decided to adopt a glitch aesthetic approach. I then refined this aesthetic and incorporated it into all the animations used throughout the show.

  • Logo

    The logo for the show was designed to be simple yet effective, with the name of the show prominently featured. To give it a unique touch, I incorporated a wifi-style detail on the „t“ to represent the web show aspect of the production. This subtle nod to the digital nature of the show helped to make the logo immediately recognizable and memorable.

  • Signet

    The signet minimizes the logo to the letter ‚t‘ and is used as an overlay element as well as a logo for social media and other formats that require a simpler logo.

  • Glitch Effect

    The glitch effect on the logo is achieved by separating it into its base colors (red, green, blue), shifting them and using a negative multiplication effect to create a white center. This technique adds a dynamic and modern feel to the logo, fitting the web show format of the production.

  • Background Glitches

    The backgrounds for the show were created using analog TV glitches and distortions similar to those found on a tube television, in order to create a stark contrast with the web-based format of the show.

Green Screen

Keying

Green screen keying is a technique used in video production to superimpose a subject onto a different background. The subject is filmed or photographed in front of a green screen, and the green background is then replaced with a different image or video in post-production. This can be used to create the illusion of a subject being in a different location or to add special effects to a scene.

In our case, we used this technique to create a humorous video about a man representing the Internet, who lives in the void and shares his perspective on the topic with the studio guest. I was responsible for the keying and animation of this clip, ensuring that the final product was seamless and visually appealing.

Motion

Graphics

To explain the concept of Article 13, I created a short explanatory video using animated illustrations. All animations were created using Adobe AfterEffects in conjunction with Adobe Illustrator. We also included a professional voice-over and precisely synced the animations to the audio cues.

Primary

Camera Man

As the primary cameraman for this small live web show, I was responsible for capturing all the action on set. I operated the camera, which had a teleprompter attached, and made sure to frame the shot and focus on the right subject to create visually stunning and engaging footage. I was able to respond quickly and smoothly to requests from the show’s director, moving between different camera angles and positions with ease, ensuring that the final product was polished and professional. My work behind the camera greatly contributed to the success of the show and the positive feedback it received from viewers.


Weiterlesen

Gemüsehof Schuch - Digital Farmers Market

Gemüsehof Schuch

Digital Farm Market


About

the Farm

Gemüsehof Schuch is a multi-generational, family-run vegetable farm located in the Palatine region of Germany. They specialize in growing and selling fresh, high-quality vegetables, not only to large supermarket chains, but also to restaurants and individual customers. The farm places a strong emphasis on sustainable and resource-saving growing methods, ensuring that their produce is not only delicious, but also ethically and environmentally responsible.

A modern

logo

To reflect the personal and sustainable nature of the farm, we chose to design a logo with a hand-drawn style, incorporating recycling paper textures in the background. This gives the logo a unique, rustic and environmentally friendly feel that represents the farm’s values and mission.

Farm market meets

online shop

I was hired to develop a new online shop for Gemüsehof Schuch, which would enable them to sell their fresh produce directly to individuals. The online shop allows customers to place orders online and pick up their purchases directly at the farm, saving valuable time for the employees who no longer have to maintain a dedicated store on the farm. This new online shop is a great addition to their business model and it allows them to reach more customers and expand their business.

  • WooCommerce

    I utilized WordPress and WooCommerce to create a robust solution for both the online shop and content management for Gemüsehof Schuch.

  • Deposit System

    To reduce waste and save on packaging, we integrated a deposit system for small crates that customers can use to transport their purchases. When customers place their next order, they can return the crates and receive their deposit back.

  • Custom Mails

    I implemented customized emails that provide customers with all the necessary information, including pickup times and location.

  • PayPal Connection

    To make the payment process more convenient for customers and reduce the need for handling cash on-site, I integrated PayPal as a payment platform.


Visit gemuesehof-schuch.de


Social

Media

To promote the shop and give customers a glimpse into the daily life of the farm, we set up Instagram and Facebook channels. These channels allow the farm to share pictures and videos of their products, their farm, and the process of growing vegetables. This also creates a more personal connection with the customers and helps to increase their brand awareness.

Promotional

Flyer

A flyer is a great resource for households in the region to learn about the farm’s online shop and how to easily place an order for fresh, locally sourced produce.

One of the most interesting aspect of this flyer is that it’s printed on 100% recycled paper, showcasing the farm’s commitment to sustainability and environmental responsibility. The farm is not only focused on providing high-quality vegetables but also on doing it in an ethical and sustainable way.


Weiterlesen

FC Germania Forst Relaunch

FC Forst

Club Website Relaunch


About

the Club

FC Germania Forst is a local soccer club with over 15 teams and 1,000 members of all ages. The flow of information is vital to keep members and fans informed about games, practices, and events at the club. In the following sections, I’ll highlight some of the significant improvements and opportunities provided by the website relaunch.

A new design

for a new website

I made it my personal mission to create a new club image that can hold its own against even the largest clubs from the first and second leagues.

  • New Design

    The new fonts, clearer color guidelines, and subtle changes to the logo are elevating the club’s design to new heights.

  • Dynamic Content

    All content is dynamically sourced from various places and categorizes to minimize the need for redundant content management.

  • Large Images

    The use of large, high-quality images enhances visual appeal and helps to grab the attention of visitors.

  • Simplified Menus

    To improve usability, the menus have been streamlined to give visitors faster access to the content they are looking for.


Visit fcforst.de


Responsive

Design

For soccer clubs, it’s essential to be easily accessible on the go, as fans want to stay up-to-date with the latest results, read articles and learn more about the team. A significant focus of the changes in user experience was to optimize the interface for seamless adaptation between different screen sizes.

  • Adaptive Grid

    All posts are displayed in a grid that is easily adaptable to different screen sizes by adjusting the number of columns.

  • Large Buttons

    All buttons are large and easy to press with a finger, as well as clearly labeled with their intended function.

  • Filters

    To reduce the need for scrolling through a large number of posts, filters were introduced that allow users to easily sort through the most important categories.

  • Space for Sponsors

    A significant portion of the club’s income comes from sponsors, so it was essential to provide better visibility for their logos and ads on the website, while still keeping the main focus on the content.

Dynamic

Game results

Manually maintaining match results, league tables, and statistics for each team would be a monumental task for the volunteer members of the club. To alleviate this burden, I utilized an API from a regional soccer platform to load all important content dynamically and in real-time .

This allows visitors to access the latest match, a schedule of all past and future matches, league tables, and player statistics such as goals scored, red cards, and additional information.


Germanen

Cloud

Another crucial aspect of the relaunch was the integration of a locally hosted Nextcloud into the club’s operations. This enables active members to create and share documents, access their email, and manage calendars.

Additionally, the Nextcloud is connected to the CMS via oAuth 2.0, providing cross-platform access with a single account and a streamlined user management.

Metrics

after Launch

  • 82.6%

    More Visitors*

  • 2:43s

    Average Session Duration*

  • 3.4

    Pageviews/Session*

  • 92%

    SEO Score**

  • 100%

    Best Practices**

  • 92%

    Accessibility**

* In the first three months, compared to the previous website in the last three months (Bots excluded)
** Google Lighthouse Score (Desktop)


Weiterlesen