Category: portfolio_EN

  • Ruby & Klara

    Ruby & Klara

    Ruby & Klara

    Discover your inner world.
    Every day, knowledge and memories grow within you. And your feelings and emotions keep changing.
    Whether you’re navigating tough situations, want to structure your knowledge, or boost your resilience,
    Ruby & Klara help you sort and understand.

    Ruby

    This is Ruby.

    With empathy and foresight, Ruby guides you through the chaos into your world.

    Chat

    Let it all out
    from your head.

    As you write, Ruby sorts your thoughts and
    helps you properly categorize your feelings.

    Good morning! It’s Monday, February 9, 2026, and it’s still winter (brrr)!
    How’s it going with your scientific statement?
    I made little progress; the publications are all new to me,
    since I’m from a completely different field.
    That sounds like a real challenge!
    What troubles you most about the new publications?
    Terms, federal structures in education, limited options.
    Those are very understandable difficulties.
    How does it feel when you see these differences?
    It’s exhausting, but it doesn’t change my motivation.
    Artwork

    A visual gesture

    Ruby synthesizes colors from your feelings and uses meaningful symbols to give you a gesture of joy as an image.
    Tap the dots for their meaning.

    AI Art
    A gentle water lily embodies grace and resilience – beauty and strength blooming even in still waters.
    A glittering dewdrop stands for purity and renewal – every morning is a new chance.
    Yellow stands for optimism – a sunbeam bringing hope and new perspectives.
    A glowing feather symbolizes lightness and freedom.
    Dark magenta promotes creativity and self-love – your inner strength and uniqueness.
    Intense blue represents calm and clarity – like a still lake reflecting serenity.
    Klara

    This is Klara.

    Klara organizes your thoughts in the background.
    She builds a memory network so Ruby understands you better each day.

    Network

    Memories
    interwoven

    Klara connects your thoughts, feelings, and experiences into a dynamic network.
    This reveals patterns that help you recognize connections.

    Joy Calm Stress Work Travel Family Friends Partner Career Health Growth
    BuJo

    Your world,
    captured

    Automatic and personal.
    Ruby summarizes your world daily in a smart bullet journal.
    Add voice notes, stickers, health tracker, photos, and more.

    Your Gallery

    Your collection grows automatically.
    So you can immerse yourself in your memories anytime.

    Your Year

    Keep track of your mood.
    Every day you tell Ruby how you’re feeling.
    This creates your personal mood calendar.

    2026
    Mild
    Intense

    Ready?

    Be there when Ruby & Klara open their eyes for the first time.

    Join the Beta now
    Join the Beta

    Be there when Ruby & Klara open their eyes for the first time.
    Fields marked with * are required.

  • Artificial Intelligence

    Artificial Intelligence

    AI · Consulting & Implementation

    Artificial Intelligence –
    applied, explained, experienced

    We make AI visible: interactive dashboards, generative design and hands-on education for companies that don’t just want to use AI, but truly understand it.

    All demos on this page run live in the browser
    Services

    What we deliver

    Four focus areas with direct links to real-world examples.

    📊

    Dashboards & Statistical Forecasting

    Interactive real-time dashboards with predictive analytics: from KPI overviews to ML-driven forecasts. Raw data becomes reliable decision-making input.

    PythonPredictive ML Time SeriesPlotly
    View examples
    📈

    Data Visualization

    Complex datasets made visual – from scientific plots to interactive web visualizations. Also specialized: biological structure data, AlphaFold outputs & more.

    D3.jsPlotly AlphaFoldMatplotlib
    View examples
    🎨

    Branding & Design with AI

    Adobe Firefly for consistent brand assets: icons, illustrations, social media content. Generative AI as a creative tool always focused on your brand identity.

    Design asset
    Design asset
    Design asset
    Adobe FireflyPromptingBranding
    View examples
    🐻‍❄️

    AI Chatbots & Dynamic Content

    From simple FAQ bots to NLP-powered assistants that autonomously qualify and route customer inquiries. Knut, the polar bear in the bottom right – is a live example: privacy-compliant, European, EU AI Act-ready.

    Dynamic content means: your website speaks to every visitor individually through personalized content, language, or layout based on location, time, or behavior.

    🇪🇺 Powered by Mistral AI · European · GDPR-compliant
    🧠

    Learn & Apply AI Tools

    Practical introductions – no dry theory courses, but hands-on: prompting strategies, generative image tools (Firefly), scientific AI (AlphaFold, protein structures), industry-specific tools.

    Firefly / PromptingAlphaFold Science & ResearchBio Industry Tools
    Request a workshop
    Example Topics
    Firefly prompting for consistent branding
    Google Deepmind AI applications (e.g. AlphaFold for protein interactions)
    AI in scientific research: Tools that accelerate discovery
    Industry-specific tools upon research
    Live Demos

    AI You Can Touch

    Four interactive demos showcasing real methods – with direct business relevance. All data in the demos is synthetic unless otherwise noted.

    Demo · Clustering

    Customer Segmentation with K-Means

    Click on the canvas to place customer data points (e.g. purchase frequency vs. basket value). Press “Segment” – the algorithm automatically groups them into k clusters. In practice: the basis for targeted marketing campaigns.

    No points yet
    Demo · Churn Prediction

    Which Customer Will Churn Next?

    Adjust the sliders and watch how customer clusters shift between “stays” and “at risk.” In practice: proactive retention measures before cancellation.

    ✦ Synthetic data for method illustration

    Demo · Explainable AI

    Credit Decision with SHAP Explanation

    Set the customer data – the AI decides and explains which factors were weighted and how strongly. In practice: transparent decisions per GDPR Art. 22 & EU AI Act.

    ✓ Approved
    SHAP Factors

    ✦ Synthetic data · Illustrative model · Not financial advice

    Demo · Forecasting Model

    Revenue Forecast: What-If Scenarios

    Set market parameters and see how an ML model forecasts annual revenue in 12-month steps – with confidence interval. In practice: the basis for budget planning and investment decisions.

    Year-1 Forecast
    CAGR

    ✦ Synthetic model · Not financial advice

    Showcase

    Experience Dynamic Content Live

    Choose a scenario: Content, language, and presentation adapt automatically. Your selection is captured in real time and displayed in the chart.

    Choose a Scenario

    Dynamic Content

    This section demonstrates how content can change based on context – location, time of day, language, and more.

    Scenario Clicks from All Visitors (Live Aggregation)
    Clicks are aggregated server-side & visualized live (REST API + JSON).

    Ready to Start a Project Together?

    Whether it’s a dashboard, generative design, or an AI workshop – we’re happy to advise you, no strings attached.

    🇪🇺 Mistral AI – European 🔒 GDPR-compliant ⚡ Quick start

    What Are SHAP Values?

    SHAP (SHapley Additive exPlanations) explains how much each feature contributed to an AI model’s decision. A high positive SHAP value means: this feature strongly pushed the decision toward “approval.” Negative values have the opposite effect.

    This method is part of Explainable AI (XAI) – a key concept for transparent, fair, and regulation-compliant AI systems.

  • Branding

    Branding

    Interactive Branding & Visual Identity

    Examples

    Construction Helper

    Precision in your pocket

    Construction Helper logo
    Headline / Space Grotesk
    CONSTRUCTION HELPER
    System / JetBrains Mono
    f_cd = alpha_cc * f_ck / gamma_c
    #6FC3E5
    #3081BD
    #183D68
    #FFFFFF

    Technical “brutalist” click

    Visuals: Blueprint grid & 1 px line weight.
    Interaction: Tactile feedback & sharp edges.
    Values: Precision, code compliance, efficiency.
    UX: Minimal, technically clean navigation.

    Wild & Brew

    Plants · Coffee · Calm

    Wild & Brew Logo
    Display / Playfair Display
    Wild & Brew
    Where green meets indulgence
    System / IBM Plex Mono
    Monstera deliciosa — €24.90
    Flat White • Oat • €3.80
    Sage
    #7A9E7E
    Olive
    #4A6741
    Cream
    #F5F0E8
    Latte
    #C8B9A0
    Bark
    #3B2F2F

    Organic-soft click with ripple effect

    Visuals: Organic shapes, soft radii, botanical pattern accents.
    Interaction: Gentle hover effects, ripple animations, “breathing” UI.
    Values: Slow living, sustainability, handcrafted.
    UX: Warm color spaces, generous whitespace, natural material feel.

    Farm
    fresh
    to you

    Fieldstead

    Farm Shop · Craft · 24/7

    Fieldstead Logo
    Serif / Libre Baskerville
    Fieldstead
    Honest. Seasonal. From the farm.
    Mono / Source Code Pro
    Farmhouse Cheese — 250g — €4.20
    6 Free-Range Eggs • €2.80
    Straw
    #E8DCC8
    Terra
    #B8703F
    Earth
    #5C3D2E
    Moss
    #6B7B4C
    Cream
    #FAF6F0
    Ink
    #2A1F17
      • Strawberries  • Pinot Noir Jam  • Fresh Farmhouse Cheese  • Waxy Potatoes  • Handmade Pasta  • Farm-Raised Ground Beef  • Pasture Eggs  • Cloudy Apple Juice  • Goat Cheese  • Seasonal Vegetables  • Strawberries  • Pinot Noir Jam  • Fresh Farmhouse Cheese  • Waxy Potatoes  • Handmade Pasta  • Farm-Raised Ground Beef  • Pasture Eggs  • Cloudy Apple Juice  • Goat Cheese  • Seasonal Vegetables  

    Offset shadow with tactile press effect

    Visuals: Cross-hatch grid, stamp elements, double border lines.
    Interaction: Offset shadows, sepia-to-color filter, scrolling ticker.
    Values: Transparency, short supply chains, seasonal honesty.
    UX: Editorial style, newspaper feel, artisanal attention to detail.

    Visual Identity That Works

    Strong branding is more than a logo and a color palette. It is the visual system
    that makes your brand consistent and recognizable at every touchpoint, from the
    website to the app to the business card.

    We develop branding concepts that combine strategy and aesthetics: color systems
    with clear logic, typography that fits the industry, and interactive elements that
    bring your digital presence to life. Each concept is documented as a complete design
    system with guidelines, components and application examples.

    What We Deliver

    Color palettes with contrast values and accessibility checks. Typography combinations
    with usage rules. Icon sets in a consistent style. Interactive prototypes that show
    how the branding feels in practice. Everything in one document that your team can use
    immediately.