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
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?
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?