Sales Components System
Strategy component system (in-content commerce)
OVERVIEW
Increase incomes | Integrate shopping modules within articles (in-content commerce), highlighting offers related to the content read. |
User retention and loyalty | User retention and loyalty Create micro-interactions such as purchasing preferences, saving items, personalized lists, engagement badges, exclusive promotions, gamifying reading with exclusive rewards and discounts, and engaging with rewards or badges for participation and comments. |
Content consumption and personalized sales | Encourage login registration, generate a hub of personalized shopping and reading content, and personalize with semantic tree searches. |
Over the past few years, the digital ecosystem has undergone a profound transformation.
Organic audiences—the essential foundation of the publishing business and a cornerstone of monetization strategies—began to decline due to changes in technology and content consumption behavior.
The search for new, sustainable models encouraged a reinvention of:
-
How content is produced,
-
How it is distributed,
-
How it captures value, and
-
How it fosters user loyalty within a saturated and highly competitive environment.
This shift made it possible to reach previously inaccessible audiences, as well as opening up opportunities in subscriptions, loyalty, advertising, targeted commerce, and hybrid models combining editorial and commercial content.
However, this transformation brought new and critical challenges:
-
Pain 1 — User attention is volatile
Entry paths have changed (SEO, AMP, Discover, social media), fragmenting how users arrive at and consume content.
-
Pain 2 — Content doesn't necessarily convert
Traffic alone doesn't generate value. Users read, but don't always continue to other pages or make purchases.
-
Pain 3 — Lack of consistency between content, product, and sales opportunities
Editorial pieces weren't strategically integrated with sales experiences or product recommendations.
-
Pain 4 — New targeted content strategies are needed
The market demands that editorial content also:
-
Guide decisions
-
Facilitate product discovery
-
Generate ongoing engagement
-
Enable sustainable monetization
The Goal
-
Designing integrated sales and engagement trough a system of components, CTAs, strategic ADS and sales components and links to increase revenue, user retention, and content consumption.
-
Relink and reuse content information
-
Culturizes user as an informed consumer
UX objetives
Project Gallery
COMPONENT SYSTEM
PROJECT ANALYSIS
Product Description
Interactive sales and engagement components for Tech Tudo’s digital ecosystem.
-
Project Duration: 3 months
-
(Concept → MVP → Launch)
-
Client: Tech Tudo / Globo
-
Brand: Tech Tudo | Digital Innovation Content
-
Devices: Mobile and Desktop
-
Position: UX Senior Designer/Product Lead UX Designer
USER ANALYSIS
Users increasingly need comprehensive solutions that provide information about digital products, while also offering purchasing alternatives tailored to their interests, needs, and unique market and seasonal purchasing opportunities.
Methods of research
-
Benchmark
-
Demographic Research
-
Funnel analysis
-
Empathy maps
-
Road map
-
CTA position
-
Google analytics data bases
👁️ I´m a galery info. Clic me!
IDEATION AND DESIGN STEPS
Discovery Process
During this years in editorial Globo, I create and implemented my own flexible Discovery process that included:
-
Double Diamond
-
Brainstorming
-
Storytelling
-
User persona
-
Constant PO-team feedback
This method allow me to using it during different part of the process of creation of a digital product. Same using it since scratch, or even in an specially stage of the developed product.
The component system used this method in several and different stages during system designing.
Design process
-
User Journey
-
Usability flow maps
-
Backstage flow
-
Wireframes
-
Layouts
-
Color Accesibility test
-
Heuristic strategic position
-
Prototypes
-
QA test
-
Release.
👁️ I´m a galery info. Clic me!
👁️ I´m a galery info. Clic me!
BRAND AND CROSS DESIGN SPECIFICATIONS
Tech Tudo´s page requieres specific brand considerations at same as component system need to stablish scalable and standar specifications to be implemented as a cross project. This both diferent requierments were designing provinding parameters that could change to any brand, at same that allows to be an specific component.
Tech Tudo Design Considerations
-
Brand Desing System (color, icons, fonts, effects, spaces, measures...)
-
Measurement for two kind of implementation layout: Multicontent and Pages Layout System Layout
-
Mobile and desktop
-
Backstage components
Scaleble component characteristics
-
Atomic Design System and Design system consistency
-
Rationale: Friendly, legible, and modern typefaces, accesible colors, aligned with Google’s brand family, SEO best practices to ensuring consistency across devices.
CURRENT STATUS AND CHALLENGES
Project Challenges
The project challenges included several technical aspects such as the integration of product search APIs (Cellphone Comparison), layout adaptation based on database structure, understanding and negotiating offers with stakeholders, and analyzing three different content flows to create simple yet contextually linked components aligned with reading and functional experiences.
The main challenges were:
-
Kanban board coordination across different stages of component and landing page development (in progress, production, QA, design adjustments, etc.)
-
Negotiation understanding with key stakeholders (Amazon, Americanas, Casas Bahia, Mercado Libre)
-
Unorganized design systems that required redefinition
-
Outdated components needing redesign and optimization
-
Creation of new objectives and project roadmap aligned with the updated user profile
-
Detailed QA review for functional and visual consistency
Main objective
The primary goal of this project was to address new user content consumption challenges and provide a better experience in information access, decision-making, and tech product purchasing — while reducing dependence on text-based content to build Tech Tudo’s authority as a trusted information source.
Current Status
🟢 Sales Component: In production
🟡 Cellphone Comparison Landing Page: In development
🟠 Showcase (Vitrine): Under review and design correction
🔵 Discount Coupon: In negotiation phase