Ankit ParikH
Typeform Template Gallery
overview:
Typeform helps you collect more data with forms, surveys, and quizzes designed to be appealing, and put that data to good use so you know your next move faster. It customizes everything from colors and logos all the way down to custom domains, so your forms are on-brand (and looking good)
Role: UX-UI, Prototype and Brand
Scope: Concept Development → Research → Design → Testing → Live
Workflow: Bencharmark - Restructure - Design - Build
Platform: Website - Desktop and mobile
→ Problem Statement
60% of our traffic lands into Typeform.com/templates and find it difficult to navigate to their templates. The gallery was organised around what Typeform calls things (forms, surveys, quizzes) rather than what people are trying to do. That made it harder to find the right template, and the offering harder to understand at a glance. The goal was to improve usability, lift key engagement metrics, and communicate the product more clearly.
→ opportunity
Improve sign up rate by organising the gallery by user intent instead of product type, so people get to a relevant template faster. Make every surface (hero, collections, template pages) flexible enough to adapt to new use cases and seasonal moments without a redesign. Support it with a system that lets the team scale template presentation consistently.
→ SOlution - Below the fold and Core UX flows
→ components
→ SEARCH BAR
Ability to sort templates within each category (DEVS), exact match anchor text (links) for template names, (CONTENT), All categories and subcategory links are readable by Google bot (SEO)
→ Information Architecture
Re- organised the nav bar to represent current use cases. Added generate leads , make sales, recruit talent, get feedback etc to show the action instead of the profession
→ Product Groupings
Product groups that show different mental models and Use cases. Template collections for Lead gen, Marketing, HR, Customer success etc
→ Hero module
Created a flexible and diverse module which can change to reflect Use cases, popular templates, and seasonal offering, It is to maximise the space above the fold
→ inside landing pages
Re-structuring the user flow with keywords in H1, ready to use template, FAQ’s, tips & recommendations of templates at the footer of each page
→ BLANK TEMPLATE
When the user isn’t finding what they’re looking for, or want to build from stratch we have a blank template option with customisation icons on the top to show the top features