The layout felt busy, no visual hierarchy and a bit overwhelming, with key features harder to find and match information not easy to scan at a glance.
Figma, After Effects, Capcut
2025
All football.
All Stats.
Anywhere.
Contract
CornerProBet - Proplay Strategies
Role
Product Designer (UI/UX, Brand & Motion)
CornerPro is a complete platform for football analysis and statistics, offering live tools to enhance the betting experience.
Visual
ID
Problem
As CornerPro scaled across web, app, and social platforms, the identity became fragmented with multiple communication touchpoints displayed inconsistent types, varied colors, and misaligned branding.
This lack of visual discipline was diluting the brand’s authority in the competitive sports analytics market.
This lack of visual discipline was diluting the brand’s authority in the competitive sports analytics market.
Solution
A comprehensive “brand bible” was created and enforced to define the CornerPro’s visual identity and strategic foundation, establishing unified typography, color systems and marketing assets.
CornerPro Logotype
The logo, it is a Corner and a Bold Professional, embodying expertise, reliability, and results.
Designed to reflect better analysis and insights of our digital products — platform and app.
Scalable
by Design
Built for scalability, the logo maintains its clarity and impact across various sizes and formats, as the clean typography and balanced proportions ensure consistent visibility and professional presence.
Typeface
SegoeUI is the primary font of the brand, and is used on the logotype, corporate branding, and assets. It represents the essence of our brand in formal and high-visibility contexts.
Klavika act as the secondary font for social media and campaigns, adding a bold, dynamic tone while maintaining alignment with the visual identity.
Klavika act as the secondary font for social media and campaigns, adding a bold, dynamic tone while maintaining alignment with the visual identity.
SegoeUI Light
SegoeUI Semilight
SegoeUI Regular
SegoeUI Semibold
SegoeUI Bold
Klavika Light
Klavika Regular
Klavika Medium
Klavika Bold
Klavika Heavy
Color
Palette
The primary color is a deep beautiful strong black, supported by a contrasting off-white.
A triade set of blue, makes the supporting accents, from serene to energetic, reflect the core values of the ever-evolving world of technology.
A triade set of blue, makes the supporting accents, from serene to energetic, reflect the core values of the ever-evolving world of technology.
CornerPro Black
HEX 1B1F25
RGB 27, 31, 37
CMYK 27%, 16%, 0%, 85%
Pantone 433 C
HEX 1B1F25
RGB 27, 31, 37
CMYK 27%, 16%, 0%, 85%
Pantone 433 C
CornerPro White
HEX F9F9F9
RGB 249, 249, 249
CMYK 0%, 0%, 0%, 2%
Pantone 7436 C
HEX F9F9F9
RGB 249, 249, 249
CMYK 0%, 0%, 0%, 2%
Pantone 7436 C
CornerPro Blue Nav
HEX 104892
RGB 16, 72, 146
CMYK 89%, 51%, 0%, 43%
Pantone 293 CP
HEX 104892
RGB 16, 72, 146
CMYK 89%, 51%, 0%, 43%
Pantone 293 CP
CornerPro Blue Data
HEX 4185EC
RGB 65, 133, 236
CMYK 72%, 44%, 0%, 7%
Pantone 2727 C
HEX 4185EC
RGB 65, 133, 236
CMYK 72%, 44%, 0%, 7%
Pantone 2727 C
CornerPro Blue Cloud
HEX ACC3E6
RGB 172, 195, 230
CMYK 25%, 10%, 0%, 10%
Pantone 658 C
HEX ACC3E6
RGB 172, 195, 230
CMYK 25%, 10%, 0%, 10%
Pantone 658 C
Refined Experience
The CornerPro Platform was redesigned to match the brand identity and improve the overall experience.
A focused update to the UI and UX across the web platform — improving hierarchy, clarity, and consistency to ensure live data and complex statistics remain easy to scan, while interactions feel intuitive across the entire experience.
before
☒ Everything at once
after
☑ Start here → Refine → Explore
The Home and overall pages interface feels clean and focused, with a smoother flow, clearer match cards, and simple filters that make everything quicker and more enjoyable to use.
before
☒ Conventional Form
Functional but dated registration layout with a standard form approach and unnecessary links.
after
☑ Modern Sign up
The Sign-up and Login experiences are clean and centered on modern aesthetics and effortless flow and options.
before
☒ Feed Overlay
A dense, utilitarian layout where information and elements competes for attention in a traditional grid.
after
☑ Dynamic Dashboard
On the Live page, a sophisticated, ecosystem that distills complex live analytics into a sleek, high-readability command center.
before
☒ Information Overflow
A literal interpretation of data, presenting an expansive but overwhelming landscape of statistics and charts.
after
☑ Visual Playbook
For the Match page, an elegant, card-based layout that organizes analytics and data into digestible, interactive elements.
before
☒ Scattered Database
Interface with traditional table styling that relies on blocks of color and a cluttered header, making rapid scanning a challenge.
after
☑ Analysts View
A refined, dark-mode architectural update that prioritizes legibility through subtle data bars and a streamlined filtering system.
before
☒ Flat Index
A static, spreadsheet-style layout with minimal visual hierarchy and a narrow focus on raw numbers.
after
☑ Predictive Insights
A high-performance dashboard featuring a lateral navigation system for a professional betting experience.
before
☒ Fragmented Settings
A linear administrative layout where toggles and parameters are spread across a wide, flat canvas.
after
☑ Intuitive Flow
A step-by-step userflow that transforms complex bot creation into a visual, guided journey for total strategic control.
before
☒ Functional Premium Pitch
Premium Landing Page that relies on technical bullet points and standard dark-light blocks.
after
☑ The Premium Showcase
A high-impact conversion experience featuring an immersive dark-mode aesthetics, clear cards and modular hierarchy of benefits.
CornerPro
Anywhere...
Pro Analysis on the Move
The CornerPro App delivers a seamless experience that mirrors the Web Platform, with same structure and features, plus a modern look & feel.
OLD
NEW︎
The redesign reimagines CornerPro with a focus on two pillars: a bold brand that swaps flat black for identity, and a refined user experience that replaces old stylesheets with clean layered cards.
Social
Content
Bold, consistent,
and unmistakably
CornerPro.
Every post, regardless the format, works together to tell a cohesive story that connects and resonates.
The strategy is built around matches, results, and competition updates.
Additional content highlights key performances, match moments, and goals.
Related posts use clean visuals, strong stories, and consistent branding.
Carousels were created to stay cohesive and flow naturally between slides.
Promotional layouts designed to stay sharp, balanced, and consistently on-brand regardless of the topic or season.
A consistent design system created for Black Week, across social posts, homepage banner, and campaign landing page.
The streamlined framework was also applied on Christmas promo, built for fast, consistent production.
Paid ads and content focused on premium features, were designed to stay visually aligned with CornerPro ID.
Explore the complete design framework.
Social Media Design System ︎
Vivilde℠ • UI/UX Designer currently based in Lisbon, helping brands and businesses interact better with their audience. About ︎