Stellar Media is a Copenhagen-based advertising agency specializing in innovative digital solutions. With three distinct business units—Adtract, Gen Z, and Performance—they offer comprehensive services that cover dating app monetization, premium digital media strategies, and cross-channel performance marketing. Their need was to revamp their visual identity and create a modern landing page that reflects their brand’s professionalism and innovative approach. Their previous branding lacked cohesion and did not align with their market positioning, making the company appear outdated and unpolished. The goal was to design a bold, youthful, and dynamic identity while ensuring that their online presence effectively communicated their expertise and services.
Stellar Media is a Copenhagen-based advertising agency specializing in innovative digital solutions. With three distinct business units—Adtract, Gen Z, and Performance—they offer comprehensive services that cover dating app monetization, premium digital media strategies, and cross-channel performance marketing. Their need was to revamp their visual identity and create a modern landing page that reflects their brand’s professionalism and innovative approach. Their previous branding lacked cohesion and did not align with their market positioning, making the company appear outdated and unpolished. The goal was to design a bold, youthful, and dynamic identity while ensuring that their online presence effectively communicated their expertise and services.
THE CHALLENGE
Identifying Key Pain Points
Identifying Key
Pain Points
1
The previous branding lacked professionalism and consistency, making the company appear outdated.
1
The previous branding lacked professionalism and consistency, making the company appear outdated.
1
The previous branding lacked professionalism and consistency, making the company appear outdated.
2
The lack of a cohesive branding system led to inconsistencies across digital and physical touchpoints.
2
The lack of a cohesive branding system led to inconsistencies across digital and physical touchpoints.
2
The lack of a cohesive branding system led to inconsistencies across digital and physical touchpoints.
3
Their website was uninspiring and not optimized for conversion, limiting lead generation and user engagement.
3
Their website was uninspiring and not optimized for conversion, limiting lead generation and user engagement.
3
Their website was uninspiring and not optimized for conversion, limiting lead generation and user engagement.
4
The new design needed to balance boldness, youthfulness, and credibility while maintaining brand recognition.
4
The new design needed to balance boldness, youthfulness, and credibility while maintaining brand recognition.
4
The new design needed to balance boldness, youthfulness, and credibility while maintaining brand recognition.
THE SOLUTION
REBRANDING AND new LANDING PAGE
REBRANDING AND
new LANDING PAGE
The new visual identity captures the essence of Stellar Media (bold, retro-inspired, and youthful). The new branding included a redesigned logo that embodied their energy and expertise, a color palette featuring vibrant fuchsia, turquoise, and green to create a striking and modern look, and a refined typography system for a more structured and professional feel. Custom graphic elements and logotypes were also designed for their business units: Adtract, Unlock, and Interstellar. Once the branding was finalized, it was time to design and develop a fully animated landing page in Framer, incorporating smooth interactions and motion graphics to enhance user engagement. The final result successfully elevated Stellar Media’s digital presence, reinforcing their position as an industry leader.
The new visual identity captures the essence of Stellar Media (bold, retro-inspired, and youthful). The new branding included a redesigned logo that embodied their energy and expertise, a color palette featuring vibrant fuchsia, turquoise, and green to create a striking and modern look, and a refined typography system for a more structured and professional feel. Custom graphic elements and logotypes were also designed for their business units: Adtract, Unlock, and Interstellar. Once the branding was finalized, it was time to design and develop a fully animated landing page in Framer, incorporating smooth interactions and motion graphics to enhance user engagement. The final result successfully elevated Stellar Media’s digital presence, reinforcing their position as an industry leader.
Stellar's Brand Book
Stellar's Brand Book
REAL PRODUCT IN ACTION
FROM DESIGN TO FUNCTIONAL EXPERIENCE
THE DESIGN PROCESS
From concept to completion
1. Research & Inspiration
Exploring retro-inspired visuals to capture the brand’s youthful energy.
“The first step was reference research, focusing on the client's request for a logo with a retro and youthful vibe. This helped to understand the visual direction and tone they wanted for their brand.”
2. Logo Exploration
Crafting logo concepts to embody the essence of Stellar Media.
“After gathering inspiration, various logo concepts were explored , iterating through designs until arriving at a final proposal that aligned with Stellar Media’s vision.”
3. Color Exploration
Testing vibrant color schemes to enhance brand personality.
“Once the logo was approved, I had to conduct some color tests, experimenting with different palettes until finalizing the vibrant combination of fuchsia, turquoise, and green."
4. Business Units Logos
Pairing typography and visual elements to complete the brand identity.
“Typography, brand visuals and graphic elements were also very important for the visual identity. Besides that, Stellar also asked for secondary logos for their business units: Adtract, Gen Z, and Performance.”
5. Brand Applications & Guidelines
Applying the brand identity across various touchpoints and platforms.
“The visual identity was expanded tacross different touchpoints, designing brand assets such as Google Slides presentations and digital applications. These were all documented in a deliverable brandbook.”
6. Website Design
Applying the brand identity across various touchpoints and platforms.
“With the identity established, we shifted focus to the web design. We crafted the Stellar Media website in Figma, ensuring a seamless user experience and visual coherence with the brand.”
7. Motion Design
Creating stunning animated content in Jitter
“Before going into Framer I knew i wanted to create a personalized animation for the hero section. To make it real, the elements were designed in Figma and then animated in Jitter.”
8. Web Development & Motion
Bringing the website to life with motion and interaction in Framer
“Once the web design was approved, it was brought to life in Framer, adding subtle motion elements and interactions that enhanced the user experience and brought the design to its final state.”
1. Research & Inspiration
Exploring retro-inspired visuals to capture the brand’s youthful energy.
“The first step was reference research, focusing on the client's request for a logo with a retro and youthful vibe. This helped to understand the visual direction and tone they wanted for their brand.”
2. Logo Exploration
Crafting logo concepts to embody the essence of Stellar Media.
“After gathering inspiration, various logo concepts were explored , iterating through designs until arriving at a final proposal that aligned with Stellar Media’s vision.”
3. Color Exploration
Testing vibrant color schemes to enhance brand personality.
“Once the logo was approved, I had to conduct some color tests, experimenting with different palettes until finalizing the vibrant combination of fuchsia, turquoise, and green."
4. Business Units Logos
Pairing typography and visual elements to complete the brand identity.
“Typography, brand visuals and graphic elements were also very important for the visual identity. Besides that, Stellar also asked for secondary logos for their business units: Adtract, Gen Z, and Performance.”
5. Brand Applications & Guidelines
Applying the brand identity across various touchpoints and platforms.
“The visual identity was expanded tacross different touchpoints, designing brand assets such as Google Slides presentations and digital applications. These were all documented in a deliverable brandbook.”
6. Website Design
Applying the brand identity across various touchpoints and platforms.
“With the identity established, we shifted focus to the web design. We crafted the Stellar Media website in Figma, ensuring a seamless user experience and visual coherence with the brand.”
7. Motion Design
Creating stunning animated content in Jitter
“Before going into Framer I knew i wanted to create a personalized animation for the hero section. To make it real, the elements were designed in Figma and then animated in Jitter.”
8. Web Development & Motion
Bringing the website to life with motion and interaction in Framer
“Once the web design was approved, it was brought to life in Framer, adding subtle motion elements and interactions that enhanced the user experience and brought the design to its final state.”
1. Research & Inspiration
Exploring retro-inspired visuals to capture the brand’s youthful energy.
“The first step was reference research, focusing on the client's request for a logo with a retro and youthful vibe. This helped to understand the visual direction and tone they wanted for their brand.”
2. Logo Exploration
Crafting logo concepts to embody the essence of Stellar Media.
“After gathering inspiration, various logo concepts were explored , iterating through designs until arriving at a final proposal that aligned with Stellar Media’s vision.”
3. Color Exploration
Testing vibrant color schemes to enhance brand personality.
“Once the logo was approved, I had to conduct some color tests, experimenting with different palettes until finalizing the vibrant combination of fuchsia, turquoise, and green."
4. Business Units Logos
Pairing typography and visual elements to complete the brand identity.
“Typography, brand visuals and graphic elements were also very important for the visual identity. Besides that, Stellar also asked for secondary logos for their business units: Adtract, Gen Z, and Performance.”
5. Brand Applications & Guidelines
Applying the brand identity across various touchpoints and platforms.
“The visual identity was expanded tacross different touchpoints, designing brand assets such as Google Slides presentations and digital applications. These were all documented in a deliverable brandbook.”
6. Website Design
Applying the brand identity across various touchpoints and platforms.
“With the identity established, we shifted focus to the web design. We crafted the Stellar Media website in Figma, ensuring a seamless user experience and visual coherence with the brand.”
7. Motion Design
Creating stunning animated content in Jitter
“Before going into Framer I knew i wanted to create a personalized animation for the hero section. To make it real, the elements were designed in Figma and then animated in Jitter.”
8. Web Development & Motion
Bringing the website to life with motion and interaction in Framer
“Once the web design was approved, it was brought to life in Framer, adding subtle motion elements and interactions that enhanced the user experience and brought the design to its final state.”
1. Research & Inspiration
Exploring retro-inspired visuals to capture the brand’s youthful energy.
“The first step was reference research, focusing on the client's request for a logo with a retro and youthful vibe. This helped to understand the visual direction and tone they wanted for their brand.”
2. Logo Exploration
Crafting logo concepts to embody the essence of Stellar Media.
“After gathering inspiration, various logo concepts were explored , iterating through designs until arriving at a final proposal that aligned with Stellar Media’s vision.”
3. Color Exploration
Testing vibrant color schemes to enhance brand personality.
“Once the logo was approved, I had to conduct some color tests, experimenting with different palettes until finalizing the vibrant combination of fuchsia, turquoise, and green."
4. Business Units Logos
Pairing typography and visual elements to complete the brand identity.
“Typography, brand visuals and graphic elements were also very important for the visual identity. Besides that, Stellar also asked for secondary logos for their business units: Adtract, Gen Z, and Performance.”
5. Brand Applications & Guidelines
Applying the brand identity across various touchpoints and platforms.
“The visual identity was expanded tacross different touchpoints, designing brand assets such as Google Slides presentations and digital applications. These were all documented in a deliverable brandbook.”
6. Website Design
Applying the brand identity across various touchpoints and platforms.
“With the identity established, we shifted focus to the web design. We crafted the Stellar Media website in Figma, ensuring a seamless user experience and visual coherence with the brand.”
7. Motion Design
Creating stunning animated content in Jitter
“Before going into Framer I knew i wanted to create a personalized animation for the hero section. To make it real, the elements were designed in Figma and then animated in Jitter.”
8. Web Development & Motion
Bringing the website to life with motion and interaction in Framer
“Once the web design was approved, it was brought to life in Framer, adding subtle motion elements and interactions that enhanced the user experience and brought the design to its final state.”
1. Research & Inspiration
Exploring retro-inspired visuals to capture the brand’s youthful energy.
“The first step was reference research, focusing on the client's request for a logo with a retro and youthful vibe. This helped to understand the visual direction and tone they wanted for their brand.”
2. Logo Exploration
Crafting logo concepts to embody the essence of Stellar Media.
“After gathering inspiration, various logo concepts were explored , iterating through designs until arriving at a final proposal that aligned with Stellar Media’s vision.”
3. Color Exploration
Testing vibrant color schemes to enhance brand personality.
“Once the logo was approved, I had to conduct some color tests, experimenting with different palettes until finalizing the vibrant combination of fuchsia, turquoise, and green."
4. Business Units Logos
Pairing typography and visual elements to complete the brand identity.
“Typography, brand visuals and graphic elements were also very important for the visual identity. Besides that, Stellar also asked for secondary logos for their business units: Adtract, Gen Z, and Performance.”
5. Brand Applications & Guidelines
Applying the brand identity across various touchpoints and platforms.
“The visual identity was expanded tacross different touchpoints, designing brand assets such as Google Slides presentations and digital applications. These were all documented in a deliverable brandbook.”
6. Website Design
Applying the brand identity across various touchpoints and platforms.
“With the identity established, we shifted focus to the web design. We crafted the Stellar Media website in Figma, ensuring a seamless user experience and visual coherence with the brand.”
7. Motion Design
Creating stunning animated content in Jitter
“Before going into Framer I knew i wanted to create a personalized animation for the hero section. To make it real, the elements were designed in Figma and then animated in Jitter.”
8. Web Development & Motion
Bringing the website to life with motion and interaction in Framer
“Once the web design was approved, it was brought to life in Framer, adding subtle motion elements and interactions that enhanced the user experience and brought the design to its final state.”
1. Research & Inspiration
Exploring retro-inspired visuals to capture the brand’s youthful energy.
“The first step was reference research, focusing on the client's request for a logo with a retro and youthful vibe. This helped to understand the visual direction and tone they wanted for their brand.”
2. Logo Exploration
Crafting logo concepts to embody the essence of Stellar Media.
“After gathering inspiration, various logo concepts were explored , iterating through designs until arriving at a final proposal that aligned with Stellar Media’s vision.”
3. Color Exploration
Testing vibrant color schemes to enhance brand personality.
“Once the logo was approved, I had to conduct some color tests, experimenting with different palettes until finalizing the vibrant combination of fuchsia, turquoise, and green."
4. Business Units Logos
Pairing typography and visual elements to complete the brand identity.
“Typography, brand visuals and graphic elements were also very important for the visual identity. Besides that, Stellar also asked for secondary logos for their business units: Adtract, Gen Z, and Performance.”
5. Brand Applications & Guidelines
Applying the brand identity across various touchpoints and platforms.
“The visual identity was expanded tacross different touchpoints, designing brand assets such as Google Slides presentations and digital applications. These were all documented in a deliverable brandbook.”
6. Website Design
Applying the brand identity across various touchpoints and platforms.
“With the identity established, we shifted focus to the web design. We crafted the Stellar Media website in Figma, ensuring a seamless user experience and visual coherence with the brand.”
7. Motion Design
Creating stunning animated content in Jitter
“Before going into Framer I knew i wanted to create a personalized animation for the hero section. To make it real, the elements were designed in Figma and then animated in Jitter.”
8. Web Development & Motion
Bringing the website to life with motion and interaction in Framer
“Once the web design was approved, it was brought to life in Framer, adding subtle motion elements and interactions that enhanced the user experience and brought the design to its final state.”
1. Research & Inspiration
Exploring retro-inspired visuals to capture the brand’s youthful energy.
“The first step was reference research, focusing on the client's request for a logo with a retro and youthful vibe. This helped to understand the visual direction and tone they wanted for their brand.”
2. Logo Exploration
Crafting logo concepts to embody the essence of Stellar Media.
“After gathering inspiration, various logo concepts were explored , iterating through designs until arriving at a final proposal that aligned with Stellar Media’s vision.”
3. Color Exploration
Testing vibrant color schemes to enhance brand personality.
“Once the logo was approved, I had to conduct some color tests, experimenting with different palettes until finalizing the vibrant combination of fuchsia, turquoise, and green."
4. Business Units Logos
Pairing typography and visual elements to complete the brand identity.
“Typography, brand visuals and graphic elements were also very important for the visual identity. Besides that, Stellar also asked for secondary logos for their business units: Adtract, Gen Z, and Performance.”
5. Brand Applications & Guidelines
Applying the brand identity across various touchpoints and platforms.
“The visual identity was expanded tacross different touchpoints, designing brand assets such as Google Slides presentations and digital applications. These were all documented in a deliverable brandbook.”
6. Website Design
Applying the brand identity across various touchpoints and platforms.
“With the identity established, we shifted focus to the web design. We crafted the Stellar Media website in Figma, ensuring a seamless user experience and visual coherence with the brand.”
7. Motion Design
Creating stunning animated content in Jitter
“Before going into Framer I knew i wanted to create a personalized animation for the hero section. To make it real, the elements were designed in Figma and then animated in Jitter.”
8. Web Development & Motion
Bringing the website to life with motion and interaction in Framer
“Once the web design was approved, it was brought to life in Framer, adding subtle motion elements and interactions that enhanced the user experience and brought the design to its final state.”
1. Research & Inspiration
Exploring retro-inspired visuals to capture the brand’s youthful energy.
“The first step was reference research, focusing on the client's request for a logo with a retro and youthful vibe. This helped to understand the visual direction and tone they wanted for their brand.”
2. Logo Exploration
Crafting logo concepts to embody the essence of Stellar Media.
“After gathering inspiration, various logo concepts were explored , iterating through designs until arriving at a final proposal that aligned with Stellar Media’s vision.”
3. Color Exploration
Testing vibrant color schemes to enhance brand personality.
“Once the logo was approved, I had to conduct some color tests, experimenting with different palettes until finalizing the vibrant combination of fuchsia, turquoise, and green."
4. Business Units Logos
Pairing typography and visual elements to complete the brand identity.
“Typography, brand visuals and graphic elements were also very important for the visual identity. Besides that, Stellar also asked for secondary logos for their business units: Adtract, Gen Z, and Performance.”
5. Brand Applications & Guidelines
Applying the brand identity across various touchpoints and platforms.
“The visual identity was expanded tacross different touchpoints, designing brand assets such as Google Slides presentations and digital applications. These were all documented in a deliverable brandbook.”
6. Website Design
Applying the brand identity across various touchpoints and platforms.
“With the identity established, we shifted focus to the web design. We crafted the Stellar Media website in Figma, ensuring a seamless user experience and visual coherence with the brand.”
7. Motion Design
Creating stunning animated content in Jitter
“Before going into Framer I knew i wanted to create a personalized animation for the hero section. To make it real, the elements were designed in Figma and then animated in Jitter.”
8. Web Development & Motion
Bringing the website to life with motion and interaction in Framer
“Once the web design was approved, it was brought to life in Framer, adding subtle motion elements and interactions that enhanced the user experience and brought the design to its final state.”
THE MOODBOARD
INSPIRATION BEHIND THE DESIGN
STELLAR
STELLAR
Quick Project Details
Quick Project Details
industry
Advertising & Media
PRODUCT DESCRIPTION
Rebranding and website redesign to transforme Stellar Media’s identity into a bold, modern, and professional digital presence.
Service
Visual Identity - Google Presentations - UX/UI Design - Web Development in Framer
year
2025
country
Denmark
PLATFORM
Landing Page made in Framer
WEB Link
https://stellarmediacorp.com/
