Supernova

Revamp Supernova's Website for Increased Leads

UI designer




Role

Martina Venturini

Sterre van der Laken

Patrick Willer


Team

Figma

Illustrator

Wix


Tools

Supernova

Revamp Supernova's Website for Increased Leads

Supernova

Revamp Supernova's Website for Increased Leads

UI designer




Role

Martina Venturini

Sterre van der Laken

Patrick Willer


Team

Figma

Illustrator

Wix


Tools

Supernova

Revamp Supernova's Website for Increased Leads

UI designer




Role

Martina Venturini

Sterre van der Laken

Patrick Willer


Team

Figma

Illustrator

Wix


Tools

Overview

In this project I had to redesign the supernova website. The project manager wanted a website with a more modern design. That fits with what they want to achieve with the website this year; offer more sign-ups and offer updated information about the Supernova journey.

Project

A Modern Portal for Exploration and Engagement

We started by making a project planning.

We answered 4 of the W questions.


Why?: What problem do we solve?

Where?: What platform is it made for?

Who?: Who do we help?

When?: When will this project be developed?

Project plan

Charting the Four W's

Research

After planning, we started mood boarding. We started looking at trends and some modern design within UI at the moment. Because the client thought the old website was outdated. We focused on interesting visuals and appropriate colors; Minimalist, 3D design, blob design, flat illustrations, Space related.

Moodboards

Crafting the Cosmic Aesthetic

Moodboard V2

The mood boards were inspiration focused on visual components and structure. The next thing we did is: Search for inspiration websites; certain design patterns that we want to include in our design.

Website stucture: User stories

1. Understanding Supernova:

As a user, I want a clear and concise explanation of what Supernova is, so I can quickly understand its purpose and benefits.


2. Discovering Value:

When exploring Supernova, I want to easily find information about how participating the journey benefits me, so I can make an informed decision about whether it aligns with my preferences.


3. When and How:

As a user, I want to know when and how Supernova stars and stay connected with the latest and most relevant content.


4. Last Year's Success Stories:

When considering using Supernova, I want to read about last year's projects and success stories of past participants through testimonials, so I can gain confidence in the platform's ability to deliver a positive user experience.


5. Blog Section Exploration:

As a user, I want easy access to a blog section on Supernova's platform, where I can read articles, updates, and insights related to video content, so I can stay informed and engaged with the community.

6. Contact Information:

When I need assistance or have questions about Supernova, I want to easily find and access contact information, so I can get prompt support and have a positive user experience.

Ideation

We use what we gained from our research in our wireframes. We made different variations per section of the website. We made as many versions as possible to see how we can organize the content differently. We looked at font, how small and large certain components should be. On the website there is a lot of information and text. We tried to structure the content as clearly as possible. So that there are no long pieces of texts.

Wireframes

Wireframing the Cosmic Symphony: Organizing Supernova's Journey

Structure

After wireframing different versions. Together with the team, we looked at which version best suits the content. Also which one communicates the fastest what kind of information we want to give. Now we have the structure and also part of the design. We started by adding the following elements; color, images, illustrations etc.

Using the mood boards and style tile. We prepared a color palette for the website and we illustrated several designs in illustrator. Salesforce of course has a DAM central where you will find various illustrations of their characters. What we did is downloaded the characters in our desired pose from the DAM central. And we placed them in their own illustrated background.

Idea's

Bringing Salesforce Characters to Life in Supernova's Universe

Results

Final redesigned website

Mobile

Desktop

Metrics & feedback

The culmination of ideas, mood boards, and style tiles resulted in a vibrant color palette and engaging designs. Salesforce's DAM central contributed character illustrations, seamlessly integrated into the website's visual narrative.




The final redesigned website, showcased measurable success:


Metrics: Generated a 25% increase in website traffic.

Feedback: Positive responses regarding the visual appeal and improved user engagement.


Lesson learned

Reflecting on the design process revealed:


Successes: The incorporation of a fresh design led to increased traffic and enhanced user engagement.

Challenges: Balancing design aesthetics with content-heavy sections required iterative wireframing.

Opportunities for Improvement: Continuous monitoring and user feedback integration can refine the design further, ensuring sustained effectiveness.


The SuperNova website redesign stands as a testament to the impactful results achievable through strategic planning, collaborative ideation, and a user-centric design approach.

Supernova brings together the right people and ideas to transform innovative concepts into reality within a span of 6 months. In the pictures I captured the initial stages of Supernova's journey, focusing on the collaboration with clients Prenatal and Jacobs Douwe Egberts (JDE). The challenge was to facilitate an environment where diverse ideas could converge, leading to the rapid development of innovative solutions. With the use of different methodologies like persona mapping, target group point of view map etc.


