The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
TOI VideoShow – Responsive Video Detail & Content Platform UI
Developed the responsive VideoShow detail-page UI for Times of India’s high-traffic Web/mWeb platform.
Built the complete video-detail experience including video player, metadata, description, sharing actions, comments and recommended content.
Developed a reusable and modular content-card component with conditional rendering to support multiple content types and layouts from a common component structure.
Implemented the same reusable card architecture across Top Viral Videos, Short Videos, Related Articles and Recommended Playlist sections with different data, content and UI states.
Built responsive featured-content layouts, including large lead cards combined with supporting cards and multi-column content grids.
Developed horizontal/carousel-style sections for Short Videos and Related Articles, including navigation controls and responsive card behaviour.
Integrated the Share Your Opinion / Comments UI into the VideoShow experience, including first-comment state and user interaction entry point.
Implemented responsive video player controls, playback UI, overlays, metadata, CTA actions and supporting content sections.
Worked on conditional UI rendering for different content formats while maintaining a consistent design system and reusable frontend architecture.
Built the page for desktop, tablet and mobile Web/mWeb experiences, ensuring responsive layouts and component behaviour across screen sizes.
Focused on pixel-accurate UI implementation, reusable components, CSS architecture, cross-browser compatibility and production-ready frontend development.
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Trending
retrofuturism
Share your favorite designs from the past exploring the distant future. Or your own take on the aesthetic 🚀
halftone
Dots. Texture. Grain. Let's see your designs using the halftone technique.
Midjourney
Creatives are showing off what they're making with Midjourney.
colorgrade
Video editors sound off: How do you enhance the mood of your video in color grading?
Related posts
Day 8/30 of designing one hero section every day.
Today: Cerro, a single-origin coffee brand. And after three days of building reveal mechanics, this one has almost no interaction at all.
→ The photograph is the design. An overhead shot of a picker at work, dark glossy foliage, red cherries. My only job was to not get in its way.
→ The light does the layout for me. The image funnels attention to the center, so the type sits in the shadowed edges where it doesn't compete. No scrims, no overlays needed.
→ The only motion is an entrance: the wordmark alone on empty plants, then the picker fades in.
Credits: Arbi Khan for the template
Image: Google Nano Banana
Built in Framer
8 down, 22 to go.
A new hero section every day for 30 days is a brutal pace. Eight days in, is it getting harder to avoid repeating yourself, or is the constraint actually making ideas come faster?
Concept design for perfumes with character, intended for special occasions 😁
Amazing
This is a modern and responsive real estate marketplace designed to connect buyers, sellers, renters, landlords, and agents on one intuitive platform. The design focuses on a seamless property search experience with advanced filters, interactive listings, AI-powered recommendations, and a clean, conversion-focused interface.
Nice work