Lionsgate.com

Creative direction and interactive design for studio website with Hybrid Studio 2017 - 2020

Lionsgate.com

Inspired by the UX of streaming platforms. In response to a more holistic approach and desire to breakaway from traditional studio website nuances -

and start to align Lionsgate among new media platforms. Merging tradition with innovation.

— Mike Orduna w/ Hybrid Studio

Index2.jpg
Index3.jpg
Index4.jpg
Home_00.jpg
Home_01.jpg
Home_02.jpg
Home_03.jpg
Home_04.jpg
Home_04B.jpg
Home_05.jpg
Home_05B.jpg
Home_06.jpg
Home_06B.jpg
Menu_00.jpg
Menu_01.jpg
Menu_02.jpg
Menu_03.jpg
Menu_04.jpg
Menu_05.jpg
About_01.jpg
About_02.jpg
About_03.jpg
About_04.jpg
News_02A.jpg
Subscribe_01.jpg

Modular UX + UI across native and product microsites.

Designed an ecosystem of content product pages for film, shows, and games.

As well as search functionality across multiple page iterations.

A custom parallax build layered with video and shareable content, for desktop + mobile.

Product_JW2_01.jpg
Product_JW2_03.jpg
Product_JW2_09.jpg
Product_JW2_10.jpg
Product_JW2_11.jpg
Product_JW2_12.jpg
Search_Start_01.jpg
Search_Start0.jpg
Search_Start0B.jpg
Search_Movie_Title.jpg
Search_Results_Games_01.jpg
Search_Results_Movies_01.jpg
Search_Results_Shows_01.jpg
Search_Start_02.jpg
Search_Movie_Franchise1.jpg
Search_Shows.jpg
Search_ShowsAlt.jpg
Search_Start2_Edit.jpg
Search_Divergent.jpg
Search_HungerGames.jpg
Search_Movies.jpg
Search_Shows.jpg

Round 1

Below are early concept designs showing where we started in the project. Leaning a bit more “editorial” in design.

Lionsgate_TV_MadMen_01A.jpg
BuyModule_TV_01B.jpg
Lionsgate_TV_ROYALS_01A.jpg
Lionsgate_HomeProduct_NERVE_01A.jpg
BuyModule_TV_01C.jpg
Lionsgate_HomeProduct_JohnWick2_01A.jpg
BuyModule_TV_01A.jpg
01.jpg
02.jpg
03.jpg
Lionsgate_UI_Search_01A.jpg
Lionsgate_UI_Search_01B.jpg
Lionsgate_UI_Search_01C.jpg
Lionsgate_UI_Search_01D.jpg

Credits

Acknowledgements & Recognition

Team

Jeff Lin - Strategy
Mike Orduna - CD / Design
Lori Fujikawa - AD
Kai Wong - Dev
Ronald Wisse - Dev
Csaba laki - Dev

Evan Fisk - Lionsgate
Kathy Arendain - Lionsgate

Client

Hybrid Studio / Lionsgate

Ad Astra

Art direction and design for custom social media creative.