Santaniorganics

Big-Bang activation with fruits

Big-Bang activation with fruits

Santaniorganics is an emerging organic soft drink brand founded by Tess, Suzanne, and Menno. The brand targets a younger audience that prioritizes lifestyle, personal growth, and social media engagement. Santaniorganics aims to set a new standard for organic beverages, appealing to socially aware and trend-focused consumers.

Santaniorganics is an emerging organic soft drink brand founded by Tess, Suzanne, and Menno. The brand targets a younger audience that prioritizes lifestyle, personal growth, and social media engagement. Santaniorganics aims to set a new standard for organic beverages, appealing to socially aware and trend-focused consumers.

Client

Santaniorganics

Role

Designer

Service

Campaign

Activation

Tools

Figma

Midjourney

Next.js

Category

UX / UI Design

Brand Identity

Year

2023 - 2024

Client

Santani

organics

Role

Researcher

Designer

Service

Workshop

Tools

Figma

Midjourney

Next.js

Category

UX / UI Design

Brand identity

Year

2023 - 2024

The problem

The problem

The problem

Santaniorganics faced the challenge of establishing itself in a competitive market. They aimed to launch in metropolitan areas of the Netherlands and Ibiza, focusing on building both brand and proposition awareness. They sought to create a lifestyle-driven community aligned with their "The Art of Balance" philosophy. With a limited budget, the task was to develop a creative, impactful campaign across multiple channels to achieve these goals.

Santaniorganics faced the challenge of establishing itself in a competitive market. They aimed to launch in metropolitan areas of the Netherlands and Ibiza, focusing on building both brand and proposition awareness. They sought to create a lifestyle-driven community aligned with their "The Art of Balance" philosophy. With a limited budget, the task was to develop a creative, impactful campaign across multiple channels to achieve these goals.

Santaniorganics faced the challenge of establishing itself in a competitive market. Aiming to launch in metropolitan areas of the Netherlands and Ibiza, focusing on building both brand and proposition awareness. They sought to create a lifestyle-driven community aligned with their "The Art of Balance" philosophy. With a limited budget, the task was to develop a creative, impactful campaign across multiple channels to achieve these goals.

The problem

Santaniorganics faced the challenge of establishing itself in a competitive market. They aimed to launch in metropolitan areas of the Netherlands and Ibiza, focusing on building both brand and proposition awareness. They sought to create a lifestyle-driven community aligned with their "The Art of Balance" philosophy. With a limited budget, the task was to develop a creative, impactful campaign across multiple channels to achieve these goals.

The solution

The solution was to design a visually immersive website that brought a dreamlike world to life through scrolling interactions. This imaginative digital space was crafted with vibrant fruity elements, each featuring unique motion animations.


The concept drew inspiration from innovative web experiences like the "Gucci Spring/Summer Collection" and "Polestar Hong Kong," aiming to create a platform that was not only informative but also aesthetically captivating. The goal was to reflect the brand's DNA and vision, offering users a unique and interactive journey that resonated with Santaniorganics' commitment to creativity and quality.

The solution

The solution

The solution was to design a visually immersive website that brought a dreamlike world to life through scrolling interactions. This imaginative digital space was crafted with vibrant fruity elements, each featuring unique motion animations.


The concept drew inspiration from innovative web experiences like the "Gucci Spring/Summer Collection" and "Polestar Hong Kong," aiming to create a platform that was not only informative but also aesthetically captivating. The goal was to reflect the brand's DNA and vision, offering users a unique and interactive journey that resonated with Santaniorganics' commitment to creativity and quality.

The solution was to design a visually immersive website that brought a dreamlike world to life through scrolling interactions. This imaginative digital space was crafted with vibrant fruity elements, each featuring unique motion animations.


The concept drew inspiration from innovative web experiences like the "Gucci Spring/Summer Collection" and "Polestar Hong Kong," aiming to create a platform that was not only informative but also aesthetically captivating. The goal was to reflect the brand's DNA and vision, offering users a unique and interactive journey that resonated with Santaniorganics' commitment to creativity and quality.

The solution was to design a visually immersive website that brought a dreamlike world to life through scrolling interactions. This imaginative digital space was crafted with vibrant fruity elements, each featuring unique motion animations.


The concept drew inspiration from innovative web experiences like the "Gucci Spring/Summer Collection" and "Polestar Hong Kong," aiming to create a platform that was not only informative but also aesthetically captivating. The goal was to reflect the brand's DNA and vision, offering users a unique and interactive journey that resonated with Santaniorganics' commitment to creativity and quality.

My role

My role

As part of Les Bleu(e)s, a mini digital agency within code d'azur, I led co-creation sessions, created wireframes, and developed the website's visual design as the digital designer. I presented my work to the client, gathered their feedback, and integrated it into refined designs. The process began with competitor research and creating statement cards to capture key insights for the design. During the delivery phase, I took detailed notes during co-creation sessions with the client and collaborated closely with Les Bleu(e)s on the final design. leading to the final website.

As part of Les Bleu(e)s, a mini digital agency within code d'azur, I led co-creation sessions, created wireframes, and developed the website's visual design as the digital designer. I presented my work to the client, gathered their feedback, and integrated it into refined designs. The process began with competitor research and creating statement cards to capture key insights for the design. During the delivery phase, I took detailed notes during co-creation sessions with the client and collaborated closely with Les Bleu(e)s on the final design. leading to the final website.

As part of Les Bleu(e)s, a mini digital agency within code d'azur, I led co-creation sessions, created wireframes, and developed the website's visual design as the digital designer. I presented my work to the client, gathered their feedback, and integrated it into refined designs. The process began with competitor research and creating statement cards to capture key insights for the design. During the delivery phase, I took detailed notes during co-creation sessions with the client and collaborated closely with Les Bleu(e)s on the final design. leading to the final website.

My role

As part of Les Bleu(e)s, a mini digital agency within code d'azur, I led co-creation sessions, created wireframes, and developed the website's visual design as the digital designer. I presented my work to the client, gathered their feedback, and integrated it into refined designs. The process began with competitor research and creating statement cards to capture key insights for the design. During the delivery phase, I took detailed notes during co-creation sessions with the client and collaborated closely with Les Bleu(e)s on the final design. leading to the final website.

The briefing

At the start of the project, my team and I received a briefing from Santani, introducing the brand, its identity, and its founders. The assignment was to develop a 'big bang' brand activation campaign, focusing on launching in metropolitan areas of the Netherlands and Ibiza.


The objective was to enhance brand and proposition awareness, driving engagement in both B2C and B2B markets. Santani aimed to distinguish itself in the organic soda industry through its unique qualities: fresh organic fruit (40%), gourmet flavors of exceptional quality, and a commitment to sustainability.

Research:

Competitor research

After the briefing, I conducted competitor research to analyze the organic soda market and identify how Santani could stand out. I conducted this research to support Anastasia, the strategist, in creating a debriefing deck for presentation to the Santani clients.


