Soccer Club Website UI/UX Design & WordPress Development
Manmeet Singh
Overview
Sports club website design and development for a community soccer club with men's, women's and junior teams. The site needed to celebrate the club's identity, attract new players and give sponsors great visibility.
UI/UX Design in Figma
Bold sports UI design in the club's red, black and white colors with dynamic angled shapes
Fixed sidebar navigation with Home, News, Shop, Join Team, Gallery, Sponsorship and Contact
Hero slider with the club's story and "Join Our Team" / "Become a Sponsor" CTAs
Sponsor logo strip to showcase partners
Join Our Team section with player photos
Wireframes and high-fidelity Figma mockups for desktop and mobile
WordPress & Elementor Development
Figma to WordPress build with Elementor Pro
News, gallery and sponsorship pages from reusable templates
Club shop for merchandise
Registration and sponsorship enquiry forms
Mobile-first responsive web design with an adapted mobile menu
Skills & Keywords
WordPress website design, Elementor website development, Figma to WordPress, UI/UX design, sports club website, football club website, community website, nonprofit website, sponsorship page, WooCommerce shop, responsive web design
Like this project
Posted Sep 25, 2026
Figma UI/UX design and WordPress Elementor development for a community soccer club: sidebar navigation, sponsors, join the team, shop, news and gallery.
