HTML / CSS / JavaScript

Marketing and content scenarios

Landing pages, pricing, campaigns, case studies, and content conversion.

74category cases
Currently showing 74 cases
0028Marketing and content scenarios

Tea Brand Narrative Hero Section

Narrative hero section for a tea beverage brand scenario: includes real content, interactive controls, clear state feedback, and cross-size layouts.

Marketing and content scenariosNarrative HeroHTMLCSSJavaScript
Open and run
0044Marketing and content scenarios

Tea Brand Pricing Page

Complete the pricing plans page for the tea brand scenario: include real content, interactive controls, clear state feedback, and responsive layout across sizes.

Marketing and content scenariosPricing PlansHTMLCSSJavaScript
Open and run
0060Marketing and content scenarios

Tea Brand FAQ Conversion Area

Complete the Q&A conversion section in a tea brand scenario: includes realistic content, interactive controls, clear status feedback, and responsive layouts across sizes.

Marketing and content scenariosQ&A conversion zoneHTMLCSSJavaScript
Open and run
0076Marketing and content scenarios

Tea Brand Word-of-Mouth Story Wall

Complete a testimonial story wall in a tea beverage brand scene: with real content, interactive controls, clear state feedback, and responsive layouts across sizes.

Marketing and content scenariosWord-of-mouth story wallHTMLCSSJavaScript
Open and run
0092Marketing and content scenarios

Tea brand feature tour page

Create a feature tour page in a tea brand scenario: include real content, interactive controls, clear state feedback, and responsive layouts.

Marketing and content scenariosFeature Guide PageHTMLCSSJavaScript
Open and run
0108Marketing and content scenarios

Tea Brand Launch Countdown Page

Complete a launch countdown page for a tea brand scenario: includes real content, actionable controls, clear status feedback, and responsive layouts across sizes.

Marketing and content scenariosLaunch countdown pageHTMLCSS AnimationJavaScript
Open and run
0124Marketing and content scenarios

Tea Brand Subscription Landing Page

Build a subscription conversion page for a tea brand context: it includes real content, actionable controls, clear state feedback, and layouts that adapt across sizes.

Marketing and content scenariosSubscription Landing PageHTMLCSSJavaScript
Open and run
0140Marketing and content scenarios

Tea brand event agenda page

Complete an event agenda page for a tea beverage brand scenario: includes real content, interactive controls, clear state feedback, and responsive layouts across sizes.

Marketing and content scenariosEvent Agenda PageHTMLCSSJavaScript
Open and run
0156Marketing and content scenarios

Tea brand case study page

Complete a case study page in a tea brand scenario: includes real content, actionable controls, clear state feedback, and responsive layouts.

Marketing and content scenarioscase study pageHTMLCSS GridResponsive Design
Open and run
0172Marketing and content scenarios

Tea brand product comparison page

Complete a product comparison page for a tea brand scenario: includes real content, actionable controls, clear state feedback, and responsive layouts across sizes.

Marketing and content scenariosProduct comparison pageHTML TableCSSJavaScript
Open and run
0188Marketing and content scenarios

Creative Festival Narrative Hero

Complete a narrative hero section for a creative festival scenario: include real content, interactive controls, clear state feedback, and cross-size layouts.

Marketing and content scenariosNarrative HeroHTMLCSSJavaScript
Open and run
0204Marketing and content scenarios

Creative Festival Pricing Plans Page

Complete the pricing plan page for the Creative Festival scenario: includes real content, actionable controls, clear state feedback, and responsive layouts across sizes.

Marketing and content scenariosPricing PlansHTMLCSSJavaScript
Open and run
0220Marketing and content scenarios

Creative Festival FAQ Conversion Section

Complete the FAQ conversion area for the creative festival scenario: includes realistic content, actionable controls, clear status feedback, and responsive layouts.

Marketing and content scenariosQ&A conversion zoneHTMLCSSJavaScript
Open and run
0236Marketing and content scenarios

Creative festival testimonial wall

Complete the word-of-mouth story wall for a creative festival scenario: includes realistic content, actionable controls, clear status feedback, and responsive layouts across sizes.

Marketing and content scenariosWord-of-mouth story wallHTMLCSSJavaScript
Open and run
0252Marketing and content scenarios

Creative Festival Feature Tour Page