The Supernova sprint aimed to empower clients, providing them with a Minimum Viable Product (MVP) at the end of the process. The clients, Prenatal and JDE, would then decide whether to proceed with the implementation of the proposed solutions.

Next steps: Start Supernova

Bringing Salesforce Characters to Life in Supernova's Universe

Before

After

Next case study

Transforming English

Verb Conjugation Learning

Overview

In this project I had to redesign the supernova website. The project manager wanted a website with a more modern design. That fits with what they want to achieve with the website this year; offer more sign-ups and offer updated information about the Supernova journey.

Project

A Modern Portal for Exploration and Engagement

We started by making a project planning.

We answered 4 of the W questions.


Why?: What problem do we solve?

Where?: What platform is it made for?

Who?: Who do we help?

When?: When will this project be developed?

Project plan

Charting the Four W's

Research

After planning, we started mood boarding. We started looking at trends and some modern design within UI at the moment. Because the client thought the old website was outdated. We focused on interesting visuals and appropriate colors; Minimalist, 3D design, blob design, flat illustrations, Space related.

Moodboards

Crafting the Cosmic Aesthetic

Moodboard V2

The mood boards were inspiration focused on visual components and structure. The next thing we did is: Search for inspiration websites; certain design patterns that we want to include in our design.

Website stucture: User stories

1. Understanding Supernova:

As a user, I want a clear and concise explanation of what Supernova is, so I can quickly understand its purpose and benefits.

2. Discovering Value:

When exploring Supernova, I want to easily find information about how participating the journey benefits me, so I can make an informed decision about whether it aligns with my preferences.

3. When and How:

As a user, I want to know when and how Supernova stars and stay connected with the latest and most relevant content.


4. Last Year's Success Stories:

When considering using Supernova, I want to read about last year's projects and success stories of past participants through testimonials, so I can gain confidence in the platform's ability to deliver a positive user experience.


5. Blog Section Exploration:

As a user, I want easy access to a blog section on Supernova's platform, where I can read articles, updates, and insights related to video content, so I can stay informed and engaged with the community.

6. Contact Information:

When I need assistance or have questions about Supernova, I want to easily find and access contact information, so I can get prompt support and have a positive user experience.

Ideation

We use what we gained from our research in our wireframes. We made different variations per section of the website. We made as many versions as possible to see how we can organize the content differently. We looked at font, how small and large certain components should be. On the website there is a lot of information and text. We tried to structure the content as clearly as possible. So that there are no long pieces of texts.

Wireframes

Wireframing the Cosmic Symphony: Organizing Supernova's Journey

Structure

After wireframing different versions. Together with the team, we looked at which version best suits the content. Also which one communicates the fastest what kind of information we want to give. Now we have the structure and also part of the design. We started by adding the following elements; color, images, illustrations etc.

Bringing Salesforce Characters to Life in Supernova's Universe

Using the mood boards and style tile. We prepared a color palette for the website and we illustrated several designs in illustrator. Salesforce of course has a DAM central where you will find various illustrations of their characters. What we did is downloaded the characters in our desired pose from the DAM central. And we placed them in their own illustrated background.

Idea's

Results

Final redesigned website

Mobile

Desktop

Before

After

Metrics & feedback

The culmination of ideas, mood boards, and style tiles resulted in a vibrant color palette and engaging designs. Salesforce's DAM central contributed character illustrations, seamlessly integrated into the website's visual narrative.




The final redesigned website, showcased measurable success:


Metrics: Generated a 25% increase in website traffic.

Feedback: Positive responses regarding the visual appeal and improved user engagement.


Lesson learned

Reflecting on the design process revealed:


Successes: The incorporation of a fresh design led to increased traffic and enhanced user engagement.

Challenges: Balancing design aesthetics with content-heavy sections required iterative wireframing.

Opportunities for Improvement: Continuous monitoring and user feedback integration can refine the design further, ensuring sustained effectiveness.


The SuperNova website redesign stands as a testament to the impactful results achievable through strategic planning, collaborative ideation, and a user-centric design approach.

Next steps: Start supernova

Supernova brings together the right people and ideas to transform innovative concepts into reality within a span of 6 months. In the pictures I captured the initial stages of Supernova's journey, focusing on the collaboration with clients Prenatal and Jacobs Douwe Egberts (JDE). The challenge was to facilitate an environment where diverse ideas could converge, leading to the rapid development of innovative solutions. With the use of different methodologies like persona mapping, target group point of view map etc.


The Supernova sprint aimed to empower clients, providing them with a Minimum Viable Product (MVP) at the end of the process. The clients, Prenatal and JDE, would then decide whether to proceed with the implementation of the proposed solutions.

Idea's

Bringing Salesforce Characters to Life in Supernova's Universe

Overview

