The Moment When Hearing a Song You Like in the Movies/Dramas

  • I Think We’re Alone Now
    Tiffiany
    • Umbrella Academy S1 (2019)
    • Blinded by the Light (2019)
    • Ted 2 (2015)
    • Ted (2012)
  • Under Pressure
    Queen
    • Bohemian Rhapsody (2018)
    • Sing (2016)
    • Happy Feet 2 (2011)
    • It’s Kind of a Funny Story (2010)
  • Stayin’ Alive
    The Bee Gees
    • Supernatural S14 (2018)
    • Ready Player One (2018)
    • The Secret Life of Pets (2016)
    • Glee S3 (2012)
    • Sherlock S2 (2012)
    • Ted (2012)
    • Madagascar (2005)
  • Never Gonna Give You Up
    Rick Astley
    • Dark S2 (2019)
    • Bumblebee (2018)
    • The Disaster Artist (2017)
    • The Lego Batman Movie (2017)
  • Take on Me
    A-Ha
    • Bumblebee (2018)
    • Ready Player One (2018)
    • Deadpool 2 (2018)
    • La La Land (2016)
    • Sing Street (2016)
    • Family Guy: Breaking out is Hard to Do (2005)
    • The Simpsons: Future-Drama (2005)
  • RoleUser Research, UI Design, Web Front-End
  • LanguagesEnglish & 正體中文
  • Status
    • Deliverables are ReadyLink
Switch Language中文

We often use the apps like SoundHound or Shazam to find out the songs upon hearing them. However, we still have to memorize the lyrics and submit them to the search engine most of the time. For example, we went to 📽 the movies.

If we could get to know the song names by searching the movies/dramas, we wouldn’t need to memorize the lyrics when watching them.

Question

How Might We Find Movie/Drama Names and Get to Know the Songs You Heard in Them?

Ideas

🤔 Initial Idea

List the Songs in a Movie or Drama

  • Visitors might want to find the movies in theaters or streaming services.
  • There will be little data per movie or drama.
  • La La Land
    I Ran (So Far Away)
    Take on Me
  • Ready Player One
    Jump
    Take on Me
    Stayin’ Alive
    Everybody Wants to Rule the World
↪️ 1st Iteration

List the Movies or Drama which Used the Song

I turned to introduce a song with its name, artist, lyric, and the movies/dramas heard.

  • Starman
    Artist: David Bowie
    Lightyear Trailer
    Troop Zero
    The Martian
    The Crown Season 3
    The Simpsons Season 26
    Lyric
  • Everybody Wants to Rule the World
    Artist: Tears For Fears
    Bumblebee
    Ready Player One
    Click
    Glee Season 4
    Lyric

Visitors reached the website by searching a song’s name, its artist and lyric, and movie/drama names.

what.screenshot.mobilewhat.screenshot.tablet

Stats

The songs started to appear in search results and gain clicks. The keywords are:

A Song’s Lyric

we can be heroes just for one daylawrence of arabia british beatlemania200 degrees that's why they call me mr fahrenheit

A Movie or Drama’s Name with a Song’s Name

the umbrella academy i think we re alone nowsing movie under pressurejojo walk like an egyptian

A Song’s Name

never gonna give you upuptown girltake on me

There have been 8,000+ search result appearances*.

What I Have Learned

Information Architecture & Web Page Value

Information architecture affects web page value because search engines label those with few contents as Excluded.

Fair Use of the Album Covers

It’s common sense that album covers are subject to copyright, but fair use laws in many countries cover the use of low-resolution ones.

Front-End Development Notes

I wrote an article on the web front-end framework for the project at 使用 Astro 打造速度飛快的靜態網站 (中文).

* As of January 2022