The findings from my research, combined with Anastasia is that most brands embraces what is good for your health and that is fun and freeing, wellness playes a big factor. The second one is that brands integrates into your aesthetic, and last one is and building a party loving community. These insights are the blueprints for creating a unique campaign to reach the target audience.


The debriefing presentation marked the conclusion of this phase and provided the groundwork to begin brainstorming concepts.

Concept:

How Might We

During the concept phase, I actively contributed to the ‘How Might We’ (HMW) method, led by Senne. This brainstorming technique, part of the design thinking process, helps transform challenges into positive, open-ended questions that inspire new ideas and solutions. We began by reframing problems into potential solutions. Based on our research into the product and market trends, we identified three directions: focusing on community and lifestyle, emphasizing the can/soda, and the general product approach.


For each direction, we asked three guiding questions and spent 10 minutes brainstorming answers on sticky notes. Afterward, my team and I voted on the most suitable ideas to refine our concept further. However, with an overwhelming number of ideas, we took a step back to view the bigger picture, which helped us define a clear path forward.

Concept:

Activation Message

During the second brainstorming session, we focused on refining the activation campaign's message. Anastasia led this session, guiding the team as we explored how to craft a message that aligned with both the product focus and the lifestyle community focus.


We started by creating a shared board, dividing it into sections: one for general messaging and two for the campaign’s routes. Everyone including me contributed quotes and ideas for the core message. Next, we brainstormed specific activities for each route, writing our ideas on sticky notes.


By the end of the session, we concluded that our campaign should combine both online and offline elements to effectively engage the audience. The following day, we held a kitchen review where we aimed to convince the clients with the ideas generated during our brainstorming sessions. This discussion ultimately led to the decision to create a website as the central element of the campaign.

Creation:

Co-Creation

We entered the create phase, where I took the lead. I organized a co-creation session to brainstorm ideas for additional pages for the website. I brought in Milo, Raphael, Majid, and S Designer Oygar to collaborate. We started by reviewing Santani's quote and brand story to ensure clarity. Once aligned, we discussed how to divide the website’s landing pages into three sections.


I proposed sketching a wireframe immediately, but Oygar suggested first identifying the context and content that would shape the wireframe. The rest of the Les Bleu(e)s team and I agreed with this approach, ensuring a more structured and thoughtful process moving forward.

Creation:

Low-Fidelity Wireframe

A few days after the meeting, I took the first step by drafting annotations for my wireframes. Once I had a clear vision of the elements I wanted to include, I began sketching the wireframes. I structured the landing page into three sections: "About Us," "Products," and a unique "Weather Forecast" feature.


The initial wireframe focused on the overall structure, but it lacked depth in conveying Santani Organics' story. I created a second version, integrating more narrative elements, which I then presented to the Les Bleu(e)s team. After receiving their approval, I proceeded to develop the mid-fidelity wireframe, refining the design further.

Creation:

Mid & High-Fidelity

Wireframe

After completing the first iteration of the wireframes, I collaborated with Raphael to explore how motion could be effectively integrated into the design. It was crucial for the wireframes to evoke a "virtual dream world" that aligned with Santani’s vision. Raphael and I discussed the types of motion that would be both visually engaging and feasible for development.


To demonstrate motion effectively, I proposed adding a duplicate of each object behind the original element. This approach created a sense of origin and movement for the objects, most of which were designed to represent fruit elements.


With each iteration, the design evolved. The second version focused on simplifying the objects as a whole, while the third version provided more clarity on the transitions into Santani’s world. By the fourth version, the wireframes were significantly refined, incorporating an extended narrative section, additional icon elements, and a clearer product display, bringing the concept closer to Santani’s brand identity.

Creation:

Prototype 1.0

Milo and I worked on the first prototype of the visual website, using the assets we generated and building it around the style outlined in the wireframes. My team and I decided to categorize the visuals into five sections for better organization and flow. We designed the background to move in three ascending layers of mountains that shift as the user scrolls. This motion also applies to the fruit elements and clouds, creating a dynamic experience.


The goal was to immerse users in a dreamlike world filled with bursting fruit, vibrant colors, and positivity, perfectly capturing the essence of the Santani brand.

Deliver:

Prototype 2.0

After receiving client feedback on the first prototype, Rinke and I were tasked with creating a second version. The client mentioned the design needed to feel more lush and better capture the dreamlike essence of the landing page.


Rinke and I discussed generating new elements to enhance the visual appeal. While Rinke worked on positioning the elements, I generated three purple plants using AI prompts: long leaves, begonia, and lavender. I created multiple variations to ensure we chose the versions that best aligned with Santani's aesthetic.


After delivering the final prototype to the client, we received positive feedback from Tess and Laura, who loved the design. The only remaining step is coding the elements into the frame using Next.js, which will bring the final Santani Organics website to life.

Creation:

Visual development

To create a visual design filled with fruity, dreamlike elements that would support the structure of the landing page, we needed to generate custom assets. This was done using Midjourney, with Milo taking the lead due to his expertise in image generation. I worked with Milo to produce visuals that embodied Santani’s identity and atmosphere.


Our primary focus was on the orange fruit element, but we also explored other components, including fashion-inspired visuals and elements that reflected the "Art of Balance" theme. This effort resulted in the creation of compelling visual prototypes that captured the essence of Santani.

What did I learn?

Throughout this project, I gained valuable insights and skills. I deepened my understanding of the connection between the body, stress, emotion, and health, aligning with Santani’s "Art of Balance" philosophy. I learned how to create wireframes that are thoughtfully based on the required context and discovered how to enhance my creativity by combining generated images in innovative ways.


The co-creation session with the client taught me the importance of critically considering a brand's identity and ensuring its DNA is effectively communicated. These experiences have enhanced my design approach and will help me grow to be a better designer in the future.

The briefing

The briefing

At the start of the project, my team and I received a briefing from Santani, introducing the brand, its identity, and its founders. The assignment was to develop a 'big bang' brand activation campaign, focusing on launching in metropolitan areas of the Netherlands and Ibiza.


The objective was to enhance brand and proposition awareness, driving engagement in both B2C and B2B markets. Santani aimed to distinguish itself in the organic soda industry through its unique qualities: fresh organic fruit (40%), gourmet flavors of exceptional quality, and a commitment to sustainability.

At the start of the project, my team and I received a briefing from Santani, introducing the brand, its identity, and its founders. The assignment was to develop a 'big bang' brand activation campaign, focusing on launching in metropolitan areas of the Netherlands and Ibiza.


The objective was to enhance brand and proposition awareness, driving engagement in both B2C and B2B markets. Santani aimed to distinguish itself in the organic soda industry through its unique qualities: fresh organic fruit (40%), gourmet flavors of exceptional quality, and a commitment to sustainability.

The briefing

