Website Design & Development for „HÖFE-N“ Residential Project

Live URL: https://hoefe-n.de/

Project Overview

Role
Web Designer & Developer

Deliverable
Conversion-focused promotional landing page

Industry
Residential Real Estate

The Challenge

HÖFE-N is a sustainable residential development in the Nuremberg metropolitan area targeting two distinct audiences: prospective homeowners seeking modern urban living and investors looking for a tax-efficient real estate opportunity.

The challenge was to communicate both lifestyle and investment value within a single, easy-to-navigate landing page while maintaining a premium visual identity.

My Approach

I designed and developed a clean, conversion-focused single-page website that guides visitors through the project’s key selling points.

Key design decisions included:

– Structuring the content into clearly defined sections for homebuyers and investors.

– Presenting sustainability features, architectural highlights, and financing advantages in an accessible way.

– Integrating apartment floor plans and high-quality imagery to help visitors visualize the living spaces.

– Using strategically placed enquiry forms to encourage users to request the full property exposé.

– Embedding an interactive map highlighting transport links, local amenities, and nearby employers.

Outcome

The final result is a modern, responsive landing page that communicates the development clearly, supports lead generation, and reflects the project’s premium identity.

Website Design & Development for Feinauer Kran- und Hebetechnik

Live URL: https://feinauer-krananlagen.de/

Project Overview

Role
Web Designer & Developer

Deliverable
Corporate website with CMS-managed product catalogue

Industry
Industrial Manufacturing & Crane Technology

The Challenge

Feinauer Kran- und Hebetechnik required a modern corporate website that clearly communicated its services while making an extensive and frequently changing product catalogue easy to maintain.

A key requirement was enabling the client to independently manage products and categories without requiring ongoing developer support.

My Approach

I managed the project from UX/UI design through development, creating a scalable website that balances technical information with a clear user experience.

Key design and development decisions included:

– Designing a structured information architecture for services, products, and company information.

– Configuring and tailoring a CMS to provide an intuitive workflow for managing products and categories.

– Creating reusable product templates that allow new products and used equipment to be added consistently.

– Designing a clean interface that presents complex industrial information in an accessible way.

– Integrating trust-building content such as company history, manufacturing capabilities, and social media.

– Optimizing the website for responsiveness, performance, and future expansion.

Outcome

The final result is a responsive corporate website that enables the client to independently manage their product catalogue while presenting their services through a clear and scalable digital platform.

Website Design & Development for complex Gewerbehof Fürth

Live URL: https://complex-fuerth.de/

Project Overview

Role
Web Designer & Developer

Deliverable
Corporate website with tenant directory

Industry
Commercial Real Estate

The Challenge

Complex Fürth required a modern website that presented the business park as an attractive location for prospective tenants while also serving as a directory for the companies already operating within the complex.

The challenge was to create a visual identity that felt welcoming and approachable, avoiding the often sterile appearance associated with commercial real estate websites, while building a scalable structure that could grow as new tenants joined the business park.

My Approach

I designed and developed the website from concept to implementation, focusing on combining an engaging visual identity with a structured content architecture.

Key design and development decisions included:

– Editing and integrating a hero video to introduce visitors to the property and surrounding area.

– Creating a colorful interface using the brand’s visual identity and custom illustrations to give the website a more approachable character.

– Designing a searchable tenant directory featuring dedicated profile pages for each business, including company information, contact details, and website links.

– Building reusable page templates that allow new tenant profiles to be added and maintained consistently.

– Structuring the website to keep navigation intuitive while supporting future expansion of the directory.

Outcome

The final result is a responsive website that promotes the business park while providing a structured directory for its tenants. The flexible content architecture allows the client to keep the directory up to date as new businesses move into the complex.

Website Design & Development for Moezer GmbH Hochbau & Tiefbau

Live URL: https://moezer.de/

Project Overview

Role
Web Designer & Developer

Deliverable
Corporate website with careers & recruitment section

Industry
Construction & Civil Engineering

The Challenge

Moezer GmbH is a family-owned construction company with nearly 150 years of history. The goal was to modernize the company’s digital presence while preserving the trust and heritage associated with its long-standing reputation.

A key focus of the project was redesigning the careers section to appeal to younger applicants interested in apprenticeships and skilled trades, while maintaining a professional image for commercial clients.

My Approach

I designed and developed a website that balances the company’s traditional identity with a modern, approachable visual language.

