Things website analysis
A detailed critique of the homepage's craft, originality, usability, and ability to move visitors toward its intended goal.
Our observations
A polished and credible product page with strong visual restraint and convincing product presentation, but its accessibility foundation needs substantial remediation before it can be considered exemplary.
Best practices
The page has clear semantic sections, a primary navigation region, a main landmark, a form, and a footer, but the audit identifies serious accessibility and document-structure gaps.
What works
- Clear separation between product explanation, platform availability, testimonials, press, newsletter, and footer content.
- The page includes a semantic navigation region, one main landmark, a form, and a semantic footer.
- The platform section exposes operating-system requirements and pricing directly in the content.
Opportunities
- Add a real, detectable h1 to establish the page's document hierarchy; the supplied heading outline reports zero h1 elements.
- Provide meaningful accessible names for the 27 unnamed links, particularly image-only product and download links.
- Add alternative text to the eight testimonial avatar images and verify decorative imagery is correctly hidden from assistive technology.
- Associate visible labels with the newsletter email field and submit control, and address the 29 reported text-contrast failures.
Design
A cohesive, premium-feeling visual system uses product imagery, whitespace, soft surfaces, and a restrained blue accent to make the app feel approachable and considered.
What works
- The pale blue-gray background creates continuity across the page while allowing product screenshots to remain the focal point.
- Large interface compositions show the product in context across Mac, iPhone, iPad, and Watch rather than relying on abstract claims.
- Repeated section patterns, rounded cards, and restrained shadows create a consistent visual language.
- The page maintains a clear visual hierarchy despite containing substantial testimonial and press content.
Opportunities
- Introduce more variation in composition or art direction between sections; the repeated centered layout and light cards make the long page feel somewhat uniform.
- Increase the prominence and legibility of supporting copy, especially where muted gray text is used against pale surfaces.
- Ensure product imagery has sufficient captions or nearby explanatory text so the visual storytelling is not the only route to understanding the features.
Uniqueness
The page is distinctive through its carefully staged product imagery and unusually extensive combination of customer and press validation, though its overall landing-page grammar remains familiar.
What works
- The device-spanning product presentation gives the page a strong sense of ecosystem and continuity.
- The combination of social posts and editorial quotes creates a recognizable proof-oriented middle section.
- The restrained visual tone feels deliberate and aligned with a focused productivity product rather than a generic high-energy software template.
Opportunities
- Develop a more ownable visual motif for the feature narrative beyond screenshots, cards, and pale section bands.
- Reduce dependence on familiar testimonial-grid conventions by giving a smaller number of quotes more narrative context or stronger visual framing.
User experience
The information path is sensible and the core product story is easy to follow visually, but weak link naming, contrast problems, unlabeled controls, and an absent h1 create meaningful access and navigation barriers.
What works
- The sequence from introduction to features, downloads, proof, press, and newsletter follows a reasonable evaluation journey.
- Platform cards consolidate device compatibility, operating-system requirements, prices, and download actions.
- The centered layout and generous spacing keep the dense page from feeling visually chaotic.
Opportunities
- Audit focus order and accessible names for all image-only links and download controls; the supplied evidence cannot confirm keyboard usability.
- Replace low-contrast gray links and metadata with colors that remain legible against their actual backgrounds.
- Add explicit labels and useful error or status messaging to the newsletter form.
- Test the long page at mobile widths and with zoom, since the supplied evidence only confirms a roughly 900px content layout at one viewport.
Conversion optimization
For a product-download landing page, the page builds confidence effectively through interface evidence, platform-specific acquisition options, and layered social proof. Conversion clarity is weakened by the lack of a strongly prominent primary action in the hero and by inaccessible controls.
What works
- The product is demonstrated before the visitor reaches platform-specific purchase or download cards, supporting informed evaluation.
- The four-platform acquisition area clearly separates Mac, iPhone and Watch, iPad, and Vision Pro options.
- Testimonials and press coverage address trust concerns before the newsletter capture near the end of the page.
- Pricing and system requirements are visible in the acquisition cards.
Opportunities
- Make the primary next step in the hero more explicit and prominent for visitors ready to try or purchase the app.
- Clarify the relationship between trial, purchase, and App Store actions within each platform card.
- Use a concise benefit or compatibility summary near the acquisition section to reduce the need to infer the product's main differentiator from screenshots.
- Give the newsletter a clearer value proposition and ensure its form controls have accessible labels and names.
What we'd improve
- 01high
Repair the accessibility foundation
Add a detectable h1, label the newsletter email and submit controls, provide accessible names for image-only and download links, add meaningful alt text to testimonial avatars, and remediate the 29 reported contrast failures.
- 02high
Strengthen the hero conversion path
Add one clearly dominant hero action—such as viewing platform options or starting a trial—while retaining the secondary feature link. Make its purpose and destination explicit to both visual and assistive-technology users.
- 03medium
Validate responsive and zoom behavior
Test the platform grid, large product panoramas, testimonial layouts, navigation, and newsletter form across narrow mobile widths and at increased text zoom. Adapt the imagery and grid rather than assuming the observed 900px desktop structure will reflow well.
- 04medium
Improve content hierarchy in the proof sections
Reduce repetition in the quote and social-post areas, prioritize the strongest evidence, and provide concise contextual labels so visitors can understand why each testimonial or publication matters.
- 05low
Add a more distinctive feature narrative
Vary the composition of feature sections with original diagrams, focused interaction stories, or task-oriented captions so the page develops a stronger identity beyond device screenshots and testimonial cards.
