Flows
Components
PATTTTERNS - An open catalog of design patterns | Product Hunt

Made with 💙 by Pablo Armenv2.1.17

Home
/Flows
/Landing Pages
Description
Website entry point to generate impact on visitors.

Patterns for Landing Pages

Pages designed to be entry point for a website, usually tell a story and generate a positive impact in the visitor.
 
 
  • Desktop (10)
  • Tablet (0)
  • Mobile (1)
284. Emergency Information Map

284. Emergency Information Map

Displays critical information on an interactive map, enabling users to quickly understand and navigate emergency situations.

405. Ferrari Luce Website (by LoveFrom)

405. Ferrari Luce Website (by LoveFrom)

This pattern describes a desktop web landing page, featuring a fixed navigation bar, footer, and interactive elements such as carousels, buttons, and hypertext links. It integrates animations, video, and anchor scrolling to create an engaging user experience. Notable behavior: Animation; Carrousel; Fixed on Scroll.

392. SaaS for Construction Workers

392. SaaS for Construction Workers

Desktop, Landing Page, Web, Español, Drag & Drop Gesture, Carrousel, Image / Illustration, Animation, Navbar, Hypertext Links, Fixed on Scroll

390. Icon Software Landing Page

390. Icon Software Landing Page

A landing page pattern for software, featuring a navigation bar, footer, and hypertext links, optimized for web and desktop contexts to aid user decision-making.

382. Interactive Background Animation

382. Interactive Background Animation

A background element that responds to user input or system events with dynamic visual changes, often used to enhance engagement or provide subtle feedback on web or desktop interfaces.

314. Snapchat - Snap Camera

314. Snapchat - Snap Camera

A web landing page for the Snap Camera product, featuring a fixed navigation bar, interactive buttons, and animated video content to showcase its features and encourage user engagement. Notable behavior: Scrolling; Button Click; Fixed Header.

309. Instagram - Brand Gradient

309. Instagram - Brand Gradient

A visual pattern showcasing a brand gradient, typically found on web landing pages. It may incorporate animation and custom scrollbar effects, often used in contexts displaying photo content.

Uink Digital Agency
Sponsored

Uink Digital Agency

Specilist on building and launching digital products. Let's talk!

312. Google Data Studio

312. Google Data Studio

A web landing page pattern, exemplified by Google Data Studio, featuring a fixed navigation bar, device mockups, and photos to showcase product features on desktop.

311. Landing Page for App Download

311. Landing Page for App Download

A landing page designed to promote and facilitate the download of a mobile application. It typically includes a navigation bar, visual elements, and calls to action to guide users.

203. Two-step Download Flow

203. Two-step Download Flow

Manages the user's download process through two distinct stages, typically involving an initial selection or confirmation before the final file acquisition. This pattern enhances decision-making and provides clarity for users initiating downloads. Notable behavior: Button Click; Link Navigation; Initial State.