Key design decisions included:

– Developing a contemporary UI that combines clean layouts, bold typography, and the company’s existing visual identity.

– Creating a distinctive illustration style alongside authentic photography to make the careers section more engaging and approachable.

– Designing a dedicated recruitment experience focused on apprenticeship opportunities and career development.

– Streamlining the application journey to make finding information and applying for positions as straightforward as possible.

– Integrating social media and team-focused content to showcase the company culture.

– Maintaining a professional presentation across service pages to reinforce credibility with commercial clients.

Outcome

The final result is a responsive corporate website that presents Moezer GmbH as both an experienced construction company and a modern employer. The platform supports business development while providing a dedicated recruitment experience for prospective apprentices and young professionals.

Website Design & Development for Weick Wohnschmiede

Live URL: https://weick-wohnschmiede.de/

Project Overview

Role
Web Designer & Developer

Deliverable
Corporate website

Industry
Interior Design & Custom Woodworking

The Challenge

Weick Wohnschmiede wanted to reposition their brand from a traditional carpentry business to a premium interior design studio focused on custom interiors.

The website needed to communicate craftsmanship, creativity, and attention to detail while moving away from the visual conventions commonly associated with trade businesses.

My Approach

I designed and developed a minimalist website that places the client’s work at the center of the experience while reinforcing their premium brand positioning.

Key design decisions included:

– Structuring the content around complete living concepts and design philosophy rather than individual woodworking services.

– Developing a minimalist visual language using generous whitespace, refined typography, and a restrained color palette.

– Allowing high-quality project photography to become the primary visual element throughout the website.

– Designing layouts inspired by editorial and interior design publications to create a calm, premium browsing experience.

– Implementing smooth animations, responsive layouts, and optimized performance to support the minimalist aesthetic across all devices.

Outcome

The final result is a responsive corporate website that reflects the client’s premium positioning and showcases their craftsmanship through a clean, image-focused design.

Website Design & Development for Erdwaerme Gemeinschaft Bayern

Live URL: https://www.erdwaermegemeinschaft.de/

Project Overview

Role
Web Designer & Developer

Deliverable
Association website with expert directory and educational platform

Industry
Geothermal Heating

The Challenge

Erdwärme Gemeinschaft Bayern e.V. required a website that could support several different audiences. The platform needed to educate homeowners and municipalities about geothermal energy, provide a searchable directory of certified experts, and help member companies attract skilled workers to the industry.

The challenge was to present a large amount of information in a way that remained clear, approachable, and easy to navigate.

My Approach

I designed and developed a scalable platform that combines educational content with interactive tools.

Key design decisions included:

– Creating a searchable expert directory with filtering and map integration to help users find certified geothermal specialists.

– Designing a clean visual identity inspired by sustainability while maintaining a professional and trustworthy appearance.

– Structuring educational content into clear sections covering geothermal energy, funding opportunities, downloads, and industry initiatives.

– Developing dedicated landing pages for campaigns such as the Erdwärme Award.

– Integrating a recruitment section to support member companies in attracting skilled professionals.

– Organizing the site’s information architecture to accommodate a large amount of content without overwhelming users.

Outcome

The final result is a responsive platform that combines educational resources, an expert directory, and recruitment features within a structured and easy-to-manage website.

Website Design & Development for equadra

Live URL: https://equadra.de/

Project Overview

Role
Web Designer & Developer

Deliverable
Corporate website with scalable project management templates

Industry
Real Estate Consulting

 Key project highlight

Delivered from initial concept to live website and client handover within 4 weeks, including template setup and training for independent content management.

The Challenge

equadra GmbH required a modern corporate website that would serve as the central platform connecting church property owners, developers, and investors involved in the transformation of church-owned real estate in Bavaria.

The website needed to support a growing portfolio of development projects while allowing the client to manage and expand the platform independently after launch. The entire project had to be completed within a strict one-month timeframe.

The challenge was to present a large amount of information in a way that remained clear, approachable, and easy to navigate.

My Approach

I designed and developed a scalable website focused on long-term maintainability and efficient content management.

Key design decisions included:

– Building the site with a modern page-builder workflow to accelerate development while maintaining a consistent design system.

– Creating reusable section and project templates for real estate case studies, allowing the client to add new projects without redesigning layouts.

– Structuring the backend for easy content updates and future expansion of the project portfolio.

