Please use the attached homepage mockup as the main design reference for our website. We want the final homepage to look as close to this design as possible in layout, style, colors, image treatment, and call-to-action placement.
Key sections needed:
* Header with logo, About, Tryouts, Skills Training, Alumni, Swag, and Register for Tryouts button
* Hero section with realistic basketball court lights background and diverse high school boys and girls in our uniforms
* Call-to-action buttons
* Tryouts, Skills Training, Alumni/Testimonials content blocks
* Contact section
* Footer with contact info and social links
Please make the site clean, user-friendly, mobile responsive, and visually strong. The mockup should be used as the creative direction, while building the final version in a professional, fully functional website format.
Illinois Game Time Basketball
Developer-Ready Homepage Brief
Project Goal
Build a clean, bold, high-converting homepage for Illinois Game Time Basketball that matches the attached mockup style as closely as possible. The site should feel elite, modern, athletic, and easy for parents and players to navigate quickly.
The homepage should be designed to help visitors:
- understand who we are
- view tryout information
- learn about skills training
- see alumni and testimonials
- contact us easily
- register for tryouts fast
Overall Design Direction Brand Feel
- Elite basketball program
- Realistic and authentic
- Strong, clean, modern
- User-friendly
- Mobile responsive
- Fast-loading
Visual Style
- Dark premium sports design
- Realistic basketball court and arena lights
- High-energy but clean
- Strong contrast
- Bold typography
- Clear call-to-action buttons throughout
Color Direction
Use the logo as the main color guide:
- Black
- Red
- White
- Orange/gold glow accents from logo
Image Direction
Use the supplied mockup and image assets as the visual direction.
Hero section should feature:
- diverse high school boys and girls
- realistic and authentic faces
- exact Game Time uniforms
- every player with different jersey numbers
- black short-sleeve compression shirt under jersey
- black Nike socks
- red/black Nike basketball shoes
- realistic basketball court background with lights
Do not place “Illinois” on the uniforms. Uniform front should read:
Required Homepage Structure1. Header / Navigation
Create a clean top header with:
Left:
Center / Right Navigation:
- About
- Tryouts
- Skills Training
- Alumni
- Swag
Primary CTA Button:
Header Notes
- Sticky navigation preferred
- Clean black background
- Easy to read
- CTA button should stand out in red
2. Hero Section
This is the most important section.
Hero Background
- Realistic hardwood basketball court
- Bright arena/gym lighting
- Premium sports atmosphere
- Slight depth and glow for realism
Hero Players
- Diverse boys and girls
- High school age appearance
- Realistic facial features
- Strong, confident poses
- Exact Game Time uniform styling
- Different jersey numbers for each player
- Black short-sleeve compression shirt under all jerseys
- Black Nike socks
- Red/black Nike shoes
Hero Copy
Main Headline:
WHERE LEADERS ARE BUILT
Subheadline:
Elite basketball program focused on developing better players and even better leaders.
Hero CTA Buttons
- Register for Tryouts
- Start Skills Training
3. Quick Info / Program Cards
Below hero section, add clean clickable content blocks/cards for:
- Tryouts
- Skills Training
- Alumni
- Testimonials
Each card should include:
- image
- title
- short supporting text
- CTA button
Example CTA buttons:
- View Tryout Dates
- Join Training
- Learn the Process
- View All Reviews
4. About / Program Overview
Add a short section explaining the program.
Suggested focus:
- athlete development
- leadership
- discipline
- preparation for the next level
- boys and girls program
- strong culture and coaching
Keep this section brief and easy to scan.
5. Alumni Section
Include an alumni/progression section showing athlete pathway:
- youth basketball
- junior high
- high school
- college opportunities
Include:
- alumni imagery
- short success highlights
- CTA button:
6. Testimonials Section
Create a section with parent/player testimonials.
Goal:
- build trust quickly
- show credibility
- help visitors feel confident
Can be:
Include CTA if appropriate:
7. Contact Section
At the bottom of the homepage, create a simple contact section so visitors can get what they need quickly.
Contact Content
- Name
- Email
- Player Info
- Message
Contact Info Area
Include:
- email address
- phone number
- social media icons
CTA
Goal:
Make it easy for viewers to review the page, get the information they need, and contact us without confusion.
8. Footer
Footer should include:
- logo
- navigation links
- email
- phone
- social icons
- copyright line if needed
Keep footer clean and easy to scan.
Functional Requirements Responsive Design
Homepage must look great on:
Performance
- optimize images
- fast page speed
- compress graphics where needed
CMS / Editable Areas
Please build key areas so we can edit later:
- button text
- tryout info
- skills training content
- alumni content
- testimonials
- contact info
Assets We Will Provide
Developer should use supplied assets where possible:
- official logo
- player images
- uniform references
- homepage mockup references
- any additional copy or program details
Priority
The homepage should match the visual style of the mockup as closely as possible while remaining professionally built, mobile friendly, and easy to update.
Most important priorities:
- strong realistic hero section
- exact brand colors and feel
- easy navigation
- clear call-to-action buttons
- polished, modern sports look
- clean mobile experience
Deliverables Requested
Please provide:
- desktop homepage design
- mobile homepage design
- final coded homepage
- responsive build
- editable sections
- contact form integration
- social media links
- fast-loading optimized images
Final Direction
Please use the supplied mockup as the primary visual reference and recreate the homepage in a professional website format as close to that look and structure as possible.
This should feel like a premium basketball brand website that is bold, realistic, authentic, and easy for families to use.
...
Show more