At the start of the project, my team and I received a briefing from Santani, introducing the brand, its identity, and its founders. The assignment was to develop a 'big bang' brand activation campaign, focusing on launching in metropolitan areas of the Netherlands and Ibiza.


The objective was to enhance brand and proposition awareness, driving engagement in both B2C and B2B markets. Santani aimed to distinguish itself in the organic soda industry through its unique qualities: fresh organic fruit (40%), gourmet flavors of exceptional quality, and a commitment to sustainability.

Research:

Competitor research

After the briefing, I conducted competitor research to analyze the organic soda market and identify how Santani could stand out. I conducted this research to support Anastasia, the strategist, in creating a debriefing deck for presentation to the Santani clients.


The findings from my research, combined with Anastasia is that most brands embraces what is good for your health and that is fun and freeing, wellness playes a big factor. The second one is that brands integrates into your aesthetic, and last one is and building a party loving community. These insights are the blueprints for creating a unique campaign to reach the target audience. The debriefing presentation marked the conclusion of this phase and provided the groundwork to begin brainstorming concepts.

After the briefing, I conducted competitor research to analyze the organic soda market and identify how Santani could stand out. I conducted this research to support Anastasia, the strategist, in creating a debriefing deck for presentation to the Santani clients.


The findings from my research, combined with Anastasia is that most brands embraces what is good for your health and that is fun and freeing, wellness playes a big factor. The second one is that brands integrates into your aesthetic, and last one is and building a party loving community. These insights are the blueprints for creating a unique campaign to reach the target audience. The debriefing presentation marked the conclusion of this phase and provided the groundwork to begin brainstorming concepts.

Research:

Competitor research

After the briefing, I conducted competitor research to analyze the organic soda market and identify how Santani could stand out. I conducted this research to support Anastasia, the strategist, in creating a debriefing deck for presentation to the Santani clients.


The findings from my research, combined with Anastasia is that most brands embraces what is good for your health and that is fun and freeing, wellness playes a big factor. The second one is that brands integrates into your aesthetic, and last one is and building a party loving community. These insights are the blueprints for creating a unique campaign to reach the target audience.


The debriefing presentation marked the conclusion of this phase and provided the groundwork to begin brainstorming concepts.

Concept:

How Might We

During the concept phase, I actively contributed to the ‘How Might We’ (HMW) method, led by Senne. This brainstorming technique, part of the design thinking process, helps transform challenges into positive, open-ended questions that inspire new ideas and solutions. We began by reframing problems into potential solutions. Based on our research into the product and market trends, we identified three directions: focusing on community and lifestyle, emphasizing the can/soda, and the general product approach.


For each direction, we asked three guiding questions and spent 10 minutes brainstorming answers on sticky notes. Afterward, my team and I voted on the most suitable ideas to refine our concept further. However, with an overwhelming number of ideas, we took a step back to view the bigger picture, which helped us define a clear path forward.

During the concept phase, I actively contributed to the ‘How Might We’ (HMW) method, led by Senne. This brainstorming technique, part of the design thinking process, helps transform challenges into positive, open-ended questions that inspire new ideas and solutions. We began by reframing problems into potential solutions. Based on our research into the product and market trends, we identified three directions: focusing on community and lifestyle, emphasizing the can/soda, and the general product approach.


For each direction, we asked three guiding questions and spent 10 minutes brainstorming answers on sticky notes. Afterward, my team and I voted on the most suitable ideas to refine our concept further. However, with an overwhelming number of ideas, we took a step back to view the bigger picture, which helped us define a clear path forward.

Concept:

Activation Message

During the second brainstorming session, we focused on refining the activation campaign's message. Anastasia led this session, guiding the team as we explored how to craft a message that aligned with both the product focus and the lifestyle community focus.


We started by creating a shared board, dividing it into sections: one for general messaging and two for the campaign’s routes. Everyone including me contributed quotes and ideas for the core message. Next, we brainstormed specific activities for each route, writing our ideas on sticky notes.


By the end of the session, we concluded that our campaign should combine both online and offline elements to effectively engage the audience. The following day, we held a kitchen review where we aimed to convince the clients with the ideas generated during our brainstorming sessions. This discussion ultimately led to the decision to create a website as the central element of the campaign.

During the second brainstorming session, we focused on refining the activation campaign's message. Anastasia led this session, guiding the team as we explored how to craft a message that aligned with both the product focus and the lifestyle community focus.


We started by creating a shared board, dividing it into sections: one for general messaging and two for the campaign’s routes. Everyone including me contributed quotes and ideas for the core message. Next, we brainstormed specific activities for each route, writing our ideas on sticky notes.


By the end of the session, we concluded that our campaign should combine both online and offline elements to effectively engage the audience. The following day, we held a kitchen review where we aimed to convince the clients with the ideas generated during our brainstorming sessions. This discussion ultimately led to the decision to create a website as the central element of the campaign.

Concept:

Activation Message

During the second brainstorming session, we focused on refining the activation campaign's message. Anastasia led this session, guiding the team as we explored how to craft a message that aligned with both the product focus and the lifestyle community focus.


We started by creating a shared board, dividing it into sections: one for general messaging and two for the campaign’s routes. Everyone including me contributed quotes and ideas for the core message. Next, we brainstormed specific activities for each route, writing our ideas on sticky notes.


By the end of the session, we concluded that our campaign should combine both online and offline elements to effectively engage the audience. The following day, we held a kitchen review where we aimed to convince the clients with the ideas generated during our brainstorming sessions. This discussion ultimately led to the decision to create a website as the central element of the campaign.

Creation: Co-Creation

Creation: Co-Creation

We entered the create phase, where I took the lead. I organized a co-creation session to brainstorm ideas for additional pages for the website. I brought in Milo, Raphael, Majid, and S Designer Oygar to collaborate. We started by reviewing Santani's quote and brand story to ensure clarity. Once aligned, we discussed how to divide the website’s landing pages into three sections.


I proposed sketching a wireframe immediately, but Oygar suggested first identifying the context and content that would shape the wireframe. The rest of the Les Bleu(e)s team and I agreed with this approach, ensuring a more structured and thoughtful process moving forward.

We entered the create phase, where I took the lead. I organized a co-creation session to brainstorm ideas for additional pages for the website. I brought in Milo, Raphael, Majid, and S Designer Oygar to collaborate. We started by reviewing Santani's quote and brand story to ensure clarity. Once aligned, we discussed how to divide the website’s landing pages into three sections.


I proposed sketching a wireframe immediately, but Oygar suggested first identifying the context and content that would shape the wireframe. The rest of the Les Bleu(e)s team and I agreed with this approach, ensuring a more structured and thoughtful process moving forward.

Creation:

Low-Fidelity Wireframe

Creation:

Low-Fidelity Wireframe

