Patterns for Call to Action
- Desktop (75)
- Tablet (1)
- Mobile (13)
404. Sidebar Backdrop Menu
Desktop, Pathfinding, Accessibility, Decision Making, Web, English, Side Panel, Scrollbar, Toggle Field, Button, Image / Illustration, Fixed on Scroll, Filters, Animation
402. Transition: Zoom-to-Dock for Minimize
Desktop, Awareness, Accessibility, Decision Making, Apple OS, EspaƱol, Navbar, Drag & Drop Gesture, Animation, Pagination, Side Panel, Transition, Click Event, Browser Window
397. Modal w/ Card Options
Desktop, Decision Making, Feedback, Awareness, Onboarding, Pathfinding, Web, EspaƱol, Modal, Thumbnail, Animation, Close Overlay, Cards, Dim Overlay
393. Colored Checkboxes
Desktop, Decision Making, Web, English, Image / Illustration, Checkbox
390. Icon Software Landing Page
Desktop, Landing Page, Decision Making, Web, English, Navbar, Footer, Hypertext Links
389. Text Edit Inline Input
Desktop, Accessibility, Decision Making, Web, English, Text Input, Hypertext Links, Modal
388. Drag & Drop and Checkbox to Select Multiple Item
Desktop, Accessibility, Feedback, Awareness, Decision Making, Web, EspaƱol, User Selection, Drag & Drop Gesture, Tooltip, Scrollbar, Checkbox
378. Modal Blackout w/ Animation
Desktop, Decision Making, Awareness, Onboarding, Web, EspaƱol, Modal, Hypertext Links, Animation
359. Discord - Button to Input Transition
Desktop, Decision Making, Pathfinding, Consent, Web, EspaƱol, Text Input, Hypertext Links
356. MetaMap - Multi-Layout Topbar Menu
Desktop, Pathfinding, Awareness, Decision Making, Web, English, Navbar, Dropdown Menu
355. Jira - Feature Presentation Tooltip
Desktop, Awareness, Decision Making, Onboarding, Web, EspaƱol, Tooltip, Hypertext Links, Pagination
353. Population Pyramid - Visualizations with live filters
Desktop, Pathfinding, Awareness, Decision Making, Web, EspaƱol, Graph, Filters, Dropdown Menu, Transition
357. Modal w/ Steps & Animation (No blackout)
Desktop, Pathfinding, Awareness, Decision Making, Web, English, Modal, Animation, Image / Illustration
343. Behance - Login with Code Validation
Desktop, Consent, Decision Making, Awareness, Web, EspaƱol, Text Input, Hypertext Links, Pagination
339. Asana - Platform Onboarding Simulator
Desktop, Decision Making, Awareness, Pathfinding, Web, English, Text Input, Pagination, Animation, Hypertext Links
334. MercadoLibre - Call to Action Trigger Effect
Desktop, Decision Making, Awareness, Web, EspaƱol
325. Drag & Drop Tag Colors to Slots
Desktop, Decision Making, Awareness, Accessibility, Apple OS, English, Drag & Drop Gesture, Color Marker, Checkbox, Tags
324. Visual Studio Code - Dual View Scroll Sync
Desktop, Decision Making, Pathfinding, Apple OS, English
319. Modal Blackout w/ Multiple Choice
Desktop, Decision Making, Consent, Awareness, Web, EspaƱol, Modal, Avatar, Button, Hypertext Links
318. Binance - Tooltip on Features
Desktop, Decision Making, Onboarding, Pathfinding, Web, English
316. Modal Blackout for Delete Confirmation
Desktop, Decision Making, Awareness, Web, EspaƱol, Modal, Text Input, Button
311. Landing Page for App Download
Desktop, Landing Page, Decision Making, Web, English, Navbar, Fixed on Scroll, Embed, Image / Illustration, Button, Notion
305. Button Combo for App Download
Desktop, Pathfinding, Decision Making, Awareness, Web, EspaƱol, Button, Microsoft, Microsoft Teams
_00.42.51.png?table=block&id=0252c6ff-06c8-496f-88d6-e8f876a3af4d&cache=v2)
295. āNEWā Badge on Menu Items
Desktop, Mobile, Awareness, Decision Making, Pathfinding, Web, English, Navbar, Notification Badge, Hypertext Links, Notion
291. Action Menu from Button
Desktop, Decision Making, Awareness, Pathfinding, Web, English, Google, Google Meet
290. Floating Popover on Click
Desktop, Awareness, Decision Making, Web, English, Unsplash
_07.10.33_p._m..png?table=block&id=1b4e4bae-3d76-8055-baf9-d28c23cd351f&cache=v2)
275. Popover on Hover
Desktop, Awareness, Decision Making, Web, EspaƱol, Tooltip, Linkedin
256. Modal Blackout w/ Forms & Steps
Desktop, Onboarding, Decision Making, Accessibility, Web, EspaƱol, English, Modal, Button, Steps, Dropdown Menu, Text Input, Image / Illustration, Close Overlay, Facebook
243. GIPHY - Trim Video Slicers
Desktop, Decision Making, Awareness, Accessibility, Web, English, Animation, User Selection, Drag & Drop Gesture, GIPHY
240. Instagram - Horizontal Accordion
Desktop, Pathfinding, Decision Making, Web, English, Instagram
235. Background Animation (on Mouse Hover)
Desktop, Decision Making, Awareness, Pathfinding, Web, EspaƱol, Animation, Hypertext Links, Disney
232. Drag & Drop to Browser
Desktop, Decision Making, Web, Apple OS, English, GIPHY
223. Stop Operation Progress
Desktop, Decision Making, Apple OS, macOS, EspaƱol, Alert Dialog, Progress State, Close Overlay, Hover Event, Image / Illustration, Apple
218. Apple Keynote - Template Format Selection
Desktop, Decision Making, Accessibility, Apple OS, EspaƱol, Apple, Apple Keynote
_16.00.46.png?table=block&id=64a4f84d-2f69-4a08-86e4-8fa4fe9dcdf7&cache=v2)
222. Floating Banner on User Input
Desktop, Decision Making, Awareness, Web, English, Banner, Twitter
212. Automatic Background Animation (on Load)
Desktop, Decision Making, Awareness, Web, English, Animation, Loader, Hypertext Links
_00.32.31.png?table=block&id=99d40e79-c293-4cc7-a954-2f94c0c543a9&cache=v2)
172. PedidosYa - Search Results Recommendation
Desktop, Onboarding, Decision Making, Awareness, Web, EspaƱol, Tooltip, PedidosYa
162. Login Value Compare
Desktop, Mobile, Decision Making, Web, English
203. Two-step Download Flow
Desktop, Onboarding, Decision Making, Landing Page, Web, English, Button, Fixed on Scroll, Hypertext Links, Steps, Google, Google Chrome
201. Modal Blackout w/ Actions
Desktop, Decision Making, Apple OS, English, Modal, Hypertext Links, Apple, Apple iTunes
111. Magazine Subscription
Desktop, Decision Making, Web, English
181. Plan Upgrade Flow
Desktop, Decision Making, Web, EspaƱol, Linkedin
_15.24.08.png?table=block&id=33d25cdf-9074-40e9-817e-0fe0cb963998&cache=v2)
144. Meeting Guest Warning
Desktop, Decision Making, Web, English, Google, Google Meet
130. Animated Email Page
Desktop, Awareness, Decision Making, Email, English, Animation, Hypertext Links, Google, Gmail
198. Take action on Music Claims
Desktop, Decision Making, Web, English, YouTube, Google
56. Floating Tooltip with Steps and Blackout
Desktop, Onboarding, Decision Making, Awareness, Web, English, EspaƱol, Google, Gmail
_16.25.05.png?table=block&id=31dbf487-bc9b-4862-8064-5ea32910c285&cache=v2)
146. Floating Banner for Pricing/Subscription (3-tier)
Desktop, Decision Making, Web, English, Banner, Fixed on Scroll, Button, Close Overlay, Steps
_18.38.44.png?table=block&id=88e52727-a9bc-4fab-9da5-4119a8b8ab60&cache=v2)
149. Security Top-banner
Desktop, Decision Making, Web, English, YouTube, Google
139. Synced Hover Animations
Desktop, Decision Making, Awareness, Web, English, Hypertext Links, Graph, Mailchimp
_12.02.51_p._m..png?table=block&id=ce267a8c-8ace-4ab6-882b-06f11fcdbe92&cache=v2)
131. Free Audiobook Trial
Desktop, Decision Making, Web, EspaƱol, Amazon
103. Subscription Reminder
Desktop, Decision Making, Web, English
_07.31.59_p._m..png?table=block&id=e74f3c3c-8aa0-4154-8183-1f7591c51a47&cache=v2)
10. Background Ads
Desktop, Decision Making, Web, EspaƱol
_04.18.47_p._m..png?table=block&id=dcba685e-5075-431e-a7b3-93d8a5bff51c&cache=v2)
36. Contact Segmentation
Desktop, Decision Making, Web, English
_06.06.59_p._m..png?table=block&id=66ddc8d1-f3b6-4c5d-aa29-4887795b6528&cache=v2)
96. Encouraging Allowing Ads
Desktop, Decision Making, Web, English
176. Wordpress.com - Natural Inputs with Suggestions
Desktop, Decision Making, Accessibility, Awareness, Pathfinding, Web, English, Wordpress
_10.13.56_p._m..png?table=block&id=b48b40a8-c693-4024-bb13-529a67ea96c4&cache=v2)
79. Out of downloads
Desktop, Decision Making, Web, EspaƱol
190. Ask Email for Playing Video
Desktop, Decision Making, Web, English
_21.22.04.png?table=block&id=cfd184ba-4da3-4fea-a521-f2b03facc34f&cache=v2)
129. PDF Show & Download
Desktop, Accessibility, Decision Making, Web, English
86. Table Column Slicer
Desktop, Accessibility, Decision Making, Web, English
_06.19.15_p._m..png?table=block&id=7ebaaaf6-1474-4794-9689-b14fa51fa6eb&cache=v2)
77. Sign Up Flow with Pricing Step
Desktop, Onboarding, Decision Making, Web, English, Button, Text Input, PIN Code, Toggle Field, Fixed on Scroll, Banner, Steps
_01.22.20_a._m..png?table=block&id=9f45e45f-438d-4060-a623-af663d63e8b9&cache=v2)
57. IDF - Encouraging Newsletter Sign-up
Desktop, Decision Making, Accessibility, Web, English
_07.32.46_p._m..png?table=block&id=4c646aa9-89c2-4181-8515-f900e49fe07c&cache=v2)
98. Features on Signing-up
Desktop, Decision Making, Web, English
_16.08.33.png?table=block&id=d60aaf79-81cd-4a3a-a4be-78bb4556f2dc&cache=v2)
126. WeTransfer - In-front Site Terms
Desktop, Decision Making, Consent, Web, EspaƱol
63. Window Maximize Options (on Right Click)
Desktop, Accessibility, Decision Making, Web, English, Right Click Event, Dropdown Menu, Color Marker, Image / Illustration, Browser Window
196. Video Story on Website
Desktop, Decision Making, Awareness, Web, EspaƱol
23. Suscription gimmicks
Desktop, Decision Making, Web, English
_04.17.01_p._m..png?table=block&id=14f27dee-cfe9-43d7-8c84-a37f9c88b9c5&cache=v2)
35. Do Not Leave Popup
Desktop, Decision Making, Web, English
172. Contextual Popup for Service Upgrade
Desktop, Decision Making, Web, EspaƱol, Trello
166. Generated Effect: Confetti Explosion
Desktop, Appreciation, Decision Making, Web, English, Modal, Hypertext Links, Animation, Image / Illustration
16. Incremental pricing
Desktop, Decision Making, Web, English, Steps, Toggle Field, Button
_15.27.52.png?table=block&id=95316915-7e94-4425-9a7f-323c31f30979&cache=v2)
143. Platform Sign-in/up
Desktop, Decision Making, Web, English
12. Pricing Comparison (3-tier)
Desktop, Decision Making, Web, English, Steps, Button, Banner
34. Premium gimmicks
Desktop, Decision Making, Web, English
10. Dedicated Screen for Action Confirmation
Desktop, Decision Making, Awareness, Consent, Web, EspaƱol, English, Button, Hypertext Links, Invitation Link, Image / Illustration, Linkedin
16. Double Account Entrance
Desktop, Decision Making, Web, English