Min Grønne Oase

Category:

E-Commerce

Role:

UX Designer, Product Designer, AI Concept Development

Duration:

3 weeks

Client: Personal project

Summary

My Grønne Oase is an AI-powered concept that helps users transform existing outdoor spaces into greener and more atmospheric environments. By combining image analysis, user preferences, and generative AI, the solution provides realistic visual recommendations that can be implemented in real life.

Summary

My Grønne Oase is an AI-powered concept that helps users transform existing outdoor spaces into greener and more atmospheric environments. By combining image analysis, user preferences, and generative AI, the solution provides realistic visual recommendations that can be implemented in real life.

Summary

My Grønne Oase is an AI-powered concept that helps users transform existing outdoor spaces into greener and more atmospheric environments. By combining image analysis, user preferences, and generative AI, the solution provides realistic visual recommendations that can be implemented in real life.

The Challenge

Many people want greener and more atmospheric outdoor spaces, but lack the knowledge, overview, and visual imagination needed to get started. It can be difficult to assess what fits the space’s size, lighting conditions, style, and personal level of plant experience.


The Challenge

Many people want greener and more atmospheric outdoor spaces, but lack the knowledge, overview, and visual imagination needed to get started. It can be difficult to assess what fits the space’s size, lighting conditions, style, and personal level of plant experience.


The Challenge

Many people want greener and more atmospheric outdoor spaces, but lack the knowledge, overview, and visual imagination needed to get started. It can be difficult to assess what fits the space’s size, lighting conditions, style, and personal level of plant experience.



Process

AI played a central role throughout the entire process. Used as an active collaborator, AI supported ideation, exploration, validation, and decision-making across all phases of the project, enabling rapid iteration while creating a documented trail of decisions, insights, and design rationale.



Brainstorm & Concept Development

ChatGPT was used as a structured sparring partner during the early concept development phase. Through an iterative dialogue, ideas were refined, challenged, and expanded step by step. This process helped identify opportunities to differentiate the solution from existing market offerings while creating a documented trail of decisions, assumptions, and design rationale that informed the subsequent development work.

Iterative
prompt
chaining

Market and
competitor
analysis

Overall
concept
breif


Feedback & Validation

Claude as a critical reviewer. Claude reviewed the concept brief with a sharp focus on strengths, weaknesses, and pitfalls. Claude challenged assumptions, helping identify six critical improvements.

Transformation is technical, expensive, and quality is the biggest pitfall

Concept for exactly this and test the possibilities



Transformation is technical, expensive, and quality is the biggest pitfall

Concept for exactly this and test the possibilities


Too many steps before the user sees anything visual

Show a quick mood analysis with a single line and reduce the perceived waiting time

The style categories overlap

Attach an image to each style in the UI. Visual selection is faster and reduces cognitive overload

Experience level is underused

Define 2–3 concrete rules per level (e.g. maintenance frequency) so the AI prompt is deterministic, not random.

No error handling for poor images

Define a "soft fail" experience: AI explains what it cannot evaluate the selected preferences.

No error handling for poor images

Define a "soft fail" experience: AI explains what it cannot evaluate the selected preferences.



Opportunity

"Save your look" by allowing users to download or share their transformation as an image, the use of the solution are strengthened.

Opportunity

"Save your look" by allowing users to download or share their transformation as an image, the use of the solution are strengthened.



Testing the Image Transformation

I tested the image transformation in ChatGPT, and the outcome of the transformed images wasn't as I wished. Therefore it was necessary to establish system prompts for the transformation. Instructions:

  • AI must not change the room's basic structure, perspective, lighting conditions, etc. (extra strict instruction added)

  • Usability over wow factor: the success criterion is the most usable transformation — not the largest possible transformation

  • Experience level and style direction as concrete parameters to differentiate the outputs from one another


I tested the image transformation in ChatGPT, and the outcome of the transformed images wasn't as I wished. Therefore it was necessary to establish system prompts for the transformation. Instructions:

  • AI must not change the room's basic structure, perspective, lighting conditions, etc. (extra strict instruction added)

  • Usability over wow factor: the success criterion is the most usable transformation — not the largest possible transformation

  • Experience level and style direction as concrete parameters to differentiate the outputs from one another



Building the Web Application

After refining the image transformation process, the concept was translated into a functional web application. ChatGPT helped create a master prompt for Codex, while an early prototype was built with mock data to validate the experience. As the project evolved, I explored API integrations, tested multiple LLMs and image models, and ultimately selected a multimodal solution that delivered more consistent and cost-effective results.

Master Prompt & Vibe-coding

combined all decisions into one clear instruction for Codex.


Master Prompt & Vibe-coding

combined all decisions into one clear instruction for Codex.


Local Prototype

Tested the solution locally with mock

data, and clarified the structure, flow,

and UI adjustments.

Local Prototype

Tested the solution locally with mock

data, and clarified the structure, flow,

and UI adjustments.

Integrated API

Investigated relevant LLMs, image

models, and multimodal models for

the desired output.

Integrated API

Investigated relevant LLMs, image

models, and multimodal models for

the desired output.


Key learnings

Throughout the project, AI was not only the subject of the solution but also an active part of the design and development process. Working across multiple AI tools, models, and workflows provided valuable insights into both the strengths and limitations of AI-assisted product development, from prompt engineering and model selection to reliability, consistency, and decision-making.

Good prompt

engineering improves

output quality

AI Persistent Memory

AI remembers info

across conversations

AI Persistent Memory AI remembers across conversations

Cross-model validation

each model has its

own strengths

AI overconfidence and

hallucinations - tendency

to overdeliver and invent

content

AI overconfidence &

hallucinations, tendency to overdeliver and invent content


Reflection

This project demonstrated how AI can support the entire product development lifecycle, from ideation and research to visual generation and implementation. It also highlighted the importance of validation, prompt engineering, and careful model selection when designing AI-powered experiences.


MVP Version

The current solution represents a first MVP (Minimum Viable Product) designed to validate the core concept and user experience. While the initial feedback has been positive, user testing has already revealed opportunities for refinement and several ideas for future development. These insights will help shape the next iterations of the product and further improve both functionality and user value.

The images below showcase the current MVP version of the application.