– Designing a clean, professional interface that communicates trust and credibility to both church representatives and real estate investors.

– Providing onboarding and training sessions so the equadra team could confidently manage the website independently after handover.

Outcome

The final result is a responsive, scalable website delivered within the one-month deadline. The platform enables equadra to independently manage and expand its project portfolio while presenting its consulting services through a clear and professional digital presence.

Website Design & Development for IDS InterDachSysteme

Live URL: https://idsgmbh.net/

Project Overview

Role
Web Designer & Developer

Deliverable
Corporate website with recruitment section

Industry
Roofing & Waterproofing

The Challenge

IDS GmbH required a modern website that reflected over 25 years of experience while presenting the company as a reliable partner for both commercial and private clients.

The platform needed to clearly communicate a broad range of specialized roofing services, support lead generation, and provide a dedicated recruitment section to help attract skilled professionals.

My Approach

I designed and developed a website focused on trust and clarity.

Key design decisions included:

– Designing a structured information architecture that clearly presents the company’s specialized services.

– Highlighting experience, certifications, and industry partnerships to reinforce trust and credibility.

– Creating dedicated service pages that allow different target groups to quickly find relevant information.

– Developing a careers section that showcases the company culture and simplifies the application process for prospective employees.

– Placing clear calls to action throughout the website to encourage enquiries and consultations.

Outcome

The final result is a responsive corporate website that strengthens the company’s digital presence, clearly communicates its expertise, and supports both customer enquiries and recruitment.

Logodesign for Café30 | Wohnstift am Tiergarten

Project Overview

Role
Graphic Designer

Deliverable
Logo Design

Industry
Hospitality

The Challenge

Café30 is a café located within a nursing home near the Nuremberg Zoo. Despite its location, the café was intended to be a welcoming destination for everyone, not just residents and visitors of the nursing home.

The goal was to create a modern, minimalistic identity that felt premium and approachable while avoiding visual clichés often associated with elderly care or traditional cafés.

My Approach

I explored several visual directions before presenting three concepts to the client.

The final concept focused on a clean typographic solution that communicates quality through simplicity.

Key design decisions included:

– Designing a custom „30“ that complements the chosen typeface and creates a unified wordmark.

– Replacing the accent above the é with a subtle steam symbol, reinforcing the café theme without relying on obvious coffee cup icons.

– Using a restrained, minimal composition to create a contemporary and premium appearance.

– Keeping the identity approachable and timeless so it appeals to a broad audience rather than feeling tied to the nursing home.

Design Process

Three concepts were developed during the exploration phase, each interpreting the brand in a different way.

– Concept 1: A typographic logo inspired by a house number plaque, referencing the building number that gave the café its name.

– Concept 2: A more playful concept combining typography with a coffee cup icon incorporating the number „30.“

– Concept 3 (Selected): A custom typographic wordmark featuring an integrated steam symbol, providing the cleanest and most distinctive solution.

Outcome

The selected logo gives Café30 a modern and recognizable identity that stands on its own while remaining subtle, elegant, and welcoming. Its minimal design reflects the café’s premium atmosphere and supports the goal of attracting both nursing home visitors and the wider public.

Arch | Channel Branding & Thumbnail Design

Project Overview

Role
Graphic Designer

Deliverable
YouTube channel branding & thumbnail design

Industry
Digital Media

The Challenge

Arch required a cohesive visual identity that would help establish a recognizable presence on YouTube. The goal was to create branding that felt modern and minimal while ensuring each video thumbnail remained clear, engaging, and immediately communicated its topic.

A key requirement was to avoid the cluttered, overly saturated style commonly found on YouTube in favor of a cleaner and more refined visual language.

My Approach

I designed the channel branding and developed a consistent thumbnail system that balances strong visual impact with clarity.

Key design decisions included:

– Designing a YouTube banner that establishes a clean and recognizable channel identity.

– Creating 10 of the channel’s 13 video thumbnails using a consistent visual system.

– Using restrained color palettes and high contrast to maintain readability across desktop and mobile devices.

– Prioritizing clear visual hierarchy and negative space to keep each thumbnail easy to understand at small sizes.

– Distilling each video’s main topic into a single, recognizable visual concept rather than relying on excessive text or visual effects.

Outcome

The final result is a cohesive visual identity that gives the channel a consistent appearance across its branding and video library while helping individual videos remain easily recognizable.

