What we learned from designing TV show props

JIN Design

27 Mar, 2018


Two years ago,

MediaCorp commissioned JIN Design to design various mobile apps to aid with their channel 8 TV production, Dream Coder – a drama revolving around tech startups in Singapore.

Together with our partner agency – Originally Us, we worked closely with the production team of Dream Coder to delivered 9 app designs collectively in the last two months of 2016.

This entailed providing various digital props to be exhibited in the drama like wireframes and mockups & also provide design consultancy and on-site support.

Aside from a fun and eye-opening experience on the production set, here are the 3 takeaways from being part of this TV production:

1. Different approach in understanding design requirements

Unlike how we usually gather our design requirements, we sat down for 3 hours with the scriptwriter and producer to go through 20 episodes worth of storyline.

We had to understand the script thoroughly and identify lines where designs are showcased on-screen. From there, we gathered and studied the design requirements for each app design.


Screen Shot 2018 03 28 at 11.04.59 AMRequirement:

Screen Shot 2018 03 28 at 10.21.50 AM

2. Creating the best first impression

Designing for TV show props differs from designing an actual app. The audience, unlike actual app users, do not get to explore and experience the app physically. Thus, we control what they see and how they feel about the app.

Each app we designed only had a mere few seconds of screen-time. It may seem easy to design these 4-6 screens, but behind the quick appearance, it took us 1 ~ 7 days to complete each app design.

First impression counts when designing for this particular project. We had to make sure the audience understand what the app does through the few seconds of screen-time and supporting lines from the actors.

3. Showcasing the key points

As we can’t show the whole app design, we identified key screens and functions mentioned in the script. This helped us conceptualise, create wireframes, mockups and the interaction to be shown.

Working hand-in-hand with the production crew definitely sped up the process. As we produce the designs, we discuss and align with their vision and expectation for the scene.

Want to see more app designs done up for Dream Coder? Check out our portfolio here

Read up on the blog post for this project’s brief and design challenges here


Our End-To-End Web Services.

JIN Design services icon - Start

Design & Development

Web design and web development for your  custom website requirements.

JIN Design services icon - convert

WordPress & Website

WordPress, Webflow or WooCommerce design & development services for your website needs.

JIN Design services icon - optimise

Convert & Optimise

Optimise your website  performance and enhance its Google PageSpeed score. 

JIN Design services icon - maintain

Website Maintenance

Maintain your website content and ensure your website is safe and secure.

More From the Blog.

Thumbnail for Top 17 Web Design Companies In Singapore

Top 17 Web Design Companies In Singapore

In today’s digital age, a company’s website is often a potential customer’s first impression of their business. A well-designed website attracts visitors, promotes engagement, and boosts conversion rates.

Thumbnail of Best SEO Courses Singapore

Best SEO Courses Singapore

Are you a business owner, marketing professional or simply an enthusiast looking to gain a deeper understanding of SEO? In this article, we’ll help you navigate the various

Thumbnail for email hosting Singapore

Best Email Hosting Singapore

Email remains an essential communication tool in today’s digital age, and businesses need to have a reliable and secure email service to succeed. This is especially vital for

Sage Animation

Best Graphic Design Companies in Singapore

Graphic design is an essential element of modern business and branding, and finding the right graphic design agency can make all the difference in achieving your marketing goals.

Thumbnail for SEO Agencies in Singapore

Best SEO Agencies in Singapore

Search Engine Optimisation (SEO) has become a critical component of any successful online marketing strategy. With millions of websites competing for attention, it’s essential to have a strong

thumbnail for UX UI Design Agency In Singapore

Top 30 UX UI Design Agency In Singapore

If you’re looking to enhance your website or mobile app’s user interface (UI) or user experience (UX) design, you need the expertise of a professional design agency. In