Complete the feature tour page in a creative-festival scenario: includes realistic content, actionable controls, clear status feedback, and responsive cross-size layouts.

Marketing and content scenariosFeature Guide PageHTMLCSSJavaScript
Open and run
0268Marketing and content scenarios

Creative Festival Launch Countdown Page

Complete the launch countdown page for a creative festival scenario: includes real content, interactive controls, clear status feedback, and responsive layouts.

Marketing and content scenariosLaunch countdown pageHTMLCSS AnimationJavaScript
Open and run
0284Marketing and content scenarios

Creative Festival Signup Conversion Page

Complete the subscription conversion page in a creative festival scenario: includes real content, interactive controls, clear state feedback, and a responsive layout.

Marketing and content scenariosSubscription Landing PageHTMLCSSJavaScript
Open and run
0300Marketing and content scenarios

Creative Festival event agenda page

Complete the event agenda page in a creative festival scenario: includes real content, interactive controls, clear status feedback, and a responsive layout across sizes.

Marketing and content scenariosEvent Agenda PageHTMLCSSJavaScript
Open and run
0316Marketing and content scenarios

Creative Festival Case Study Page

Complete a case study page for the Creative Festival scenario: include real content, actionable controls, clear state feedback, and responsive layouts across sizes.

Marketing and content scenarioscase study pageHTMLCSS GridResponsive Design
Open and run
0332Marketing and content scenarios

Creative Festival Product Comparison Page

Complete a product comparison page in a creative festival scenario: includes real content, interactive controls, clear status feedback, and responsive layouts.

Marketing and content scenariosProduct comparison pageHTML TableCSSJavaScript
Open and run
0348Marketing and content scenarios

Learning Camp Narrative Hero

Complete the narrative hero section for a learning camp scenario: includes real content, actionable controls, clear status feedback, and responsive layouts across sizes.

Marketing and content scenariosNarrative HeroHTMLCSSJavaScript
Open and run
0363Marketing and content scenarios

Learning Camp Pricing Plans Page

Complete the pricing plans page in the learning camp scenario: with real content, interactive controls, clear status feedback, and cross-size layouts.

Marketing and content scenariosPricing PlansHTMLCSSJavaScript
Open and run
0378Marketing and content scenarios

Learning camp FAQ conversion area

Complete the Q&A conversion section for a study camp scenario: includes real content, interactive controls, clear status feedback, and responsive layouts across sizes.

Marketing and content scenariosQ&A conversion zoneHTMLCSSJavaScript
Open and run
0393Marketing and content scenarios

Learning camp testimonial story wall

A testimonial story wall completed for a learning camp scenario: includes real content, actionable controls, clear status feedback, and responsive layouts across sizes.

Marketing and content scenariosWord-of-mouth story wallHTMLCSSJavaScript
Open and run
0408Marketing and content scenarios

Learning Camp Feature Tour Page

Complete the feature tour page for the learning camp scenario: includes real content, actionable controls, clear state feedback, and cross-size layouts.

Marketing and content scenariosFeature Guide PageHTMLCSSJavaScript
Open and run
0421Marketing and content scenarios

Learning Camp Launch Countdown Page

Complete the launch countdown page for the learning camp scenario: include real content, interactive controls, clear status feedback, and a responsive layout across sizes.

Marketing and content scenariosLaunch countdown pageHTMLCSS AnimationJavaScript
Open and run
0434Marketing and content scenarios

Learning Camp Subscription Conversion Page

Completed the subscription conversion page in the learning camp scenario: includes real content, actionable controls, clear state feedback, and cross-size layout.

Marketing and content scenariosSubscription Landing PageHTMLCSSJavaScript
Open and run
0447Marketing and content scenarios

Learning Camp Event Agenda Page

Complete the event agenda page for the learning camp scenario: includes real content, actionable controls, clear status feedback, and a responsive layout across sizes.

Marketing and content scenariosEvent Agenda PageHTMLCSSJavaScript
Open and run
0459Marketing and content scenarios

Learning Camp Case Study Page

Complete a case study page in a learning camp scenario: includes realistic content, actionable controls, clear state feedback, and responsive layouts across sizes.

Marketing and content scenarioscase study pageHTMLCSS GridResponsive Design
Open and run
0469Marketing and content scenarios

Learning Camp Product Comparison Page

