Sales Components
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. |
The Problem
Users experience fragmented journeys between reading content, engaging with information, and completing purchase actions within digital platforms.
The Goal
Design integrated sales and engagement components to increase revenue, user retention, and content consumption.
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
Design process
The component system reinforce the strategy of sales based in content engagment.
-
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
