Rappi
Colombian-founded Latin American super-app for delivery, restaurants, groceries, travel, and financial services.
確認したサイト: rappi.com · 公開ページをもとに整理
カラーパレット
Observation
All three provided URLs (/, /login, and a deep restaurant link) present the exact same visible content: a primary call-to-action (CTA) stating "👉Rappi es mejor en la App" (Rappi is better in the App), followed by secondary CTAs for joining, registering a restaurant, registering a business, and becoming a courier. There is no visible navigation menu or unique page content distinguishing these URLs from one another based on the provided evidence.
Inference
With high confidence, it is inferred that the web presence is not designed as a full-featured web application for end-users. Instead, it functions as a unified landing page or marketing gateway. The primary design goal is to channel all incoming web traffic, regardless of the entry point URL, towards a single action: downloading and using the mobile application. The secondary CTAs serve as acquisition funnels for different business partners (restaurants, couriers).
Recommendation
This design pattern is effective for an "app-first" strategy. To improve it, consider A/B testing the primary CTA's messaging to optimize the conversion rate from web visitor to app download. For a transferable pattern, when a business decides to prioritize a native mobile app over a web experience, creating a simple, consistent web gateway that clearly communicates the value of the app can be a powerful user acquisition strategy. This avoids the cost of maintaining two separate, full-featured platforms.
Observation
The Information Architecture (IA) appears to be flat from a user-facing content perspective. Despite the URLs having a hierarchical structure (e.g., /ciudad-de-mexico/restaurantes/delivery/642-little-caesars), the presented content and interaction points are identical across all observed pages. The key informational elements are calls-to-action segmented by user type: consumer, partner restaurant, partner business, and courier.
Inference
It is inferred with high confidence that the IA is not designed for user navigation or content discovery on the web. Instead, the URL structure itself is likely the core of the web IA, designed for Search Engine Optimization (SEO). The system likely generates thousands of these landing pages programmatically for different cities and businesses to capture long-tail search traffic. The user is then immediately funneled to the app, which contains the actual deep, navigable IA.
Recommendation
For this SEO-driven, app-funnel IA pattern to be successful, ensure that each programmatically generated page has unique and relevant metadata (title tags, meta descriptions) even if the visible body content is the same. This helps search engines understand the purpose of each unique URL. A transferable lesson is that IA can be designed for machines (search engines) first, with the primary goal of acquisition, rather than for human navigation, especially when the main product exists on a different platform.
Observation
A single, consistent header or banner component is present on all analyzed pages. This component contains a primary link/message ("👉Rappi es mejor en la App") and a series of secondary links for different user registration flows ("Únete a Rappi", "Registra tu restaurante", etc.). No other distinct UI components are mentioned in the evidence.
Inference
The use of React in the detected stack, combined with the repeated UI element, strongly suggests a component-based architecture. It is highly probable that a single <AppGatewayHeader> or similar component is being rendered on every page route. This component encapsulates all the primary business CTAs and is the main interactive element of the web shell.
Recommendation
When building a minimal web presence intended to funnel users elsewhere, encapsulating all key calls-to-action into a single, reusable component is an efficient development pattern. This ensures consistency and simplifies maintenance. For transferability, consider designing a UniversalCTA component for projects where the main goal is user redirection or acquisition. This component can be configured with different links and text but maintains a consistent structure and style, making it a versatile tool for marketing sites and landing pages.
Observation
The detected technology stack includes Next.js (85% confidence), React (70% confidence), and Google Analytics (70% confidence). The confidence levels are relatively high for all three technologies.
Inference
With high confidence, the application is a modern JavaScript web application built with React, using the Next.js framework. Next.js suggests a focus on performance and SEO, as it provides capabilities like Server-Side Rendering (SSR) or Static Site Generation (SSG). The presence of Google Analytics is standard for tracking user behavior and marketing campaign effectiveness, which aligns with the inferred goal of user acquisition. The stack is well-suited for building performant landing pages at scale.
Recommendation
A transferable pattern for building SEO-focused landing pages or lightweight web shells is to use a React framework like Next.js. Leverage its file-system based routing to programmatically generate pages for specific keywords (like cities or business names) using SSG for maximum performance and indexability. Combine this with an analytics tool to measure the effectiveness of the funnel from web visit to the desired conversion event (e.g., app download).
Observation
The system serves the same content and title tag for different, distinct URL paths, including the root, a /login path, and a deeply nested path for a specific restaurant. The architecture is built on Next.js and React.
Inference
It is inferred with medium confidence that the architecture is a 'catch-all' routing system. A single page or layout is rendered for a wide array of routes. The Next.js framework might be configured to handle dynamic routes (e.g., /[...slug].js), but instead of fetching and displaying unique data for each route, it consistently renders the same 'Download the App' component. This is not a typical multi-page application but rather a single-purpose application shell mapped to many potential entry points.
Recommendation
This architectural pattern can be effective for capturing a wide net of search traffic without building out full functionality for each page. However, there is a risk of being penalized by search engines for thin or duplicate content. To mitigate this, the recommended transferable pattern is to use such a catch-all route to serve a consistent component, but dynamically inject unique, high-quality JSON-LD structured data and meta tags into the <head> of each page. This provides search engines with unique context for each URL while keeping the user-facing UI simple and focused on the primary CTA.
Observation
The most prominent and consistent message across all observed pages is "Rappi is better in the App." The website does not appear to offer core user functionality like browsing restaurants or ordering, even on URLs that imply such content exists.
Inference
A key strategic decision was made to prioritize the native mobile application as the exclusive platform for the core user experience. The website was deliberately designed not as an alternative, but as a feeder mechanism for the mobile app. This decision was likely based on factors such as higher user engagement, better retention, access to native device features (GPS, push notifications), and potentially a more controlled and monetizable user journey within the app.
Recommendation
Businesses must often decide whether to invest in a full-featured website, a native app, or both. The "App-First Funnel" strategy observed here is a valid choice. A transferable recommendation is to perform a cost-benefit analysis: if the core service relies heavily on device-native features (like real-time location for delivery), investing in an app-first strategy and using the web solely for acquisition can be more resource-efficient than maintaining two complex, parallel platforms. Clearly communicate this choice to web users to manage expectations and guide them to the preferred platform.
Observation
The evidence points to a website built with Next.js/React that serves a consistent, simple call-to-action interface across a variety of URLs, explicitly directing users to a mobile application.
Inference
This is a blueprint for an "App Acquisition Web Shell." It's a highly focused marketing site whose sole purpose is to convert web traffic from various sources (e.g., organic search, direct links) into mobile app users for different segments (customers, partners, couriers).
Recommendation
To build a similar App Acquisition Web Shell, follow this transferable pattern:
- Framework Choice: Use a modern, SEO-friendly framework like Next.js or Astro. This allows for fast performance and the ability to generate numerous static landing pages programmatically.
- Core Component: Develop a single, primary UI component that clearly states the value proposition of the mobile app and provides direct download links (for App Store and Google Play) and other key registration links.
- Routing Strategy: Implement a dynamic or catch-all routing system. For each potential route (e.g.,
/city/business-name), generate a page that uses the core component but injects unique<title>and<meta>tags to target specific search queries. - Analytics: Integrate an analytics tool to track conversion from page view to app store click-through, allowing you to measure the effectiveness of your web funnel.
Observation
The provided evidence includes three distinct URL structures: a root path (/), a first-level path (/login), and a deeply nested, parameterized path (/ciudad-de-mexico/restaurantes/delivery/642-little-caesars). Despite their structural differences, they all present the same content.
Inference
With high confidence, the functional sitemap for the user is extremely simple, consisting of a single page type. However, the structural sitemap intended for search engines is likely vast and programmatically generated. It probably follows a pattern like /:city/:category/:type/:id-:name. This structure is designed to create a large surface area for SEO, capturing specific, long-tail search intent even though the destination is a generic landing page.
Recommendation
When creating a sitemap for an SEO-focused acquisition site, it's crucial to generate an sitemap.xml file that includes all the programmatically created URLs. This explicitly tells search engines about all the pages you want them to crawl. A transferable pattern is to create a script that generates this sitemap.xml based on the same data source used to create the dynamic pages (e.g., a list of cities, restaurants, and services). This ensures that as new entities are added, they are automatically included in the sitemap and made discoverable to search engines.