A few days after the meeting, I took the first step by drafting annotations for my wireframes. Once I had a clear vision of the elements I wanted to include, I began sketching the wireframes. I structured the landing page into three sections: "About Us," "Products," and a unique "Weather Forecast" feature.


The initial wireframe focused on the overall structure, but it lacked depth in conveying Santani Organics' story. I created a second version, integrating more narrative elements, which I then presented to the Les Bleu(e)s team. After receiving their approval, I proceeded to develop the mid-fidelity wireframe, refining the design further.

A few days after the meeting, I took the first step by drafting annotations for my wireframes. Once I had a clear vision of the elements I wanted to include, I began sketching the wireframes. I structured the landing page into three sections: "About Us," "Products," and a unique "Weather Forecast" feature.


The initial wireframe focused on the overall structure, but it lacked depth in conveying Santani Organics' story. I created a second version, integrating more narrative elements, which I then presented to the Les Bleu(e)s team. After receiving their approval, I proceeded to develop the mid-fidelity wireframe, refining the design further.

Creation:

Mid & High-Fidelity

Wireframe

Creation:

Mid & High-Fidelity

Wireframe

After completing the first iteration of the wireframes, I collaborated with Raphael to explore how motion could be effectively integrated into the design. It was crucial for the wireframes to evoke a "virtual dream world" that aligned with Santani’s vision. Raphael and I discussed the types of motion that would be both visually engaging and feasible for development.


To demonstrate motion effectively, I proposed adding a duplicate of each object behind the original element. This approach created a sense of origin and movement for the objects, most of which were designed to represent fruit elements.


With each iteration, the design evolved. The second version focused on simplifying the objects as a whole, while the third version provided more clarity on the transitions into Santani’s world. By the fourth version, the wireframes were significantly refined, incorporating an extended narrative section, additional icon elements, and a clearer product display, bringing the concept closer to Santani’s brand identity.

After completing the first iteration of the wireframes, I collaborated with Raphael to explore how motion could be effectively integrated into the design. It was crucial for the wireframes to evoke a "virtual dream world" that aligned with Santani’s vision. Raphael and I discussed the types of motion that would be both visually engaging and feasible for development.


To demonstrate motion effectively, I proposed adding a duplicate of each object behind the original element. This approach created a sense of origin and movement for the objects, most of which were designed to represent fruit elements.


With each iteration, the design evolved. The second version focused on simplifying the objects as a whole, while the third version provided more clarity on the transitions into Santani’s world. By the fourth version, the wireframes were significantly refined, incorporating an extended narrative section, additional icon elements, and a clearer product display, bringing the concept closer to Santani’s brand identity.

Creation:

Visual development

Creation:

Visual development

To create a visual design filled with fruity, dreamlike elements that would support the structure of the landing page, we needed to generate custom assets. This was done using Midjourney, with Milo taking the lead due to his expertise in image generation. I worked with Milo to produce visuals that embodied Santani’s identity and atmosphere.


Our primary focus was on the orange fruit element, but we also explored other components, including fashion-inspired visuals and elements that reflected the "Art of Balance" theme. This effort resulted in the creation of compelling visual prototypes that captured the essence of Santani.

To create a visual design filled with fruity, dreamlike elements that would support the structure of the landing page, we needed to generate custom assets. This was done using Midjourney, with Milo taking the lead due to his expertise in image generation. I worked with Milo to produce visuals that embodied Santani’s identity and atmosphere.


Our primary focus was on the orange fruit element, but we also explored other components, including fashion-inspired visuals and elements that reflected the "Art of Balance" theme. This effort resulted in the creation of compelling visual prototypes that captured the essence of Santani.

Creation:

Prototype 1.0

Creation:

Prototype 1.0

Milo and I worked on the first prototype of the visual website, using the assets we generated and building it around the style outlined in the wireframes. My team and I decided to categorize the visuals into five sections for better organization and flow. We designed the background to move in three ascending layers of mountains that shift as the user scrolls. This motion also applies to the fruit elements and clouds, creating a dynamic experience.


The goal was to immerse users in a dreamlike world filled with bursting fruit, vibrant colors, and positivity, perfectly capturing the essence of the Santani brand.

Milo and I worked on the first prototype of the visual website, using the assets we generated and building it around the style outlined in the wireframes. My team and I decided to categorize the visuals into five sections for better organization and flow. We designed the background to move in three ascending layers of mountains that shift as the user scrolls. This motion also applies to the fruit elements and clouds, creating a dynamic experience.


The goal was to immerse users in a dreamlike world filled with bursting fruit, vibrant colors, and positivity, perfectly capturing the essence of the Santani brand.

Deliver:

Prototype 2.0

Deliver:

Prototype 2.0

After receiving client feedback on the first prototype, Rinke and I were tasked with creating a second version. The client mentioned the design needed to feel more lush and better capture the dreamlike essence of the landing page.


Rinke and I discussed generating new elements to enhance the visual appeal. While Rinke worked on positioning the elements, I generated three purple plants using AI prompts: long leaves, begonia, and lavender. I created multiple variations to ensure we chose the versions that best aligned with Santani's aesthetic.


After delivering the final prototype to the client, we received positive feedback from Tess and Laura, who loved the design. The only remaining step is coding the elements into the frame using Next.js, which will bring the final Santani Organics website to life.

After receiving client feedback on the first prototype, Rinke and I were tasked with creating a second version. The client mentioned the design needed to feel more lush and better capture the dreamlike essence of the landing page.


Rinke and I discussed generating new elements to enhance the visual appeal. While Rinke worked on positioning the elements, I generated three purple plants using AI prompts: long leaves, begonia, and lavender. I created multiple variations to ensure we chose the versions that best aligned with Santani's aesthetic.


After delivering the final prototype to the client, we received positive feedback from Tess and Laura, who loved the design. The only remaining step is coding the elements into the frame using Next.js, which will bring the final Santani Organics website to life.

What did I learn?

Throughout this project, I gained valuable insights and skills. I deepened my understanding of the connection between the body, stress, emotion, and health, aligning with Santani’s "Art of Balance" philosophy. I learned how to create wireframes that are thoughtfully based on the required context and discovered how to enhance my creativity by combining generated images in innovative ways.


The co-creation session with the client taught me the importance of critically considering a brand's identity and ensuring its DNA is effectively communicated. These experiences have enhanced my design approach and will help me grow to be a better designer in the future.

Throughout this project, I gained valuable insights and skills. I deepened my understanding of the connection between the body, stress, emotion, and health, aligning with Santani’s "Art of Balance" philosophy. I learned how to create wireframes that are thoughtfully based on the required context and discovered how to enhance my creativity by combining generated images in innovative ways.


The co-creation session with the client taught me the importance of critically considering a brand's identity and ensuring its DNA is effectively communicated. These experiences have enhanced my design approach and will help me grow to be a better designer in the future.

Client

Santaniorganics

Role

Researcher

Designer

Service

