Frontend Developer / Layout Developer (Elementor)
MATCH PAGE REDESIGN + FRONTEND DEVELOPMENT IN ELEMENTOR
(Desktop & Mobile Versions)
A redesign and frontend implementation of the match page is required in Elementor.
After approval of your candidacy, we will provide:
- the full technical specification;
- our website;
- UX/UI competitor references.
OBJECTIVE
Rebuild the current match page into a more modern and structured format without changing the core content logic.
Main focus:
- improve visual hierarchy;
- simplify information perception;
- separate statistics into dedicated UI blocks;
- enhance mobile UX;
- make the sidebar genuinely useful.
IMPORTANT
The work must be implemented using Elementor / Elementor Pro.
Use:
- Flexbox Containers;
- sticky functionality via Elementor;
- minimal custom CSS;
- Elementor responsive controls.
Do not overload the DOM or use heavy plugins.
MAIN ISSUES WITH THE CURRENT PAGE
Current problems:
- statistics visually get lost inside text blocks;
- the content feels too much like a traditional article;
- the sidebar is underutilized;
- long text blocks reduce readability;
- the mobile version is overloaded with text;
- insufficient visual emphasis on odds / stats / prediction.
NEW STRUCTURE
HERO SECTION
Keep the current content but redesign the visual presentation.
Improve:
- spacing;
- typography;
- odds placement;
- CTA;
- visual separation between teams.
The Hero section should look like a standalone match card.
MAIN LAYOUT
Desktop
The main structure should use a single primary content column.
The right sidebar should function as a compact sticky panel.
MAIN CONTENT
Block order:
- Hero
- Statistics table
- Prediction / odds
- Analysis
- Main content text
- FAQ / additional blocks
- CTA
RIGHT SIDEBAR
The sidebar should include:
- odds;
- team form;
- quick stats;
- CTA button;
- anchor navigation.
Requirements
- sticky on scroll;
- compact width;
- separate card blocks;
- consistent internal spacing;
- avoid overloading the interface.
STATISTICS TABLE
Main Objective
Completely move statistics out of text paragraphs.
Implementation
Use:
- HTML Table;
or - Elementor Table Widget.
Requirements
- separate card layout;
- high-contrast headings;
- row hover states;
- border-radius;
- responsive behavior;
- horizontal scroll only inside the table.
MOBILE UX
Main Priority
Make the mobile version optimized for fast content scanning.
UI/UX REQUIREMENTS
Style
Modern sports/betting UI:
- minimalism;
- clean structure;
- focus on readability;
- visual emphasis on stats / odds / CTA.
Use
- card layout;
- soft shadows;
- border-radius;
- consistent spacing;
- clean dividers.
MOBILE UX IMPROVEMENTS
Simplify the page structure for mobile:
- reduce visual noise;
- use more compact spacing;
- improve clickability of elements;
- eliminate the feeling of a “wall of text.”
TECHNICAL REQUIREMENTS
- Elementor / Elementor Pro;
- Flexbox Containers;
- sticky sidebar;
- proper responsive behavior;
- minimal custom CSS;
- Core Web Vitals optimization;
- avoid DOM overload;
- semantic structure.
FINAL TASK
Transform the current page:
from a standard text article
→ into a modern responsive match page
with:
- improved visual structure;
- dedicated UI blocks;
- compact sticky sidebar;
- modern statistics presentation;
- enhanced mobile UX.
