CNC La Unión Landing Page

Next.js, TailwindCSS

Main project image

I developed the website for CNC La Unión, a local community channel in Colombia. The site presents news, programs, and live streaming options with a modern, responsive design.

Visit the project ↗

Table of Contents

  1. Overview
  2. Role
  3. Challenge
  4. Goal
  5. Solution
  1. Challenges and Learnings
  2. Final Thoughts

Overview

CNC La Unión is a community television channel in Colombia, offering local news, programs, and live streaming services.

I built their official website, designed to connect the channel with its audience online, offering easy access to content and live broadcasts. Built with Next.js and TailwindCSS, the site ensures speed and adaptability.


👨‍💻 Role

Frontend Developer Responsible for the website’s development and implementation of the design.


❓ Challenge

CNC La Unión needed:

  1. A modern platform to share news and programs.
  2. Live streaming integration for their audience.
  3. A mobile-friendly design for better reach.

🎯 Goal

  1. Build a fast, responsive website.
  2. Support the channel’s growth by expanding its digital presence.
  3. Deliver a clean and accessible platform for viewers.

Landing CNC La Unión


✨ Solution

Tech Stack

Key Features

  1. Modern Design: Clear sections and easy navigation.
  2. Live Streaming: Direct access to the channel’s live signal.
  3. News & Programs: Organized for easy discovery.
  4. Responsive Layout: Optimized for mobile and desktop.

User Flow

  1. First Visit: Users discover news and latest updates.
  2. Watch Live: Access live broadcasts directly.
  3. Explore Programs: Navigate through different shows and sections.

⚙️ Challenges and Learnings

  1. Streaming Integration: Ensuring stable performance for live content.
  2. Content Organization: Making news and programs easy to find.
  3. Performance Optimization: Fast load times for all users.

✨ Final Thoughts

  1. Strong Digital Presence: Key for local media channels to grow.
  2. Next.js + TailwindCSS: A solid tech stack for dynamic websites.
  3. User Experience: Focus on clarity and easy access boosts engagement.