Complete a product comparison page for the learning camp scenario: include realistic content, actionable controls, clear status feedback, and responsive layouts across sizes.

Marketing and content scenariosProduct comparison pageHTML TableCSSJavaScript
Open and run
0478Marketing and content scenarios

Nature campsite narrative hero

Create a narrative hero section for a nature camp scenario: includes real content, interactive controls, clear status feedback, and responsive layouts.

Marketing and content scenariosNarrative HeroHTMLCSSJavaScript
Open and run
0486Marketing and content scenarios

Nature Camp Pricing Plans Page

Complete the pricing plans page in a nature camp scene: includes real content, actionable controls, clear state feedback, and cross-size layouts.

Marketing and content scenariosPricing PlansHTMLCSSJavaScript
Open and run
0529Marketing and content scenarios

Archive Screening Case Study Page

Complete a case study page for archive screening scenarios: includes real content, actionable controls, clear status feedback, and responsive layouts across sizes.

Marketing and content scenarioscase study pageHTMLCSS GridResponsive Design
Open and run
0545Marketing and content scenarios

Audio Lab product comparison page

Complete a product comparison page in a sound lab scenario: includes real content, interactive controls, clear state feedback, and responsive layouts.

Marketing and content scenariosProduct comparison pageHTML TableCSSJavaScript
Open and run
0554Marketing and content scenarios

Care Workshop Event Agenda Page

Complete the event agenda page in a care course scenario: includes real content, actionable controls, clear status feedback, and responsive layouts across sizes.

Marketing and content scenariosEvent Agenda PageHTMLCSSJavaScript
Open and run
0570Marketing and content scenarios

Civic Camp Q&A Conversion Zone

Complete the Q&A conversion section in a civic camp scenario: includes real content, interactive controls, clear status feedback, and responsive layouts across sizes.

Marketing and content scenariosQ&A conversion zoneHTMLCSSJavaScript
Open and run
0579Marketing and content scenarios

Civic Lab Feature Tour Page

Complete the feature tour page in the City Lab scenario: includes real content, actionable controls, clear state feedback, and a responsive layout.

Marketing and content scenariosFeature Guide PageHTMLCSSJavaScript
Open and run
0595Marketing and content scenarios

Course Sprint Launch Countdown Page

Complete the launch countdown page for the course sprint scenario: include real content, interactive controls, clear status feedback, and responsive layouts.

Marketing and content scenariosLaunch countdown pageHTMLCSS AnimationJavaScript
Open and run
0604Marketing and content scenarios

Clinic open day subscription conversion page

Complete the subscription conversion page in the outpatient open day scenario: includes real content, actionable controls, clear status feedback, and cross-size layout.

Marketing and content scenariosSubscription Landing PageHTMLCSSJavaScript
Open and run
0620Marketing and content scenarios

Garden Market Testimonials Wall

Complete a word-of-mouth story wall for a garden fair scenario, with realistic content, actionable controls, clear status feedback, and responsive layouts across sizes.

Marketing and content scenariosWord-of-mouth story wallHTMLCSSJavaScript
Open and run
0629Marketing and content scenarios

Home Studio Case Study Page

Create a case study page for a home studio scenario: with real content, actionable controls, clear state feedback, and responsive layouts.

Marketing and content scenarioscase study pageHTMLCSS GridResponsive Design
Open and run
0645Marketing and content scenarios

Independent Product Comparison Page

Complete a product comparison page for an indie product scenario: includes real content, actionable controls, clear state feedback, and cross-size layouts.

Marketing and content scenariosProduct comparison pageHTML TableCSSJavaScript
Open and run
0654Marketing and content scenarios

Creative Brief Event Agenda Page

Complete the event agenda page for a creative brief scenario: includes real content, actionable controls, clear status feedback, and responsive layouts across sizes.

Marketing and content scenariosEvent Agenda PageHTMLCSSJavaScript
Open and run
0670Marketing and content scenarios

Maker Fair Q&A conversion zone

Complete an FAQ conversion section in a makers’ market scenario: includes real content, actionable controls, clear status feedback, and responsive layouts.

Marketing and content scenariosQ&A conversion zoneHTMLCSSJavaScript
Open and run
0679Marketing and content scenarios

Feature Tour for a Creation and Launch Week

Complete a feature tour page for the creation and release week scenario: includes real content, actionable controls, clear status feedback, and a responsive layout across sizes.