Campaign

Activation

Tools

Figma

Midjourney

Next.js

Category

UX / UI Design

Brand Identity

Year

2023 - 2024

Santaniorganics

Big-Bang activation with fruits

Big-Bang activation with fruits

Santaniorganics is an emerging organic soft drink brand founded by Tess, Suzanne, and Menno. The brand targets a younger audience that prioritizes lifestyle, personal growth, and social media engagement. Santaniorganics aims to set a new standard for organic beverages, appealing to socially aware and trend-focused consumers.

Santaniorganics is an emerging organic soft drink brand founded by Tess, Suzanne, and Menno. The brand targets a younger audience that prioritizes lifestyle, personal growth, and social media engagement. Santaniorganics aims to set a new standard for organic beverages, appealing to socially aware and trend-focused consumers.

Client

Santaniorganics

Role

Designer

Service

Campaign

Activation

Tools

Figma

Midjourney

Next.js

Category

UX / UI Design

Brand Identity

Year

2023 - 2024

Client

Santani

organics

Role

Researcher

Designer

Service

Workshop

Tools

Figma

Midjourney

Next.js

Category

UX / UI Design

Brand identity

Year

2023 - 2024

The problem

Santaniorganics faced the challenge of establishing itself in a competitive market. They aimed to launch in metropolitan areas of the Netherlands and Ibiza, focusing on building both brand and proposition awareness. They sought to create a lifestyle-driven community aligned with their "The Art of Balance" philosophy. With a limited budget, the task was to develop a creative, impactful campaign across multiple channels to achieve these goals.

Santaniorganics faced the challenge of establishing itself in a competitive market. They aimed to launch in metropolitan areas of the Netherlands and Ibiza, focusing on building both brand and proposition awareness. They sought to create a lifestyle-driven community aligned with their "The Art of Balance" philosophy. With a limited budget, the task was to develop a creative, impactful campaign across multiple channels to achieve these goals.

Santaniorganics faced the challenge of establishing itself in a competitive market. Aiming to launch in metropolitan areas of the Netherlands and Ibiza, focusing on building both brand and proposition awareness. They sought to create a lifestyle-driven community aligned with their "The Art of Balance" philosophy. With a limited budget, the task was to develop a creative, impactful campaign across multiple channels to achieve these goals.

The problem

Santaniorganics faced the challenge of establishing itself in a competitive market. They aimed to launch in metropolitan areas of the Netherlands and Ibiza, focusing on building both brand and proposition awareness. They sought to create a lifestyle-driven community aligned with their "The Art of Balance" philosophy. With a limited budget, the task was to develop a creative, impactful campaign across multiple channels to achieve these goals.

The solution

The solution was to design a visually immersive website that brought a dreamlike world to life through scrolling interactions. This imaginative digital space was crafted with vibrant fruity elements, each featuring unique motion animations.


The concept drew inspiration from innovative web experiences like the "Gucci Spring/Summer Collection" and "Polestar Hong Kong," aiming to create a platform that was not only informative but also aesthetically captivating. The goal was to reflect the brand's DNA and vision, offering users a unique and interactive journey that resonated with Santaniorganics' commitment to creativity and quality.

The solution

The solution was to design a visually immersive website that brought a dreamlike world to life through scrolling interactions. This imaginative digital space was crafted with vibrant fruity elements, each featuring unique motion animations.


The concept drew inspiration from innovative web experiences like the "Gucci Spring/Summer Collection" and "Polestar Hong Kong," aiming to create a platform that was not only informative but also aesthetically captivating. The goal was to reflect the brand's DNA and vision, offering users a unique and interactive journey that resonated with Santaniorganics' commitment to creativity and quality.

The solution was to design a visually immersive website that brought a dreamlike world to life through scrolling interactions. This imaginative digital space was crafted with vibrant fruity elements, each featuring unique motion animations.


The concept drew inspiration from innovative web experiences like the "Gucci Spring/Summer Collection" and "Polestar Hong Kong," aiming to create a platform that was not only informative but also aesthetically captivating. The goal was to reflect the brand's DNA and vision, offering users a unique and interactive journey that resonated with Santaniorganics' commitment to creativity and quality.

The solution was to design a visually immersive website that brought a dreamlike world to life through scrolling interactions. This imaginative digital space was crafted with vibrant fruity elements, each featuring unique motion animations.


The concept drew inspiration from innovative web experiences like the "Gucci Spring/Summer Collection" and "Polestar Hong Kong," aiming to create a platform that was not only informative but also aesthetically captivating. The goal was to reflect the brand's DNA and vision, offering users a unique and interactive journey that resonated with Santaniorganics' commitment to creativity and quality.

My role

As part of Les Bleu(e)s, a mini digital agency within code d'azur, I led co-creation sessions, created wireframes, and developed the website's visual design as the digital designer. I presented my work to the client, gathered their feedback, and integrated it into refined designs. The process began with competitor research and creating statement cards to capture key insights for the design. During the delivery phase, I took detailed notes during co-creation sessions with the client and collaborated closely with Les Bleu(e)s on the final design. leading to the final website.

As part of Les Bleu(e)s, a mini digital agency within code d'azur, I led co-creation sessions, created wireframes, and developed the website's visual design as the digital designer. I presented my work to the client, gathered their feedback, and integrated it into refined designs. The process began with competitor research and creating statement cards to capture key insights for the design. During the delivery phase, I took detailed notes during co-creation sessions with the client and collaborated closely with Les Bleu(e)s on the final design. leading to the final website.

As part of Les Bleu(e)s, a mini digital agency within code d'azur, I led co-creation sessions, created wireframes, and developed the website's visual design as the digital designer. I presented my work to the client, gathered their feedback, and integrated it into refined designs. The process began with competitor research and creating statement cards to capture key insights for the design. During the delivery phase, I took detailed notes during co-creation sessions with the client and collaborated closely with Les Bleu(e)s on the final design. leading to the final website.

My role

As part of Les Bleu(e)s, a mini digital agency within code d'azur, I led co-creation sessions, created wireframes, and developed the website's visual design as the digital designer. I presented my work to the client, gathered their feedback, and integrated it into refined designs. The process began with competitor research and creating statement cards to capture key insights for the design. During the delivery phase, I took detailed notes during co-creation sessions with the client and collaborated closely with Les Bleu(e)s on the final design. leading to the final website.

The briefing

At the start of the project, my team and I received a briefing from Santani, introducing the brand, its identity, and its founders. The assignment was to develop a 'big bang' brand activation campaign, focusing on launching in metropolitan areas of the Netherlands and Ibiza.


The objective was to enhance brand and proposition awareness, driving engagement in both B2C and B2B markets. Santani aimed to distinguish itself in the organic soda industry through its unique qualities: fresh organic fruit (40%), gourmet flavors of exceptional quality, and a commitment to sustainability.

Research:

Competitor research