Game Mechanics I HATE | Video Production & Creative Direction

Live URL: https://youtu.be/W4pkFtYeP-E

Project Overview

Role
Creative Director & Video Editor

Deliverable
YouTube video production

Industry
Digital Media

The Challenge

The client provided a completed script but had very limited availability during production. This meant I was responsible for shaping the project’s creative direction and managing the production process independently.

The challenge was to transform the script into a complete visual experience, including storyboarding, motion design, asset coordination, editing, sound design, and sponsorship integration while maintaining a consistent pace and visual identity throughout the video.

My Approach

With minimal creative input during production, I took ownership of the project from pre-production through final delivery.

Key design decisions included:

– Translating the script into a detailed storyboard and defining the visual direction.

– Identifying the required assets and coordinating with an external illustrator throughout production.

– Editing the video and creating custom motion graphics and kinetic typography.

– Producing the complete sound design and audio mix to support pacing, humor, and transitions.

– Conceptualizing and producing a sponsorship segment that remained visually consistent with the rest of the video.

– Managing the overall production pipeline, ensuring each stage was completed on schedule and aligned with the original vision.

Outcome

The final result is a fully produced YouTube video that combines storytelling, motion graphics, sound design, and creative direction into a cohesive viewing experience. The project demonstrates my ability to independently manage a complex production from script to final delivery while coordinating multiple creative disciplines.

The Best FPS Nobody Plays

Live URL: https://youtu.be/rmumIrl85rc

Project Overview

Role
Creative Director & Video Editor

Deliverable
YouTube video production

Industry
Digital Media

The Challenge

The project centered around transforming a completed script about an underrated first-person shooter into a visually engaging YouTube video. Since many viewers would be unfamiliar with the game, the visuals needed to clearly communicate its gameplay, strengths, and atmosphere while maintaining a fast-paced and entertaining viewing experience.

The production also required close collaboration throughout the creative process, ensuring that the visual direction remained aligned with the creator’s vision while coordinating external asset production.

My Approach

Working closely with the creator, I managed the visual production process from storyboard to final delivery.

Key design decisions included:

– Developing a storyboard that established the video’s pacing, transitions, and visual structure.

– Collaborating with an external illustrator by preparing briefs, reviewing assets, and ensuring consistency throughout production.

– Editing the video with a strong emphasis on pacing, visual clarity, and comedic timing.

– Creating custom motion graphics and animations that reinforced key moments and maintained visual momentum.

– Coordinating the production pipeline to ensure the final video remained visually cohesive from beginning to end.

Outcome

The final result is a professionally produced YouTube video that combines storytelling, motion design, editing, and creative collaboration into a polished viewing experience.

Whiteout | Animated Short Film

Live URL: https://youtu.be/NbTV4RQ4Uyg

Project Overview

Role
Creative Director, 3D Artist & Animator

Deliverable
4-minute animated short film

Industry
Animation

The Challenge

As my bachelor thesis, this project required me to independently produce a complete 3D animated short film. I was responsible for every stage of production.

The film tells the story of a boy who drops his phone inside a moving car. Despite his father’s exaggerated warning not to switch on the interior light, he does so anyway. The challenge was to balance suspense, exaggerated dialogue, and comedic timing within a four-minute runtime, building tension before ending with an absurd and humorous payoff.

My Approach

I planned, designed, and produced every aspect of the project, combining storytelling, animation, and technical execution into a single production pipeline.

Key design decisions included:

– Writing the script and creating storyboards to establish the narrative, pacing, and shot composition.

– Designing and modeling all characters and environments to support a cohesive visual identity.

– Developing a cel-shaded rendering style inspired by comic books and stylized animation.

– Animating on twos and threes to create a deliberate, handcrafted look instead of smooth, realistic motion.

– Designing the characters with simplified geometric forms that reinforce their personalities and relationship throughout the story.

– Producing the lighting, compositing, editing, and sound design to create a consistent atmosphere and support the film’s emotional progression.

– Managing the complete production pipeline independently, ensuring each stage of the project remained aligned with the overall creative vision.

Outcome

The completed short film demonstrates my ability to independently manage a full 3D animation pipeline while combining storytelling, modeling, animation, lighting, editing, and sound design into a cohesive final production.

Additional Material

This project was completed as my bachelor thesis. The accompanying paper documents the creative process, production pipeline, artistic decisions, and technical implementation behind the film.