Marketing and content scenariosFeature Guide PageHTMLCSSJavaScript
Open and run
0695Marketing and content scenarios

Creative Membership Seasonal Narrative Hero

Complete a narrative hero section for the creator membership season scene: includes real content, actionable controls, clear state feedback, and cross-size layouts.

Marketing and content scenariosNarrative HeroHTMLCSSJavaScript
Open and run
0704Marketing and content scenarios

Launch countdown page for Makers Open Day

Complete a launch countdown page for an open house scenario in a creative environment: include real content, actionable controls, clear status feedback, and responsive layout across sizes.

Marketing and content scenariosLaunch countdown pageHTMLCSS AnimationJavaScript
Open and run
0720Marketing and content scenarios

Creative Preview Night Subscription Conversion Page

Complete a subscription conversion page for a creator preview night scenario, with real content, interactive controls, clear status feedback, and responsive layouts.

Marketing and content scenariosSubscription Landing PageHTMLCSSJavaScript
Open and run
0729Marketing and content scenarios

Creative Project Handbook Pricing Page

Complete a pricing plans page for the creative project booklet scenario: includes real content, interactive controls, clear status feedback, and responsive layouts across sizes.

Marketing and content scenariosPricing PlansHTMLCSSJavaScript
Open and run
0745Marketing and content scenarios

Makers’ residency testimonial story wall

Complete the word-of-mouth story wall in a residency scenario: include real content, interactive controls, clear status feedback, and responsive layouts across sizes.

Marketing and content scenariosWord-of-mouth story wallHTMLCSSJavaScript
Open and run
0754Marketing and content scenarios

Creative Signup Week Case Study Page

Complete the case study page in a creative signup week scenario: includes real content, interactive controls, clear state feedback, and responsive layouts across sizes.

Marketing and content scenarioscase study pageHTMLCSS GridResponsive Design
Open and run
0770Marketing and content scenarios

Creative Storytelling Product Comparison Page

Build a product comparison page in a story-sharing event setting: include real content, actionable controls, clear status feedback, and a responsive layout across sizes.

Marketing and content scenariosProduct comparison pageHTML TableCSSJavaScript
Open and run
0779Marketing and content scenarios

Meal Service Event Agenda Page

Complete the event agenda page in a meal service scenario: includes real content, interactive controls, clear state feedback, and a responsive layout.

Marketing and content scenariosEvent Agenda PageHTMLCSSJavaScript
Open and run
0795Marketing and content scenarios

Pet Week FAQ Conversion Hub

Complete an FAQ conversion section for a pet week scenario: includes real content, actionable controls, clear status feedback, and responsive layouts.

Marketing and content scenariosQ&A conversion zoneHTMLCSSJavaScript
Open and run
0804Marketing and content scenarios

podcast briefing feature tour page

Complete a feature tour page in a podcast briefing scenario: includes realistic content, interactive controls, clear status feedback, and responsive layout.

Marketing and content scenariosFeature Guide PageHTMLCSSJavaScript
Open and run
0820Marketing and content scenarios

Podcast Club narrative hero

Complete a narrative hero section in the podcast club scenario: includes real content, interactive controls, clear state feedback, and cross-size layouts.

Marketing and content scenariosNarrative HeroHTMLCSSJavaScript
Open and run
0829Marketing and content scenarios

Podcast launch week countdown page

Complete the launch countdown page in the podcast launch week scenario: include real content, actionable controls, clear status feedback, and responsive layouts across sizes.

Marketing and content scenariosLaunch countdown pageHTMLCSS AnimationJavaScript
Open and run
0845Marketing and content scenarios

Podcast membership quarterly subscription conversion page

A subscription conversion page completed for the podcast membership season scenario: includes real content, actionable controls, clear status feedback, and a cross-size layout.

Marketing and content scenariosSubscription Landing PageHTMLCSSJavaScript
Open and run
0854Marketing and content scenarios

Podcast Open Day pricing plan page

Complete the pricing plans page in the Podcast Open Day scenario: includes realistic content, actionable controls, clear status feedback, and responsive layouts across sizes.

Marketing and content scenariosPricing PlansHTMLCSSJavaScript
Open and run
0870Marketing and content scenarios

Podcast Preview Night, Story Wall of Reviews