After the briefing, I conducted competitor research to analyze the organic soda market and identify how Santani could stand out. I conducted this research to support Anastasia, the strategist, in creating a debriefing deck for presentation to the Santani clients.


The findings from my research, combined with Anastasia is that most brands embraces what is good for your health and that is fun and freeing, wellness playes a big factor. The second one is that brands integrates into your aesthetic, and last one is and building a party loving community. These insights are the blueprints for creating a unique campaign to reach the target audience.


The debriefing presentation marked the conclusion of this phase and provided the groundwork to begin brainstorming concepts.

Concept:

How Might We

During the concept phase, I actively contributed to the ‘How Might We’ (HMW) method, led by Senne. This brainstorming technique, part of the design thinking process, helps transform challenges into positive, open-ended questions that inspire new ideas and solutions. We began by reframing problems into potential solutions. Based on our research into the product and market trends, we identified three directions: focusing on community and lifestyle, emphasizing the can/soda, and the general product approach.


For each direction, we asked three guiding questions and spent 10 minutes brainstorming answers on sticky notes. Afterward, my team and I voted on the most suitable ideas to refine our concept further. However, with an overwhelming number of ideas, we took a step back to view the bigger picture, which helped us define a clear path forward.

Concept:

Activation Message

During the second brainstorming session, we focused on refining the activation campaign's message. Anastasia led this session, guiding the team as we explored how to craft a message that aligned with both the product focus and the lifestyle community focus.


We started by creating a shared board, dividing it into sections: one for general messaging and two for the campaign’s routes. Everyone including me contributed quotes and ideas for the core message. Next, we brainstormed specific activities for each route, writing our ideas on sticky notes.


By the end of the session, we concluded that our campaign should combine both online and offline elements to effectively engage the audience. The following day, we held a kitchen review where we aimed to convince the clients with the ideas generated during our brainstorming sessions. This discussion ultimately led to the decision to create a website as the central element of the campaign.

Creation:

Co-Creation

We entered the create phase, where I took the lead. I organized a co-creation session to brainstorm ideas for additional pages for the website. I brought in Milo, Raphael, Majid, and S Designer Oygar to collaborate. We started by reviewing Santani's quote and brand story to ensure clarity. Once aligned, we discussed how to divide the website’s landing pages into three sections.


I proposed sketching a wireframe immediately, but Oygar suggested first identifying the context and content that would shape the wireframe. The rest of the Les Bleu(e)s team and I agreed with this approach, ensuring a more structured and thoughtful process moving forward.

Creation:

Low-Fidelity Wireframe

A few days after the meeting, I took the first step by drafting annotations for my wireframes. Once I had a clear vision of the elements I wanted to include, I began sketching the wireframes. I structured the landing page into three sections: "About Us," "Products," and a unique "Weather Forecast" feature.


The initial wireframe focused on the overall structure, but it lacked depth in conveying Santani Organics' story. I created a second version, integrating more narrative elements, which I then presented to the Les Bleu(e)s team. After receiving their approval, I proceeded to develop the mid-fidelity wireframe, refining the design further.

Creation:

Mid & High-Fidelity

Wireframe

After completing the first iteration of the wireframes, I collaborated with Raphael to explore how motion could be effectively integrated into the design. It was crucial for the wireframes to evoke a "virtual dream world" that aligned with Santani’s vision. Raphael and I discussed the types of motion that would be both visually engaging and feasible for development.


To demonstrate motion effectively, I proposed adding a duplicate of each object behind the original element. This approach created a sense of origin and movement for the objects, most of which were designed to represent fruit elements.


With each iteration, the design evolved. The second version focused on simplifying the objects as a whole, while the third version provided more clarity on the transitions into Santani’s world. By the fourth version, the wireframes were significantly refined, incorporating an extended narrative section, additional icon elements, and a clearer product display, bringing the concept closer to Santani’s brand identity.

Creation:

Prototype 1.0

Milo and I worked on the first prototype of the visual website, using the assets we generated and building it around the style outlined in the wireframes. My team and I decided to categorize the visuals into five sections for better organization and flow. We designed the background to move in three ascending layers of mountains that shift as the user scrolls. This motion also applies to the fruit elements and clouds, creating a dynamic experience.


The goal was to immerse users in a dreamlike world filled with bursting fruit, vibrant colors, and positivity, perfectly capturing the essence of the Santani brand.

Deliver:

Prototype 2.0

After receiving client feedback on the first prototype, Rinke and I were tasked with creating a second version. The client mentioned the design needed to feel more lush and better capture the dreamlike essence of the landing page.


Rinke and I discussed generating new elements to enhance the visual appeal. While Rinke worked on positioning the elements, I generated three purple plants using AI prompts: long leaves, begonia, and lavender. I created multiple variations to ensure we chose the versions that best aligned with Santani's aesthetic.


After delivering the final prototype to the client, we received positive feedback from Tess and Laura, who loved the design. The only remaining step is coding the elements into the frame using Next.js, which will bring the final Santani Organics website to life.

Creation:

Visual development

To create a visual design filled with fruity, dreamlike elements that would support the structure of the landing page, we needed to generate custom assets. This was done using Midjourney, with Milo taking the lead due to his expertise in image generation. I worked with Milo to produce visuals that embodied Santani’s identity and atmosphere.


Our primary focus was on the orange fruit element, but we also explored other components, including fashion-inspired visuals and elements that reflected the "Art of Balance" theme. This effort resulted in the creation of compelling visual prototypes that captured the essence of Santani.

What did I learn?

Throughout this project, I gained valuable insights and skills. I deepened my understanding of the connection between the body, stress, emotion, and health, aligning with Santani’s "Art of Balance" philosophy. I learned how to create wireframes that are thoughtfully based on the required context and discovered how to enhance my creativity by combining generated images in innovative ways.


The co-creation session with the client taught me the importance of critically considering a brand's identity and ensuring its DNA is effectively communicated. These experiences have enhanced my design approach and will help me grow to be a better designer in the future.

The briefing

At the start of the project, my team and I received a briefing from Santani, introducing the brand, its identity, and its founders. The assignment was to develop a 'big bang' brand activation campaign, focusing on launching in metropolitan areas of the Netherlands and Ibiza.


The objective was to enhance brand and proposition awareness, driving engagement in both B2C and B2B markets. Santani aimed to distinguish itself in the organic soda industry through its unique qualities: fresh organic fruit (40%), gourmet flavors of exceptional quality, and a commitment to sustainability.

At the start of the project, my team and I received a briefing from Santani, introducing the brand, its identity, and its founders. The assignment was to develop a 'big bang' brand activation campaign, focusing on launching in metropolitan areas of the Netherlands and Ibiza.


The objective was to enhance brand and proposition awareness, driving engagement in both B2C and B2B markets. Santani aimed to distinguish itself in the organic soda industry through its unique qualities: fresh organic fruit (40%), gourmet flavors of exceptional quality, and a commitment to sustainability.