In this project I had to redesign the supernova website. The project manager wanted a website with a more modern design. That fits with what they want to achieve with the website this year; offer more sign-ups and offer updated information about the Supernova journey.

Project

Redesigning Supernova's Website for a Modern Journey

We started by making a project planning.

We answered 4 of the W questions.


Why?: What problem do we solve?

Where?: What platform is it made for?

Who?: Who do we help?

When?: When will this project be developed?

Project plan

Crafting a Project Plan for Supernova's Redesign

Ideation

Wireframes

We use what we gained from our research in our wireframes. We made different variations per section of the website. We made as many versions as possible to see how we can organize the content differently. We looked at font, how small and large certain components should be. On the website there is a lot of information and text. We tried to structure the content as clearly as possible. So that there are no long pieces of texts.

Structure

After wireframing different versions. Together with the team, we looked at which version best suits the content. Also which one communicates the fastest what kind of information we want to give. Now we have the structure and also part of the design. We started by adding the following elements; color, images, illustrations etc.

Research

After planning, we started mood boarding. We started looking at trends and some modern design within UI at the moment. Because the client thought the old website was outdated. We focused on interesting visuals and appropriate colors; Minimalist, 3D design, blob design, flat illustrations, Space related.

Moodboards

Crafting the Cosmic Aesthetic

Moodboard V2

The mood boards were inspiration focused on visual components and structure. The next thing we did is: Search for inspiration websites; certain design patterns that we want to include in our design.

Website stucture: User stories

1. Understanding Supernova:

As a user, I want a clear and concise explanation of what Supernova is, so I can quickly understand its purpose and benefits.

2. Discovering Value:

When exploring Supernova, I want to easily find information about how participating the journey benefits me, so I can make an informed decision about whether it aligns with my preferences.

3. When and How:

As a user, I want to know when and how Supernova stars and stay connected with the latest and most relevant content.


4. Last Year's Success Stories:

When considering using Supernova, I want to read about last year's projects and success stories of past participants through testimonials, so I can gain confidence in the platform's ability to deliver a positive user experience.


5. Blog Section Exploration:

As a user, I want easy access to a blog section on Supernova's platform, where I can read articles, updates, and insights related to video content, so I can stay informed and engaged with the community.

6. Contact Information:

When I need assistance or have questions about Supernova, I want to easily find and access contact information, so I can get prompt support and have a positive user experience.

Idea’s

Using the mood boards and style tile. We prepared a color palette for the website and we illustrated several designs in illustrator. Salesforce of course has a DAM central where you will find various illustrations of their characters. What we did is downloaded the characters in our desired pose from the DAM central. And we placed them in their own illustrated background.

Results

Final redesigned website

Mobile

Desktop

Before

After

Metrics & feedback

The culmination of ideas, mood boards, and style tiles resulted in a vibrant color palette and engaging designs. Salesforce's DAM central contributed character illustrations, seamlessly integrated into the website's visual narrative.




The final redesigned website, showcased measurable success:


Metrics: Generated a 25% increase in website traffic.

Feedback: Positive responses regarding the visual appeal and improved user engagement.


Lesson learned

Reflecting on the design process revealed:


Successes: The incorporation of a fresh design led to increased traffic and enhanced user engagement.

Challenges: Balancing design aesthetics with content-heavy sections required iterative wireframing.

Opportunities for Improvement: Continuous monitoring and user feedback integration can refine the design further, ensuring sustained effectiveness.


The SuperNova website redesign stands as a testament to the impactful results achievable through strategic planning, collaborative ideation, and a user-centric design approach.

Next steps: Start supernova

Supernova brings together the right people and ideas to transform innovative concepts into reality within a span of 6 months. In the pictures I captured the initial stages of Supernova's journey, focusing on the collaboration with clients Prenatal and Jacobs Douwe Egberts (JDE). The challenge was to facilitate an environment where diverse ideas could converge, leading to the rapid development of innovative solutions. With the use of different methodologies like persona mapping, target group point of view map etc.


The Supernova sprint aimed to empower clients, providing them with a Minimum Viable Product (MVP) at the end of the process. The clients, Prenatal and JDE, would then decide whether to proceed with the implementation of the proposed solutions.

Overview

Project

A Modern Portal for Exploration and Engagement

In this project I had to redesign the supernova website. The project manager wanted a website with a more modern design. That fits with what they want to achieve with the website this year; offer more sign-ups and offer updated information about the Supernova journey.

Project plan

Charting the Four W's

We started by making a project planning.

We answered 4 of the W questions.


Why?: What problem do we solve?

Where?: What platform is it made for?

Who?: Who do we help?

When?: When will this project be developed?

Research

Moodboards

Crafting the Cosmic Aesthetic

