• Home
  • About
  • Film/Video
  • Writing
  • Blog
  • Contact
  • Little Oneironaut 👽

Courtney Hoskins

Writer/Director

  • Home
  • About
  • Film/Video
  • Writing
  • Blog
  • Contact
  • Little Oneironaut 👽

The Simpsons - "Nedna"

Project: "Nedna"

Company: Fox

Role: Front End/UX Lead

Project Details: Front end lead. Full build of HTML/CSS/JS and Flash from design comps. Designed, created and developed "yes/no" animation behavior using Flash/ActionScript and AfterEffects. Handled expectations from product and marketing teams to deliver experience after airing of season finale. Worked with Simpsons animators to propose animation in-line with Simpsons style (see video). Hooked up social sharing with Facebook and Twitter. Voting took place between seasons and captured millions of votes to in-house database.

3D Interaction

Project: Interactive UFO

Client: None

Tools: Three.js, webGL, JavaScript, HTML, CSS

Project Details: Proof of concept interactive UFO model. UFO model and sky background from online resources.

Fringe

Project: Fringe

Company: Fox

Role: Development Team Lead

Project Details: Full build of HTML/CSS/JS from design comps. Managed project expectations and assigned tasks to developers as needed. Oversaw development throughout the life of the site and managed expectations from product team. Oversaw on-air callouts for sponsored content that required cache clearing and handling of millions of simultaneous user requests.

FX Now

Project: FXNow

Client: FX Networks

Company: Diamond Web Services

Role: Front End Developer

Project Details: Troubleshooting Adobe Pass authentication, UI engineering, front end styling

The Simpsons - Couch Gag Contest

Project: Simpsons Couch Gag Contest

Company: Fox

Role: Front End/UX Lead

Project Details: Front end lead. Full build of HTML/CSS/JS  from design comps. Designed and developed all user interaction. Proposed and developed animation for remote control "couch gag" switching functionality, working closely with show producers and animators and managing expectations (see below screencap). Ensured site could handle traffic and data uploading. Show producers received thousands of submissions for the contest.

Home Advisor

Project: Home Advisor Intranet Redesign

Client: Home Advisor

Role: UX Director, Graphic Designer, front end developer

Project Details: Complete redesign of company intranet on WordPress. Built wireframes, mockups, prototypes, and all UI elements. Featured here: examples of microinteractions on various page sections.

E Source

Project: Various (see below)

Company: E Source

Role: Senior UX Developer

Project Details: Led UX and development on various projects. Created multiple market research data visualization dashboards using D3 (see screengrab below- content blurred for client data protection). Introduced R as data science solution for team. Manipulated data in R and displayed it as web pages using Shiny server. Output data as JSON for consumption with D3 and replaced a data visualization tool the company was previously paying tens of thousands of dollars annually to use. Proof of concept brought this tool in house.

Drove UX for website redesign, finding solutions to keep users from having to navigate 10+ pages deep for content. Created a single-page application "feel" to a Drupal site with hundreds of pieces of content and pages. Prototyped "headless" Drupal solution, using Angular on the front end, but ended up writing functionality from scratch, keeping the code lean and the logic straightforward and maintainable.

Created engaging animations throughout the site and E Source homepage to capture user attention.

Backstory Magazine

Project: Backstory Magazine

Client: Jeff Goldsmith/Unlikely Films

Role: Lead developer, UX director

Project Details: Website for digital screenwriting magazine Backstory. Created an online hub for the magazine, its screening series, and podcast, and integrated with Adobe's Digital Publishing Suite for a web-readable version of the magazine. Updated WordPress templates, wrote custom plugins and migrated site to new host.

Simpsons World

Project: Simpsons World (simpsonsworld.com)

Client: FX Networks

Company: Diamond Web Services

Role: Front End Developer

Project Details: UI styling, SVG creation, created front end logic for file management. social media integration.

The Simpsons - "Nedna"

— view —

3D Interaction

— view —

Screenshot 2023-05-31 at 10.36.53 AM.png

Fringe

— view —

FX Now

— view —

The Simpsons - Couch Gag Contest

— view —

Home Advisor

— view —

Screen Shot 2019-05-15 at 12.04.49 PM.png

E Source

— view —

Backstory Magazine

— view —

Backstory Magazine

Simpsons World

— view —

Content Copyright  ©2024 Courtney Hoskins