The briefing

At the start of the project, my team and I received a briefing from Santani, introducing the brand, its identity, and its founders. The assignment was to develop a 'big bang' brand activation campaign, focusing on launching in metropolitan areas of the Netherlands and Ibiza.


The objective was to enhance brand and proposition awareness, driving engagement in both B2C and B2B markets. Santani aimed to distinguish itself in the organic soda industry through its unique qualities: fresh organic fruit (40%), gourmet flavors of exceptional quality, and a commitment to sustainability.

Research:

Competitor research

After the briefing, I conducted competitor research to analyze the organic soda market and identify how Santani could stand out. I conducted this research to support Anastasia, the strategist, in creating a debriefing deck for presentation to the Santani clients.


The findings from my research, combined with Anastasia is that most brands embraces what is good for your health and that is fun and freeing, wellness playes a big factor. The second one is that brands integrates into your aesthetic, and last one is and building a party loving community. These insights are the blueprints for creating a unique campaign to reach the target audience. The debriefing presentation marked the conclusion of this phase and provided the groundwork to begin brainstorming concepts.

After the briefing, I conducted competitor research to analyze the organic soda market and identify how Santani could stand out. I conducted this research to support Anastasia, the strategist, in creating a debriefing deck for presentation to the Santani clients.


The findings from my research, combined with Anastasia is that most brands embraces what is good for your health and that is fun and freeing, wellness playes a big factor. The second one is that brands integrates into your aesthetic, and last one is and building a party loving community. These insights are the blueprints for creating a unique campaign to reach the target audience. The debriefing presentation marked the conclusion of this phase and provided the groundwork to begin brainstorming concepts.

Research:

Competitor research

After the briefing, I conducted competitor research to analyze the organic soda market and identify how Santani could stand out. I conducted this research to support Anastasia, the strategist, in creating a debriefing deck for presentation to the Santani clients.


The findings from my research, combined with Anastasia is that most brands embraces what is good for your health and that is fun and freeing, wellness playes a big factor. The second one is that brands integrates into your aesthetic, and last one is and building a party loving community. These insights are the blueprints for creating a unique campaign to reach the target audience.


The debriefing presentation marked the conclusion of this phase and provided the groundwork to begin brainstorming concepts.

Concept:

How Might We

During the concept phase, I actively contributed to the ‘How Might We’ (HMW) method, led by Senne. This brainstorming technique, part of the design thinking process, helps transform challenges into positive, open-ended questions that inspire new ideas and solutions. We began by reframing problems into potential solutions. Based on our research into the product and market trends, we identified three directions: focusing on community and lifestyle, emphasizing the can/soda, and the general product approach.


For each direction, we asked three guiding questions and spent 10 minutes brainstorming answers on sticky notes. Afterward, my team and I voted on the most suitable ideas to refine our concept further. However, with an overwhelming number of ideas, we took a step back to view the bigger picture, which helped us define a clear path forward.

During the concept phase, I actively contributed to the ‘How Might We’ (HMW) method, led by Senne. This brainstorming technique, part of the design thinking process, helps transform challenges into positive, open-ended questions that inspire new ideas and solutions. We began by reframing problems into potential solutions. Based on our research into the product and market trends, we identified three directions: focusing on community and lifestyle, emphasizing the can/soda, and the general product approach.


For each direction, we asked three guiding questions and spent 10 minutes brainstorming answers on sticky notes. Afterward, my team and I voted on the most suitable ideas to refine our concept further. However, with an overwhelming number of ideas, we took a step back to view the bigger picture, which helped us define a clear path forward.

Concept:

Activation Message

During the second brainstorming session, we focused on refining the activation campaign's message. Anastasia led this session, guiding the team as we explored how to craft a message that aligned with both the product focus and the lifestyle community focus.


We started by creating a shared board, dividing it into sections: one for general messaging and two for the campaign’s routes. Everyone including me contributed quotes and ideas for the core message. Next, we brainstormed specific activities for each route, writing our ideas on sticky notes.


By the end of the session, we concluded that our campaign should combine both online and offline elements to effectively engage the audience. The following day, we held a kitchen review where we aimed to convince the clients with the ideas generated during our brainstorming sessions. This discussion ultimately led to the decision to create a website as the central element of the campaign.

During the second brainstorming session, we focused on refining the activation campaign's message. Anastasia led this session, guiding the team as we explored how to craft a message that aligned with both the product focus and the lifestyle community focus.


We started by creating a shared board, dividing it into sections: one for general messaging and two for the campaign’s routes. Everyone including me contributed quotes and ideas for the core message. Next, we brainstormed specific activities for each route, writing our ideas on sticky notes.


By the end of the session, we concluded that our campaign should combine both online and offline elements to effectively engage the audience. The following day, we held a kitchen review where we aimed to convince the clients with the ideas generated during our brainstorming sessions. This discussion ultimately led to the decision to create a website as the central element of the campaign.

Concept:

Activation Message

During the second brainstorming session, we focused on refining the activation campaign's message. Anastasia led this session, guiding the team as we explored how to craft a message that aligned with both the product focus and the lifestyle community focus.


We started by creating a shared board, dividing it into sections: one for general messaging and two for the campaign’s routes. Everyone including me contributed quotes and ideas for the core message. Next, we brainstormed specific activities for each route, writing our ideas on sticky notes.


By the end of the session, we concluded that our campaign should combine both online and offline elements to effectively engage the audience. The following day, we held a kitchen review where we aimed to convince the clients with the ideas generated during our brainstorming sessions. This discussion ultimately led to the decision to create a website as the central element of the campaign.

Creation:

Co-Creation

We entered the create phase, where I took the lead. I organized a co-creation session to brainstorm ideas for additional pages for the website. I brought in Milo, Raphael, Majid, and S Designer Oygar to collaborate. We started by reviewing Santani's quote and brand story to ensure clarity. Once aligned, we discussed how to divide the website’s landing pages into three sections.


I proposed sketching a wireframe immediately, but Oygar suggested first identifying the context and content that would shape the wireframe. The rest of the Les Bleu(e)s team and I agreed with this approach, ensuring a more structured and thoughtful process moving forward.

We entered the create phase, where I took the lead. I organized a co-creation session to brainstorm ideas for additional pages for the website. I brought in Milo, Raphael, Majid, and S Designer Oygar to collaborate. We started by reviewing Santani's quote and brand story to ensure clarity. Once aligned, we discussed how to divide the website’s landing pages into three sections.


I proposed sketching a wireframe immediately, but Oygar suggested first identifying the context and content that would shape the wireframe. The rest of the Les Bleu(e)s team and I agreed with this approach, ensuring a more structured and thoughtful process moving forward.

Creation:

Low-Fidelity Wireframe

