GREEN BULL BY ALGANIZE

PRODUCT DESIGN, INTERACTION & SYSTEM STRUCTURE

Context

Green Bull is a consumer-facing home product built on Alganize’s core technology.
The challenge was to translate complex functionality into a clear, trustworthy and conversion-driven digital product experience.

The goal was not only to launch a product — but to structure a system that guides users confidently from first contact to purchase.

My Role

Physical product design
Visual identity development
Information architecture
User flow definition
Interaction logic & state design
Modular layout system
E-commerce implementation (Wix)
Backend automation structure
Performance optimisation

I designed and implemented the entire system independently.

Challenge

How do you communicate a technically complex product in a simple and intuitive way?

How do you build trust early without overwhelming the user?

How do you reduce friction while keeping visual clarity and brand distinctiveness?

System & Interaction Approach

Decision-Oriented Information Hierarchy

The landing page follows a structured behavioural sequence:

Trust → Understanding → Validation → Action

Early conversion is possible within three clicks.
However, the structure does not rush the user. A video and before/after visuals build credibility first, followed by clearly sequenced benefit explanations.

The order of content blocks was intentionally designed to guide attention and reduce cognitive load.

Conversion Flow

Strategic CTA placement across sections
Contextual repetition of primary action
Integrated reviews directly within the product window
Accessible FAQs without breaking flow
Direct contact option for friction reduction

The entire experience prioritises clarity over persuasion pressure.

Interaction Logic & States

Active and inactive button states
Clear form validation feedback
Hover-based micro-interactions to guide focus
Responsive layout adaptation for mobile
Minimal but precise error messaging

Feedback mechanisms reinforce user control and reduce uncertainty.

Implementation & Technical Structure

Green Bull was not handed over to an engineering team — I built the full system myself in Wix.

Interaction logic had to translate directly into production-ready implementation. Layout components were structured modularly to allow reuse, extension and scalability without breaking hierarchy.

Responsiveness, state behaviour and performance were core structural considerations from the beginning.

In addition, I designed and continuously refined the automation logic triggered by user behaviour (interest, subscription, purchase). Each interaction activates a backend sequence ensuring users receive the correct confirmations, documents and follow-up communication.

Frontend interaction and backend automation form one coherent product system.

System Logic & Scalability

The layout is built as a modular component system. Sections can be extended or rearranged without compromising structural clarity.

Spacing, hierarchy and interaction cues are standardised to maintain consistency as the product ecosystem grows.

Design decisions were made not only for launch, but for long-term maintainability.

Iteration & Optimisation

Early versions included embedded videos that negatively affected loading performance. These were replaced with lighter media integration to improve speed and stability.

Post-launch refinements included:

Adjusted spacing and white space to improve visual rhythm
Additional CTA placements for clarity
Improved responsive behaviour across formats
Continuous optimisation of automation sequences

Structural stability allowed for targeted iteration without redesigning the system.

Outcome

High dwell time and strong user engagement
Positive feedback on clarity and usability
Successful product launch within four weeks
Cohesive physical and digital brand system

Green Bull demonstrates how visual identity, interaction logic and technical implementation can function as one integrated product ecosystem.

Product Naming: Omar Khalaf, Volker Weinlein

Product Design, Illustrations & Graphics, Web Design, UI & UX, SEO, Content Creation, Automations and Funnel Optimization: Stef Kayser

Bottle label for the final product

Green Bull started as a naming concept. What it needed was structure — visually, functionally, and strategically.

I worked closely with the team to develop the entire product ecosystem: physical product design, visual identity, and a fully functional multilingual e-commerce platform. The challenge wasn’t just to make it look good. It was to translate a technically complex home product into something people immediately understand and trust.

How do you guide someone from curiosity to purchase in just a few clicks — without pressure, without noise?

I structured the landing page as a clear decision path. First: trust. Then: understanding. Then: action.

The hierarchy wasn’t accidental. Early conversion was possible within three clicks, but the page doesn’t rush you. A video and before/after visuals build credibility and emotional proximity. Product benefits follow in a logical sequence, supported by icons that subtly react on hover — small interaction cues that guide attention without overwhelming the eye.

Active and inactive button states provide feedback. Empty fields are clearly marked. Micro-interactions reinforce the feeling of control. Nothing flashy — just consistent behavioural signals that make the interface feel stable and predictable.

Reviews are integrated directly within the product context, not hidden elsewhere. FAQs are accessible without breaking flow. The header navigation remains intentionally conventional — clarity over experimentation. Every structural choice serves the same goal: reduce friction while maintaining trust.

Performance mattered from the beginning. The site loads fast. The layout adapts cleanly to mobile. Content blocks scale without collapsing the hierarchy. Even under a four-week timeline, I prioritised structural coherence over decorative complexity.

Parallel to the digital system, I designed the physical product and label. The visual language — including the green bull mark — was deliberately developed to feel grounded, approachable, and credible. Not aggressive. Not gimmicky. A brand identity that supports the product logic instead of distracting from it.

Green Bull reflects how I work: I don’t separate visual design from system thinking. Product, interface, interaction and brand form one coherent structure. When users spend time exploring instead of bouncing — when feedback mentions clarity rather than confusion — I know the system holds.

This project wasn’t just about launching fast. It was about building something that feels intuitive from the first scroll to the final click.

stef kayser