A web design approach that adjusts layouts to predefined screen sizes rather than fluidly scaling like responsive design.
Adaptive design uses a set of predefined layouts for specific screen sizes (breakpoints). When the device matches a breakpoint, the site serves the corresponding layout. Responsive design, by contrast, uses flexible grids and CSS rules so the layout fluidly adapts across a wide range of screen sizes.
From a marketing perspective, the goal is simple: the site should be fast, readable, and easy to convert on mobile. Whether you achieve that via adaptive or responsive techniques matters less than the end user experience.
Browse related definitions in the same glossary category.
A/B Testing
Comparing two versions of a web page, ad, or email to determine which performs better in conversions or engagement.
Above the Fold
The portion of a web page visible without scrolling. Critical content and CTAs should appear here for maximum visibility.
Accessibility
Designing websites so that all users, including those with disabilities, can navigate and interact easily. Also a ranking and UX consideration.
Call to Action (CTA)
A prompt encouraging users to take a specific action, such as 'Book Now', 'Check Availability', or 'View Offers'.
Chatbot
Automated messaging tool used to assist users, answer questions, or guide them through booking.
Click Map
A visual representation of where users click on a website, typically shown as a heatmap overlay.
Understanding "Adaptive Design" is just the first step. Our team at TwoSquares specializes in technical SEO and digital strategy, helping brands turn complex concepts into measurable growth.