After planning, we started mood boarding. We started looking at trends and some modern design within UI at the moment. Because the client thought the old website was outdated. We focused on interesting visuals and appropriate colors; Minimalist, 3D design, blob design, flat illustrations, Space related.

Moodboard V2

The mood boards were inspiration focused on visual components and structure. The next thing we did is: Search for inspiration websites; certain design patterns that we want to include in our design.

Website stucture: User stories

1. Understanding Supernova:

As a user, I want a clear and concise explanation of what Supernova is, so I can quickly understand its purpose and benefits.


2. Discovering Value:

When exploring Supernova, I want to easily find information about how participating the journey benefits me, so I can make an informed decision about whether it aligns with my preferences.


3. When and How:

As a user, I want to know when and how Supernova stars and stay connected with the latest and most relevant content.





4. Last Year's Success Stories:

When considering using Supernova, I want to read about last year's projects and success stories of past participants through testimonials, so I can gain confidence in the platform's ability to deliver a positive user experience.



5. Blog Section Exploration:

As a user, I want easy access to a blog section on Supernova's platform, where I can read articles, updates, and insights related to video content, so I can stay informed and engaged with the community.


6. Contact Information:

When I need assistance or have questions about Supernova, I want to easily find and access contact information, so I can get prompt support and have a positive user experience.

Ideation

Wireframes

Wireframing the Cosmic Symphony: Organizing Supernova's Journey

We use what we gained from our research in our wireframes. We made different variations per section of the website. We made as many versions as possible to see how we can organize the content differently. We looked at font, how small and large certain components should be. On the website there is a lot of information and text. We tried to structure the content as clearly as possible. So that there are no long pieces of texts.

Structure

After wireframing different versions. Together with the team, we looked at which version best suits the content. Also which one communicates the fastest what kind of information we want to give. Now we have the structure and also part of the design. We started by adding the following elements; color, images, illustrations etc.

Idea's

Bringing Salesforce Characters to Life in Supernova's Universe

Using the mood boards and style tile. We prepared a color palette for the website and we illustrated several designs in illustrator. Salesforce of course has a DAM central where you will find various illustrations of their characters. What we did is downloaded the characters in our desired pose from the DAM central. And we placed them in their own illustrated background.

Results

Final redesigned website

Mobile

Desktop

Before

After

Metrics & feedback

The culmination of ideas, mood boards, and style tiles resulted in a vibrant color palette and engaging designs. Salesforce's DAM central contributed character illustrations, seamlessly integrated into the website's visual narrative.




The final redesigned website, showcased measurable success:


Metrics: Generated a 25% increase in website traffic.

Feedback: Positive responses regarding the visual appeal and improved user engagement.


Lesson learned

Reflecting on the design process revealed:


Successes: The incorporation of a fresh design led to increased traffic and enhanced user engagement.

Challenges: Balancing design aesthetics with content-heavy sections required iterative wireframing.

Opportunities for Improvement: Continuous monitoring and user feedback integration can refine the design further, ensuring sustained effectiveness.


The SuperNova website redesign stands as a testament to the impactful results achievable through strategic planning, collaborative ideation, and a user-centric design approach.


Next steps: Start supernova

Supernova Sprint: Transforming Ideas into Reality in 6 Months

Supernova brings together the right people and ideas to transform innovative concepts into reality within a span of 6 months. In the pictures I captured the initial stages (Intake session & inspiration-research) of Supernova's journey, focusing on the collaboration with clients Prenatal and Jacobs Douwe Egberts (JDE). The challenge was to facilitate an environment where diverse ideas could converge, leading to the rapid development of innovative solutions. With the use of different methodologies like persona mapping, target group point of view map etc.


The Supernova sprint aimed to empower clients, providing them with a Minimum Viable Product (MVP) at the end of the process. The clients, Prenatal and JDE, would then decide whether to proceed with the implementation of the proposed solutions.

AR reality

AR reality

Lunch Roulette

Lunch Roulette

Other case studies

Hey you, Let’s connect!

Copyright © Faith Febis 2024

About me

Work

Home

Contact

Resume

Ready to embark on a design journey together?

Other case studies

Other case studies

Hey you, Let’s connect!

Copyright © Faith Febis 2025

Ready to embark on a design journey together?

Hey you, Let’s connect!

Copyright © Faith Febis 2025

Ready to embark on a design journey together?

Hey you, Let’s connect!

Copyright © Faith Febis 2025

https://www.linkedin.com/in/faith-f-37a4b2204/

Ready to embark on a design journey together?

Other case studies

Hey you, Let’s connect!

Copyright © Faith Febis 2025

Ready to embark on a design journey together?

Hey you, Let’s connect!

Copyright © Faith Febis 2025

Ready to embark on a design journey together?