A few days after the meeting, I took the first step by drafting annotations for my wireframes. Once I had a clear vision of the elements I wanted to include, I began sketching the wireframes. I structured the landing page into three sections: "About Us," "Products," and a unique "Weather Forecast" feature.


The initial wireframe focused on the overall structure, but it lacked depth in conveying Santani Organics' story. I created a second version, integrating more narrative elements, which I then presented to the Les Bleu(e)s team. After receiving their approval, I proceeded to develop the mid-fidelity wireframe, refining the design further.

A few days after the meeting, I took the first step by drafting annotations for my wireframes. Once I had a clear vision of the elements I wanted to include, I began sketching the wireframes. I structured the landing page into three sections: "About Us," "Products," and a unique "Weather Forecast" feature.


The initial wireframe focused on the overall structure, but it lacked depth in conveying Santani Organics' story. I created a second version, integrating more narrative elements, which I then presented to the Les Bleu(e)s team. After receiving their approval, I proceeded to develop the mid-fidelity wireframe, refining the design further.

Creation:

Mid & High-Fidelity

Wireframe

After completing the first iteration of the wireframes, I collaborated with Raphael to explore how motion could be effectively integrated into the design. It was crucial for the wireframes to evoke a "virtual dream world" that aligned with Santani’s vision. Raphael and I discussed the types of motion that would be both visually engaging and feasible for development.


To demonstrate motion effectively, I proposed adding a duplicate of each object behind the original element. This approach created a sense of origin and movement for the objects, most of which were designed to represent fruit elements.


With each iteration, the design evolved. The second version focused on simplifying the objects as a whole, while the third version provided more clarity on the transitions into Santani’s world. By the fourth version, the wireframes were significantly refined, incorporating an extended narrative section, additional icon elements, and a clearer product display, bringing the concept closer to Santani’s brand identity.

After completing the first iteration of the wireframes, I collaborated with Raphael to explore how motion could be effectively integrated into the design. It was crucial for the wireframes to evoke a "virtual dream world" that aligned with Santani’s vision. Raphael and I discussed the types of motion that would be both visually engaging and feasible for development.


To demonstrate motion effectively, I proposed adding a duplicate of each object behind the original element. This approach created a sense of origin and movement for the objects, most of which were designed to represent fruit elements.


With each iteration, the design evolved. The second version focused on simplifying the objects as a whole, while the third version provided more clarity on the transitions into Santani’s world. By the fourth version, the wireframes were significantly refined, incorporating an extended narrative section, additional icon elements, and a clearer product display, bringing the concept closer to Santani’s brand identity.

Creation:

Visual development

To create a visual design filled with fruity, dreamlike elements that would support the structure of the landing page, we needed to generate custom assets. This was done using Midjourney, with Milo taking the lead due to his expertise in image generation. I worked with Milo to produce visuals that embodied Santani’s identity and atmosphere.


Our primary focus was on the orange fruit element, but we also explored other components, including fashion-inspired visuals and elements that reflected the "Art of Balance" theme. This effort resulted in the creation of compelling visual prototypes that captured the essence of Santani.

To create a visual design filled with fruity, dreamlike elements that would support the structure of the landing page, we needed to generate custom assets. This was done using Midjourney, with Milo taking the lead due to his expertise in image generation. I worked with Milo to produce visuals that embodied Santani’s identity and atmosphere.


Our primary focus was on the orange fruit element, but we also explored other components, including fashion-inspired visuals and elements that reflected the "Art of Balance" theme. This effort resulted in the creation of compelling visual prototypes that captured the essence of Santani.

Creation:

Prototype 1.0

Milo and I worked on the first prototype of the visual website, using the assets we generated and building it around the style outlined in the wireframes. My team and I decided to categorize the visuals into five sections for better organization and flow. We designed the background to move in three ascending layers of mountains that shift as the user scrolls. This motion also applies to the fruit elements and clouds, creating a dynamic experience.


The goal was to immerse users in a dreamlike world filled with bursting fruit, vibrant colors, and positivity, perfectly capturing the essence of the Santani brand.

Milo and I worked on the first prototype of the visual website, using the assets we generated and building it around the style outlined in the wireframes. My team and I decided to categorize the visuals into five sections for better organization and flow. We designed the background to move in three ascending layers of mountains that shift as the user scrolls. This motion also applies to the fruit elements and clouds, creating a dynamic experience.


The goal was to immerse users in a dreamlike world filled with bursting fruit, vibrant colors, and positivity, perfectly capturing the essence of the Santani brand.

Deliver:

Prototype 2.0

After receiving client feedback on the first prototype, Rinke and I were tasked with creating a second version. The client mentioned the design needed to feel more lush and better capture the dreamlike essence of the landing page.


Rinke and I discussed generating new elements to enhance the visual appeal. While Rinke worked on positioning the elements, I generated three purple plants using AI prompts: long leaves, begonia, and lavender. I created multiple variations to ensure we chose the versions that best aligned with Santani's aesthetic.


After delivering the final prototype to the client, we received positive feedback from Tess and Laura, who loved the design. The only remaining step is coding the elements into the frame using Next.js, which will bring the final Santani Organics website to life.

After receiving client feedback on the first prototype, Rinke and I were tasked with creating a second version. The client mentioned the design needed to feel more lush and better capture the dreamlike essence of the landing page.


Rinke and I discussed generating new elements to enhance the visual appeal. While Rinke worked on positioning the elements, I generated three purple plants using AI prompts: long leaves, begonia, and lavender. I created multiple variations to ensure we chose the versions that best aligned with Santani's aesthetic.


After delivering the final prototype to the client, we received positive feedback from Tess and Laura, who loved the design. The only remaining step is coding the elements into the frame using Next.js, which will bring the final Santani Organics website to life.

What did I learn?

Throughout this project, I gained valuable insights and skills. I deepened my understanding of the connection between the body, stress, emotion, and health, aligning with Santani’s "Art of Balance" philosophy. I learned how to create wireframes that are thoughtfully based on the required context and discovered how to enhance my creativity by combining generated images in innovative ways.


The co-creation session with the client taught me the importance of critically considering a brand's identity and ensuring its DNA is effectively communicated. These experiences have enhanced my design approach and will help me grow to be a better designer in the future.

Throughout this project, I gained valuable insights and skills. I deepened my understanding of the connection between the body, stress, emotion, and health, aligning with Santani’s "Art of Balance" philosophy. I learned how to create wireframes that are thoughtfully based on the required context and discovered how to enhance my creativity by combining generated images in innovative ways.


The co-creation session with the client taught me the importance of critically considering a brand's identity and ensuring its DNA is effectively communicated. These experiences have enhanced my design approach and will help me grow to be a better designer in the future.

Client

Santaniorganics

Role

Researcher

Designer

Service

Campaign

Activation

Tools

Figma

Midjourney

Next.js

Category

UX / UI Design

Brand Identity

Year

2023 - 2024