All projects
Static Site
Clickable prototype

Jdee Media — Transcription Service Homepage Design

A homepage design we built for Jdee Media, a media transcription service: a large display-type hero, cards for transcription, captioning and translation, and a closing call-to-action band. It never went live with final content; much of the body copy is still placeholder text.

Updated

For Jdee Media2021
  • Responsive web page
Jdee Media homepage hero reading Media Transcriptions Made Easy

Overview

Overview

Jdee Media offers transcription, captioning and translation for audio and video. We designed and built its homepage in 2021: a hero with the headline set in large display type, a row of promise cards, an about block, three service cards and a closing call to action on a dark band.

The page stopped at the draft stage. The deployed version still carries placeholder body text, the template's sample logos and figures, and demo contact details, and the About, Services, Portfolio and Contact pages it links to were never published. We list it as a prototype, for the homepage layout only.

The story in three steps

From the problem to what runs today

  1. 01 · Where it started

    The challenge

    People buying transcription, from podcasters to corporate video teams, compare services on a few points: how their files are handled, how fast the transcript comes back and how accurate it is. The homepage had to say what Jdee Media does in one line and lead straight to its three services.

  2. 02 · What we built

    The solution

    We put the service in the headline and set it large, so it reads before anything else on the page. Below it, the page follows a fixed order: three promise cards built around those buying points (data security, fast delivery, accurate results), an about block, a card each for audio and video transcription, captioning and translation, and a call-to-action band.

  3. 03 · Where it stands

    The impact

    Nothing to report as an outcome: the page is a draft and was never launched with final content. We keep it on record for the homepage design and build only.

Features

What we built into Jdee Media

Display-type hero

The headline 'Media Transcriptions Made Easy' is set in large display type with the brand name above it.

Promise cards

Three cards for data security, fast delivery and accurate results directly under the hero.

Service cards

Audio and video transcription, captioning and translation, each as its own card.

Call-to-action band

A dark closing band inviting visitors to get in touch, above the footer.

Real screens · 1

What Jdee Media looks like

Project details
Tech stack
HTML5CSS3JavaScriptSASSNetlify
Timeline & team
2021
FAQ

Questions about this project

Why is the Jdee Media homepage listed as a prototype?

It was never finished: the deployed page still has placeholder copy and demo contact details, and its inner pages were not published, so only the homepage design and build are shown.

Which services does the Jdee Media homepage present?

Audio and video transcription, captioning and translation, each on its own card under a heading about helping media companies build their brands.

More work

Other things we shipped

All projects
Niyati Tiwari UX designer portfolio hero on a black background
Portfoliofor Independent professionals

Portfolio Websites for Professionals — 17 Sites

Seventeen live one-page portfolio websites we built for independent professionals: a photographer, a cybersecurity researcher, developers, marketers, a content writer with a nursing background, a UX designer, an agronomist and more. Each is a static HTML, CSS and JavaScript site on Netlify.

HTML5CSS3JavaScriptjQuery+12
17Live portfolio sites in this collection
Case study
Black home page with 'DAMIR PEHAR' in huge white type, View My Work and Get In Touch buttons and a row of phone screen mock-ups.Built
Portfoliofor Damir Pehar

Damir Pehar — UX Designer Portfolio Website

A personal portfolio website for Damir Pehar, a UX designer in Chicago. We built the home, work, about and contact pages and three long-form case studies on a customised GSAP template, with scroll-driven animation and a WebGL hover effect. It is complete, with no public URL on record.

HTML5CSS3JavaScriptGSAP (ScrollTrigger, ScrollSmoother)+3
7Pages built, including three long-form case studies
Case study
Turf Agronomy home page with an aerial golf course photo and the line I am an elite level golf player, turf scientist and greenkeeper
Static Sitefor Daniel Hahn (Turf Agronomy)

Daniel Hahn Turf Agronomy — Golf Agronomist Website

A five-page website we built for Daniel Hahn, a turfgrass agronomist and applied scientist who advises golf courses: a photo-led home page, a career timeline, a publications list, an agronomy strategy page and a contact form.

HTML5CSS3JavaScriptSASS+1
Got a project?

Let's build the
next one together

Tell us what you're trying to ship and which project here is closest to it. We'll reply with the questions that shape the plan, then start with a two-week Discovery Sprint, so you see the screens and the plan before any code is written.

Not ready for a full build? Start with a Discovery Sprint, or get a code audit of an app someone else built. See how a project runs with us.

We work from Bengaluru with clients in India and abroad: app development in Bangalore, for businesses in the UAE and for businesses in the UK.