Complete the word-of-mouth story wall for a podcast preview night scenario: includes real content, actionable controls, clear status feedback, and cross-size layout.

Marketing and content scenariosWord-of-mouth story wallHTMLCSSJavaScript
Open and run
0879Marketing and content scenarios

Podcast Project Book Case Study Page

Complete a case study page in a podcast program guide scenario: includes real content, actionable controls, clear status feedback, and responsive layouts across screen sizes.

Marketing and content scenarioscase study pageHTMLCSS GridResponsive Design
Open and run
0895Marketing and content scenarios

Podcast series product comparison page

Complete a product comparison page in a podcast series scene: with real content, interactive controls, clear state feedback, and responsive layouts across sizes.

Marketing and content scenariosProduct comparison pageHTML TableCSSJavaScript
Open and run
0904Marketing and content scenarios

Podcast Signup Week Agenda Page

Complete the event agenda page for a podcast signup week scenario: includes real content, actionable controls, clear status feedback, and responsive layouts across sizes.

Marketing and content scenariosEvent Agenda PageHTMLCSSJavaScript
Open and run
0920Marketing and content scenarios

Podcast Story Salon FAQ Conversion Area

Complete a Q&A conversion section for a podcast storytelling event scenario: includes real content, actionable controls, clear status feedback, and responsive layouts.

Marketing and content scenariosQ&A conversion zoneHTMLCSSJavaScript
Open and run
0929Marketing and content scenarios

Repair Plan Feature Tour Page

Complete a feature tour page for the repair plan scenario: includes real content, actionable controls, clear status feedback, and cross-size layout.

Marketing and content scenariosFeature Guide PageHTMLCSSJavaScript
Open and run
0945Marketing and content scenarios

Studio briefing narrative hero

Complete a narrative-style hero section in a studio briefing scenario: include real content, actionable controls, clear status feedback, and responsive layouts across sizes.

Marketing and content scenariosNarrative HeroHTMLCSSJavaScript
Open and run
0954Marketing and content scenarios

Studio launch week countdown page

Complete the launch countdown page for the studio launch week scenario: include real content, interactive controls, clear status feedback, and a responsive layout across sizes.

Marketing and content scenariosLaunch countdown pageHTMLCSS AnimationJavaScript
Open and run
0970Marketing and content scenarios

Studio Membership Subscription Conversion Page

A subscription conversion page for studio membership scenarios: includes real content, actionable controls, clear status feedback, and responsive layouts across sizes.

Marketing and content scenariosSubscription Landing PageHTMLCSSJavaScript
Open and run
0979Marketing and content scenarios

Studio Open Day Pricing Plans Page

Complete the pricing plans page in a studio open day scenario: includes real content, interactive controls, clear status feedback, and responsive layouts.

Marketing and content scenariosPricing PlansHTMLCSSJavaScript
Open and run
0995Marketing and content scenarios

Studio Preview Night testimonial wall

Complete the testimonial story wall for the studio preview night scenario: includes realistic content, actionable controls, clear status feedback, and responsive layouts.

Marketing and content scenariosWord-of-mouth story wallHTMLCSSJavaScript
Open and run
1004Marketing and content scenarios

Studio Program Guide Case Study

Complete a case study page in a studio project handbook scenario: includes real content, interactive controls, clear status feedback, and responsive layouts across screen sizes.

Marketing and content scenarioscase study pageHTMLCSS GridResponsive Design
Open and run
1020Marketing and content scenarios

Studio Signup Week Product Comparison Page

Complete the product comparison page in a studio signup week scenario: includes real content, actionable controls, clear status feedback, and a responsive layout across sizes.

Marketing and content scenariosProduct comparison pageHTML TableCSSJavaScript
Open and run
1029Marketing and content scenarios

Studio Story Salon Event Agenda Page

Complete the event agenda page in a studio story venue scenario: includes realistic content, actionable controls, clear status feedback, and responsive layouts across sizes.

Marketing and content scenariosEvent Agenda PageHTMLCSSJavaScript
Open and run
1045Marketing and content scenarios

Travel pass FAQ conversion section

Complete the FAQ conversion section in a travel pass scenario: includes real content, interactive controls, clear status feedback, and responsive layouts across sizes.

Marketing and content scenariosQ&A conversion zoneHTMLCSSJavaScript
Open and run