Web Design
Beast Media
Beast Media
Beast Media
Beast Media is a performance marketing agency based in Vancouver that helps e-commerce brands and businesses scale through paid advertising, growth strategy, and performance creative. They needed a website that matched the level of work they were already doing, something that felt as serious and results-driven as the service itself.
Beast Media is a performance marketing agency based in Vancouver that helps e-commerce brands and businesses scale through paid advertising, growth strategy, and performance creative.
They needed a website that matched the level of work they were already doing, something that felt as serious and results-driven as the service itself.
Beast Media is a performance marketing agency based in Vancouver that helps e-commerce brands and businesses scale through paid advertising, growth strategy, and performance creative.
They needed a website that matched the level of work they were already doing, something that felt as serious and results-driven as the service itself.
My Role
I was responsible for the full visual and structural direction of the site. The client brought the logo, copy, and content, and I handled everything from the colour palette and typography to the layout and overall design language. They stayed involved for feedback along the way, while I led the creative decisions.
The Challenge
Performance marketing is a saturated space, with most agency websites relying on the same visual formula: white backgrounds, minimal layouts and stock imagery. The goal was to create something that stood apart, without compromising the credibility required for a business owner to trust us with their ad spend.
The audience is experienced, results-driven, and skeptical. Many have been burned before. The design had to signal confidence and competence instantly, before a single word was read.
The Process
I started with wireframes to figure out the section flow before touching visuals — structure first, aesthetics second. It came together through back-and-forth iterations, focused on understanding the business, the audience, and what a potential client needs to see before reaching out.
Once the layout was finalized, I moved into visual exploration. The client wanted something dark, bold, and different from the typical agency look, so I explored variations on a dark base with different accent colours and gradients. The purple and pink gradient stood out immediately, it brought the right energy and personality without feeling loud or chaotic.
Visual Direction
The direction was clear: unique, different, attention-grabbing, with a focus on colour and personality.
The site is built on a dark base made up of deep blacks and near-blacks, with a purple-to-pink gradient used consistently throughout. Instead of acting as decoration, it ties the sections together and creates visual continuity across the page.
The typography is Inter. At body size, it stays clean and simple, but at larger headline sizes it becomes more expressive, bold, confident, and more editorial in feel. The contrast between large white type and the dark background does most of the visual heavy lifting.
These interactions are not only decorative. They support usability and reinforce a sense of precision and attention to detail throughout the experience.
Interactions & Animations
The site goes beyond static design, with interactive elements designed to respond to user movement and hover states.
Case study cards tilt in 3D as the cursor moves across them, while metric numbers count up on hover. The image panel expands with a smooth animation to reveal more of the visual, accompanied by an accent arrow and a purple underline that draws across the card.
Hover over the element below. This is the actual component used in the site.
Service cards follow a similar pattern, with subtle 3D tilt, a glow that appears behind the icon on hover, and slight upward movement in the title and description. An accent line also animates across the bottom of each card.
The strategy grid uses an inset purple and pink glow with a subtle vector overlay to create depth and separation from the background, while still keeping the overall system consistent.
Site Structure
The section flow was shaped by understanding the business and what a skeptical visitor needs to see before reaching out. The sequence moves from who we are and what we do, to proof, what we offer, how we think, how we work, and finally a clear call to action. It’s direct, with each section building on the last.
The case study section leads with large, visible metrics such as 230% revenue growth, 4.2X ROAS, and 214% app installs, before introducing the details. The results are immediately clear, helping establish credibility early.
Details That Matter
The hero gradient shifts from deep purple to warm amber, giving it more depth than a standard two-colour fade. Combined with the oversized headline, it sets the direction early.
The video reel sits just below, so by the time you reach the first line of copy, you’ve already seen the work.
Partner logos — Google Ads, Meta, TikTok, Shopify — appear in the hero and again in the footer. Credibility is introduced early and reinforced at the end.
Each strategy card has an internal gradient (purple fading into lavender) that gives them depth without adding visual noise and adding variation without animation. The “How We Work” cards are translucent, with a soft gradient and inner glow that helps them stand out from the background.
The booking section removes the contact form entirely and embeds Calendly directly, reducing friction between interest and action.
All of these decisions show proof early, reduce friction, and make the site easier to navigate without overcomplicating it.
The Result
The site is live at beastmedia.ca: bold, fast, and built to make the right first impression.
Send a message
© 2026 Carmen Oviedo. All rights reserved.
Designed & built by Carmen Oviedo
My Role
I was responsible for the full visual and structural direction of the site. The client brought the logo, copy, and content, and I handled everything from the colour palette and typography to the layout and overall design language. They stayed involved for feedback along the way, while I led the creative decisions.
The Challenge
Performance marketing is a saturated space, with most agency websites relying on the same visual formula: white backgrounds, minimal layouts and stock imagery. The goal was to create something that stood apart, without compromising the credibility required for a business owner to trust us with their ad spend.
The audience is experienced, results-driven, and skeptical. Many have been burned before. The design had to signal confidence and competence instantly, before a single word was read.
The Process
I started with wireframes to figure out the section flow before touching visuals — structure first, aesthetics second. It came together through back-and-forth iterations, focused on understanding the business, the audience, and what a potential client needs to see before reaching out.
Once the layout was finalized, I moved into visual exploration. The client wanted something dark, bold, and different from the typical agency look, so I explored variations on a dark base with different accent colours and gradients. The purple and pink gradient stood out immediately, it brought the right energy and personality without feeling loud or chaotic.
Visual Direction
The direction was clear: unique, different, attention-grabbing, with a focus on colour and personality.
The site is built on a dark base made up of deep blacks and near-blacks, with a purple-to-pink gradient used consistently throughout. Instead of acting as decoration, it ties the sections together and creates visual continuity across the page.
The typography is Inter. At body size, it stays clean and simple, but at larger headline sizes it becomes more expressive, bold, confident, and more editorial in feel. The contrast between large white type and the dark background does most of the visual heavy lifting.
These interactions are not only decorative. They support usability and reinforce a sense of precision and attention to detail throughout the experience.
Interactions & Animations
The site goes beyond static design, with interactive elements designed to respond to user movement and hover states.
Case study cards tilt in 3D as the cursor moves across them, while metric numbers count up on hover. The image panel expands with a smooth animation to reveal more of the visual, accompanied by an accent arrow and a purple underline that draws across the card.
Hover over the element below. This is the actual component used in the site.
Service cards follow a similar pattern, with subtle 3D tilt, a glow that appears behind the icon on hover, and slight upward movement in the title and description. An accent line also animates across the bottom of each card.
The strategy grid uses an inset purple and pink glow with a subtle vector overlay to create depth and separation from the background, while still keeping the overall system consistent.
Site Structure
The section flow was shaped by understanding the business and what a skeptical visitor needs to see before reaching out. The sequence moves from who we are and what we do, to proof, what we offer, how we think, how we work, and finally a clear call to action. It’s direct, with each section building on the last.
The case study section leads with large, visible metrics such as 230% revenue growth, 4.2X ROAS, and 214% app installs, before introducing the details. The results are immediately clear, helping establish credibility early.
Details That Matter
The hero gradient shifts from deep purple to warm amber, giving it more depth than a standard two-colour fade. Combined with the oversized headline, it sets the direction early.
The video reel sits just below, so by the time you reach the first line of copy, you’ve already seen the work.
Partner logos — Google Ads, Meta, TikTok, Shopify — appear in the hero and again in the footer. Credibility is introduced early and reinforced at the end.
Each strategy card has an internal gradient (purple fading into lavender) that gives them depth without adding visual noise and adding variation without animation. The “How We Work” cards are translucent, with a soft gradient and inner glow that helps them stand out from the background.
The booking section removes the contact form entirely and embeds Calendly directly, reducing friction between interest and action.
All of these decisions show proof early, reduce friction, and make the site easier to navigate without overcomplicating it.
The Result
The site is live at beastmedia.ca: bold, fast, and built to make the right first impression.
The Result
My Role
I was responsible for the full visual and structural direction of the site. The client brought the logo, copy, and content, and I handled everything from the colour palette and typography to the layout and overall design language. They stayed involved for feedback along the way, while I led the creative decisions.
The Challenge
Performance marketing is a saturated space, with most agency websites relying on the same visual formula: white backgrounds, minimal layouts and stock imagery. The goal was to create something that stood apart, without compromising the credibility required for a business owner to trust us with their ad spend.
The audience is experienced, results-driven, and skeptical. Many have been burned before. The design had to signal confidence and competence instantly, before a single word was read.
The Process
I started with wireframes to figure out the section flow before touching visuals — structure first, aesthetics second. It came together through back-and-forth iterations, focused on understanding the business, the audience, and what a potential client needs to see before reaching out.
Once the layout was finalized, I moved into visual exploration. The client wanted something dark, bold, and different from the typical agency look, so I explored variations on a dark base with different accent colours and gradients. The purple and pink gradient stood out immediately, it brought the right energy and personality without feeling loud or chaotic.
Visual Direction
The direction was clear: unique, different, attention-grabbing, with a focus on colour and personality.
The site is built on a dark base made up of deep blacks and near-blacks, with a purple-to-pink gradient used consistently throughout. Instead of acting as decoration, it ties the sections together and creates visual continuity across the page.
The typography is Inter. At body size, it stays clean and simple, but at larger headline sizes it becomes more expressive, bold, confident, and more editorial in feel. The contrast between large white type and the dark background does most of the visual heavy lifting.
These interactions are not only decorative. They support usability and reinforce a sense of precision and attention to detail throughout the experience.
Interactions & Animations
The site goes beyond static design, with interactive elements designed to respond to user movement and hover states.
Case study cards tilt in 3D as the cursor moves across them, while metric numbers count up on hover. The image panel expands with a smooth animation to reveal more of the visual, accompanied by an accent arrow and a purple underline that draws across the card.
Hover over the element below. This is the actual component used in the site.
Service cards follow a similar pattern, with subtle 3D tilt, a glow that appears behind the icon on hover, and slight upward movement in the title and description. An accent line also animates across the bottom of each card.
The strategy grid uses an inset purple and pink glow with a subtle vector overlay to create depth and separation from the background, while still keeping the overall system consistent.
Site Structure
The section flow was shaped by understanding the business and what a skeptical visitor needs to see before reaching out. The sequence moves from who we are and what we do, to proof, what we offer, how we think, how we work, and finally a clear call to action. It’s direct, with each section building on the last.
The case study section leads with large, visible metrics such as 230% revenue growth, 4.2X ROAS, and 214% app installs, before introducing the details. The results are immediately clear, helping establish credibility early.
Details That Matter
The hero gradient shifts from deep purple to warm amber, giving it more depth than a standard two-colour fade. Combined with the oversized headline, it sets the direction early.
The video reel sits just below, so by the time you reach the first line of copy, you’ve already seen the work.
Partner logos — Google Ads, Meta, TikTok, Shopify — appear in the hero and again in the footer. Credibility is introduced early and reinforced at the end.
Each strategy card has an internal gradient (purple fading into lavender) that gives them depth without adding visual noise and adding variation without animation. The “How We Work” cards are translucent, with a soft gradient and inner glow that helps them stand out from the background.
The booking section removes the contact form entirely and embeds Calendly directly, reducing friction between interest and action.
All of these decisions show proof early, reduce friction, and make the site easier to navigate without overcomplicating it.
The Result
The site is live at beastmedia.ca: bold, fast, and built to make the right first impression.
The Result
Send a message
© 2026 Carmen Oviedo. All rights reserved.
Designed & built by Carmen Oviedo
Work I'm proud of
Waypoint Auto
Brand identity and website built from scratch.
Valthakan Times
Award-winning UX project for an independent media brand.
Performance Creative
Designed to stop the scroll and support the strategy behind it.
Work I'm proud of
Waypoint Auto
Brand identity and website built from scratch.
Valthakan Times
Award-winning UX project for an independent media brand.
Performance Creative
Designed to stop the scroll and support the strategy behind it.
Work I'm proud of
Waypoint Auto
Brand identity and website built from scratch.
Valthakan Times
Award-winning UX project for an independent media brand.
Performance Creative
Designed to stop the scroll and support the strategy behind it.
Work I'm proud of
Waypoint Auto
Brand identity and website built from scratch.
Valthakan Times
Award-winning UX project for an independent media brand.
Performance Creative
Designed to stop the scroll and support the strategy behind it.
Work I'm proud of
Waypoint Auto
Brand identity and website built from scratch.
Valthakan Times
Award-winning UX project for an independent media brand.
Performance Creative
Designed to stop the scroll and support the strategy behind it.
Work I'm proud of
Waypoint Auto
Brand identity and website built from scratch.
Valthakan Times
Award-winning UX project for an independent media brand.
Performance Creative
Designed to stop the scroll and support the strategy behind it.
810
Work I'm proud of
Waypoint Auto
Brand identity and website built from scratch.
Valthakan Times
Award-winning UX project for an independent media brand.
Performance Creative
Designed to stop the scroll and support the strategy behind it.
Work I'm proud of
Waypoint Auto
Brand identity and website built from scratch.
Valthakan Times
Award-winning UX project for an independent media brand.
Performance Creative
Designed to stop the scroll and support the strategy behind it.
Work I'm proud of
Waypoint Auto
Brand identity and website built from scratch.
Valthakan Times
Award-winning UX project for an independent media brand.
Performance Creative
Designed to stop the scroll and support the strategy behind it.
Work I'm proud of
Waypoint Auto
Brand identity and website built from scratch.
Valthakan Times
Award-winning UX project for an independent media brand.
Performance Creative
Designed to stop the scroll and support the strategy behind it.