Video Page

Video Layout

DARK THEME

WEBAPP - MOBILE

APP (Android)

MOCKUPS

Mobile (414): https://univision.invisionapp.com/share/67FCX11NAVB
APPS - android (360): https://univision.invisionapp.com/share/A4FQOVD5WCQ

CRAFT DIRECT URLs

Mobile

414: https://univision.invisionapp.com/d/main/#/console/12863211/273723477/inspect

Apps:

Android: https://univision.invisionapp.com/d/main#/console/13249074/278062007/inspect

DESKTOP

MOCKUP

Desktop (1440): https://univision.invisionapp.com/share/U9FCX6MYEHB

CRAFT DIRECT URLs

Desktop

WHITE THEME

WEBAPP - Mobile

APP (android)

MOCKUPS

Mobile (414) - white theme: https://univision.invisionapp.com/share/4HFDVTQTAGX
APPS - android (360): https://univision.invisionapp.com/share/ZEFQPN39S5J

CRAFT DIRECT URLs

Mobile

414 - white theme: https://univision.invisionapp.com/d/main/#/console/12863211/273724296/inspect

Apps:

Android: https://univision.invisionapp.com/d/main#/console/13249074/278062009/inspect

DESKTOP

MOCKUP

Desktop (1440)-white theme: https://univision.invisionapp.com/share/R9FDQ2X3FXW

CRAFT DIRECT URLs

Desktop

1440 - white theme: https://univision.invisionapp.com/d/main#/console/12862898/273724836/inspect
1280 - white theme: https://univision.invisionapp.com/d/main#/console/12862898/273724837/inspect
1024 - white theme: https://univision.invisionapp.com/d/main#/console/12862898/273724838/inspect
768 - white theme: https://univision.invisionapp.com/d/main#/console/12862898/273724839/inspect

🎨 Sketch editable files:

WEBAPP: https://drive.google.com/open?id=1OjdmniMPbLMgZsxRpNnsQgHBRMkW56Wi
APPS - Android: https://drive.google.com/open?id=1PAj5mRnZfUchR7ZwLaNUC6t-qKxeNp7S

VIDEO PAGE + TABS ( dark theme )

MOBILE

APPS (Android)

MOCKUPS

Mobile (414)- tabs: https://univision.invisionapp.com/share/F3GHK1H5BG2
APPS - android (360) - tabs: https://univision.invisionapp.com/share/9KGHK1TG6QA

CRAFT DIRECT URLs

Mobile

414 - tabs: https://univision.invisionapp.com/d/main/#/console/12863211/286817896/inspect
320 - tabs: https://univision.invisionapp.com/d/main/#/console/12863211/286817895/inspect

Apps:

Android tabs: https://univision.invisionapp.com/d/main/#/console/13249074/286818866/inspect

DESKTOP

MOCKUP

Desktop (1440): https://univision.invisionapp.com/share/GSGHK5CWCE3

CRAFT DIRECT URLs

Desktop

VIDEO PAGE + TABS ( white theme )

Rule: Active tab has the primary color of the section

WEBAPP - MOBILE

APPS (Android)

MOCKUPS

Mobile (414)- tabs: https://univision.invisionapp.com/share/2EGHKA0MNRP
APPS - android (360) - tabs: https://univision.invisionapp.com/share/MSGHKBYX8RP

CRAFT DIRECT URLs

Mobile

414 - tabs https://univision.invisionapp.com/d/main#/console/12863211/286818024/inspect
320 - tabs: https://univision.invisionapp.com/d/main#/console/12863211/286818023/inspect

Apps:

Android - tabs: https://univision.invisionapp.com/d/main/#/console/13249074/286818867/inspect

DESKTOP

MOCKUP

Desktop (1440): https://univision.invisionapp.com/share/2QGHKGC7WAF

CRAFT DIRECT URLs

Desktop

🎨 Sketch editable files:

WEBAPP: https://drive.google.com/open?id=1xe-J6pq0HZxr3tZq20N1GGBrfmv6QA71
APPS - Android: https://drive.google.com/open?id=1NgyKn-IR-asPdoQdOa8TTjbS8-WX7w2B

Match clips highlights ( Deportes variation) -Black theme (NOT AVAILABLE YET)

WEBAPP

APPS - Android

MOCKUPS

Mobile (414)- Match clips highlights: https://univision.invisionapp.com/share/YJFU149ZB4E
APPS - android (360) - Match clips highlights: https://univision.invisionapp.com/share/6YFU1SJCHAW

CRAFT DIRECT URLs

Mobile

414 - match clips highlights: https://univision.invisionapp.com/d/main/#/console/12449858/279097305/inspect
320 - match clips highlights: https://univision.invisionapp.com/d/main/#/console/12449858/279097304/inspect

Apps:

Android match clips highlights: https://univision.invisionapp.com/d/main/#/console/13185144/279088191/inspect

DESKTOP

MOCKUP

Desktop (1440) - Match clips highlights: https://univision.invisionapp.com/share/PFFU1PWJWRE

CRAFT DIRECT URLs

Desktop

1440 - match clips highlights: https://univision.invisionapp.com/d/main/#/console/12189490/279097614/inspect
1280- match clips highlights: https://univision.invisionapp.com/d/main/#/console/12189490/279097615/inspect
1024- match clips highlights: https://univision.invisionapp.com/d/main/#/console/12189490/279097616/inspect
768- match clips highlights: https://univision.invisionapp.com/d/main/#/console/12189490/279097617/inspect

Match clips highlights ( Deportes variation) - White theme (NOT AVAILABLE YET)

WEBAPP

APPS - Android

MOCKUPS

Mobile (414) - match clips highlights: https://univision.invisionapp.com/share/MQFU1TMT4A5
APPS - android (360)- match clips highlights: https://univision.invisionapp.com/share/J6FU1VFVDG5

CRAFT DIRECT URLs

Mobile

414 - white theme match clips highlights: https://univision.invisionapp.com/d/main/#/console/12449858/279097477/inspect
360 - white theme match clips highlights: https://univision.invisionapp.com/d/main/#/console/12449858/279097476/inspect

Apps:

Android - white theme match clips highlights: https://univision.invisionapp.com/d/main/#/console/13185144/279088192/inspect

DESKTOP

MOCKUP

Desktop (1440)- match clips highlights: https://univision.invisionapp.com/share/S6FU1UAAKEC

CRAFT DIRECT URLs

Desktop

1440-white theme-match clips highlights: https://univision.invisionapp.com/d/main/#/console/12189490/279097691/inspect
1280-white theme-match clips highlights: https://univision.invisionapp.com/d/main/#/console/12189490/279097692/inspect
1024-white theme match clips highlights: https://univision.invisionapp.com/d/main/#/console/12189490/279097693/inspect
768-white theme-match clips highlights: https://univision.invisionapp.com/d/main/#/console/12189490/279097694/inspect

🎨 Sketch editable files:

WEBAPP - Match Clips Highlights: https://drive.google.com/open?id=1JYpwEDVFobLKNjVio8bIq15_G14rgZGo
APPS - Match Clips Highlights: https://drive.google.com/open?id=1n7Acb7b5r1p-8ZHTDAcv3fnXOtwb44eQ

VERTICAL VIDEO ( behavior )

Report abuse