Upvoty
upvoty.com/
Upvoty is a feedback-management platform where product teams collect customer input, let users vote on feature requests, and publish public roadmaps and changelogs, with integrations into Slack, Jira, and Intercom. The homepage headline is "Turn user feedback into product growth," backed by a claim of 2,000+ product teams using the platform and a 4.9 rating badge. Its most specific feature is an interactive "Upvoty MCP" demo embedded on the page, showing an AI assistant answering a natural-language question about top feature requests by querying Upvoty's own data — positioning MCP integration as a core differentiator rather than a secondary add-on. Named testimonials come from founders (Matthias, Mike) and an executive named Natalie, alongside a handful of partner logos.
- Category
- Productivity & Collaboration
- Style
- LightMinimal
- Stack
- Tailwind CSS
- Fonts
- MontserratInter
- Palette
- Meta title
- Upvoty: Turn user feedback into product growth
- Sections
- 8
- Updated
Upvoty's landing page, section by section
Each section below is cropped straight from Upvoty's live page — useful references for productivity & collaboration landing page design.
Heroes
More heroesFeatures
More featuresTestimonials
More testimonialsPricing
More pricingCTAs
More ctasFAQs
More faqsBlog pages
More blog pagesUpvoty design review: what the page does, section by section
The Upvoty homepage runs 7,765px at 1440px wide: a centred hero with a dark product screenshot, a logo strip, a split feature block, an AI-connection panel, a four-step loop, a platform list, an eight-cell feature grid, testimonials, an FAQ, a dark closing banner and a footer. Colour stays on a near-white #f9fafe ground with violet accents (#583af2, #8a76f6, #a697f8) and #181a26 navy. Headlines use Montserrat with one violet or italic phrase each; body copy uses Inter. A row of AI assistant names, shown twice, is the category-specific touch, and blocks alternate between white and tinted backgrounds.
HeroesView crop
The hero centres a pill reading "AI-powered customer feedback platform" above "Turn user feedback into product growth.", with "product growth." in violet. A navy "Start your 14-day trial" button sits beside an outlined "Watch the demo". Six AI logos and a "Powerful Dashboard" and "Feedback Portal" toggle follow.
FeaturesView crop
The "Powerful features for you and your team." block places an "All features" link beside the headline. One rounded container holds eight cells in two rows of four, split by hairlines. Each pairs a lilac icon tile, a bold title such as "Merge AI" and a one-line description.
PricingView crop
Under "Simple pricing, no surprises.", a Monthly and Annual toggle carries a "SAVE 10%" tag. Three tiers sit side by side: "Power" at $15, "Super" at $25 and "Hyper" at $49. The middle card is filled navy with a "MOST POPULAR" badge, and unavailable items are struck through.
TestimonialsView crop
Beneath "LOVED BY BUILDERS", the headline "Don't take our word for it." introduces three equal white cards on a tinted band. Each holds a quote, a divider, and a gradient circle in place of a photo, with names "Matthias", "Natalie" and "Mike" and their roles.
FAQsView crop
The FAQ is a narrow centred column under "We've got you covered." Six rounded rows hold questions such as "Can I import existing feedback?". Only the first, "Why use Upvoty?", is expanded with a three-line answer; the others are tinted rows with chevrons.
CTAsView crop
The closing banner is a rounded navy panel with violet glows in opposite corners. It reads "Start building things your users will love.", with the second line italic, above a violet "Start your free trial" button and a translucent "Watch the demo" button.
Blog pagesView crop
The blog index is a 14,000px capture opening with "Practical writing for product teams.", a search field and a wide "LATEST" feature card. Below, a three-column grid shows illustrated thumbnails, titles and dates; recent ones are 3D renders, older ones flat cartoons on yellow, orange and blue.
FootersView crop
The footer has a logo, a one-line description and an "Excellent" badge with five stars and "4.9" at left. Three columns follow: "PRODUCT" with five links, "RESOURCES" with four, "LEGAL" with three. The bottom row lists "Compare" and "llms.txt" at right.
On mobile
At 390px the page runs 11,675px. The hero headline wraps to four lines and the two buttons stack full width. The dashboard screenshot shrinks to a strip with unreadable text. The loop steps and feature cells become single columns, testimonials stack, and footer columns form a two-by-two arrangement.
Worth borrowing
- Giving every headline one violet or italic phrase, such as "favorite AI.", creates a repeatable focal point.
- Filling only the middle pricing card with navy and a "MOST POPULAR" badge steers the eye without resizing cards.
- Ending on a dark banner repeating the hero's two buttons closes the page on the original call to action.
