An aspiring creative technologist, imagining & crafting for digital experiences.

Contact

TITAN UNIVERSE

College blog website for Cal State University, Fullerton. Built using Wordpress, HTML, CSS, & JS. Along with social media graphics for Instagram, built using Canva & Figma.

Wordpress
UX Design
Digital Marketing
Web Development
Social Media
Titan Universe landing thumbnail

Titan Universe — Landing

Project Overview

Titan Universe is Cal State Fullerton’s digital media hub. It features multimedia content related to news, entertainment, music, sports, and more.

It houses various shows and programs produced by students, from Titan TV, Titan Radio, and OC News, among others. Serving as a platform for students to showcase their work and keep the campus community informed and entertained.

Titan Universe landing thumbnail

Landing Features & Widgets

Design Process

To initiate the redesign process, my first steps were to examine pain points within the site. I gathered responses from colleagues discussing changes to be made visually, heuristically, & efficiently without disabling the site for other users. With the research gathered, I narrowed my approach to 3 main pain points:

    Visually Unbalanced
  • Heavy visual weight, leaning to the left side due to list of social icons
  • Mix of color palettes in use (green/sea-foam colors + CSUF’s colors)
  • Too much whitespace—does not utilize elements in hierarchical way
    1. Repetitive Information
  • Descriptions of Titan Communications branches are unnecessary, feels more like an about page rather than home page
  • Lots of text rather than visuals
  • Header is repetitive, displaying icon and name twice
    1. Lacking Engagement
  • Not enough cues, visuals, or CTA buttons to draw user into exploring the site or finding their go to media
  • Does not match use case (displaying playable content)
  • Not enough “clickable” media
  • Titan Universe landing thumbnail

    Old Landing Page (in need of revamp)

    Changes Made

    With multiple iterations throughout the semester, changes ranging from small visual to large hierarchical were made. As well as web redesign, there were several social media content changes made too.

  • Accessibility
  • Added Visuals & Graphics
  • New Social Media Assets + Design Library on Canva
  • Clickable CTA Content—New Shows & Content
  • Organized Navigation Bar
  • TU Gallery

    Gallery Page

    Titan Universe Mid Homepage

    Carousel with Recent BTS images

    Titan Universe landing

    Revamped landing

    Future Ideas & Prospects

    Home page—feature articles or interactivity
    People can "buy ad space" to promote student films, podcasts, art, shows, and more
    Provide more resources on campus
    Humans of Titan Comms—feature real stories of people who work there, encourage more people to join
    About Page describing the team (WIP)
    Extra content only found on TU—blog post, interpersonal stories, articles, short form content
    Notion implementation for more collaborative processes & workflow

    What I Learned

    Time management - posting consistently
    Developed learning for Wordpress mechanics & techniques
    Visual Design—How can users effectively & efficiently navigate the site?
    Skill Sets: Wordpress, Canva, Instagram, Twitter, Youtube Studio, Figma, Collaboration, Task Delegation, Clear Communication
    Monitor engagement within social media & site analytics

    Titan Universe landing thumbnail

    Tools & Technologies Used

    • WordPress
    • HTML5
    • CSS3
    • JavaScript
    • PHP
    • Figma
    • Adobe Illustrator
    • Adobe InDesign
    • Canva
    • Capcut