Codebun.ca

Codebun.ca

SCROLL

Blue Cylinder
Blue Cylinder
Blue Cylinder

Timeline

September 29-October 11

2 weeks



Role

Head of Design

User Research



Industry

Real Estate

Podcast Website



Team

1 Designer

1 Developer

1 Marketer


About The Podcast

The Canadian Mortgage Show is your go-to source for cutting through the noise with straightforward facts on mortgages and real estate. While based in BC, they cover national trends and bring in expert guests to provide real insights and practical advice for Canadians.

Highlight

Leaving an Impression: Podcast Hosts Website

Two rising podcast hosts discussing current issues and solutions related to mortgages in Canada. They needed a clean, straightforward website to showcase their recent episodes and encourage user interaction.

The goal was to create a user-friendly design that highlights their podcast content, while promoting their online presence and fostering growth within their target audience.

Highlight

Many companies overlook just how powerful great UX/UI design can be in shaping their brand. It plays a massive role in driving success with the goal to help businesses grow stronger through smart, user-focused design and a touch of marketing magic.

Highlight

Maximizing Brand Impact Through Smart UX/UI Design

Many companies underestimate the powerful influence of great UX/UI design on their brand identity and success. At Codebun, they aimed to bridge that gap by emphasizing the crucial role that user-centered design, paired with strategic marketing, plays in driving business growth.

My first step in contributing to this goal was conducting in-depth market research and a comprehensive competitor analysis to better understand the company’s target audience and refine its approach to design solutions.

Website Objective

Website Objective

User Research and Insights

User Research and Insights

  • User Demographics: Canadian homeowners, mortgage seekers, and financial advisors form the target audience. Understanding their online habits, preferred content format, and accessibility preferences is key.


  • Pain Points:

    • Difficulty in navigating overly complicated websites.

    • Slow-loading podcast episodes and hard-to-find information on episode themes.


  • User Feedback:

    7/10 users prefer a straightforward approach without over-analyzing the website. They want clear indicators, a brief introduction to the hosts, easy access to the latest episodes, subscription details, comment sections, and contact information.

Design Outcome

Design Outcome

Using the research results, prioritizing a clear homepage with an easy-to-use navigation bar creates streamlined navigation. Further analysis ensures that the podcast website aligns with industry trends while addressing user needs, ultimately enhancing both functionality and user engagement.

Feature Designs According to Analysis

Feature Designs According to Analysis

Homepage Design: How do competitors introduce their content?

  • Common Approach: Most competitors use hero sections with eye-catching banners or podcast images, often featuring the latest or most popular episodes.

  • Highlighted Content: Clear and concise taglines or episode titles are displayed to grab attention. Some might use a short video or audio clip to introduce the podcast.

  • Featured Hosts: Brief bios of the hosts to establish credibility.

Episode Listings: Are there standout ways episodes are presented?

  • List Format: Competitors often use a chronological list of episodes with thumbnails, short descriptions, and durations.

  • Visual Appeal: Episodes are presented in cards or grids, making them visually engaging and easy to scroll through.

  • Featured Episodes: Standout or popular episodes are pinned at the top or marked with badges.

My Role

  • Conducted primary research, user interviews and competitor analysis 

  • Turned research insights into viable design ideas

  • Designed the user experience

  • Crafted high-fidelity user interfaces

  • Created interactive prototypes to bring the design to life

  • Provided a responsive design