Contact person: CSS Redesign for Static Site

Phone:Show

Email:Show

Location: Brisbane, Australia

Budget: Recommended by industry experts

Time to start: As soon as possible

Project description:
"I have an existing static website—about a dozen HTML pages supported by roughly twenty separate style sheets and a couple of small JavaScript files—that needs a full visual overhaul. The goal is to replace existing CSS with a fresh, coherent theme and leave the HTML structure relatively untouched.

Design:

The new theme to be created for the site is:

"Competitive Edge" - An Intense, driven, ambitious, strategic, bold site. Employ sharp, angular designs with high-contrast colors (e.g., green and gold). Target audience is teen athletes (ages 13-18) and their coaches in competitive team sports like high school soccer or basketball leagues.

Technical:

The HTML is based around a generated site and is highly consistent. The site is basically a series of interchangeable `section` tags inside of `main`. Each CSS file is focused on doing one thing, typically styling a single section. A self-documenting page in the site `/site-layout/[login to view URL]` has at least one of every section type with describes itself; styling this one page should style the entire site.

Samples of pages and current screenshots attached.

Key Focus Areas

• A modern looking alternative to the existing site layout.
• Ensure to retain 2 adaptive levels (mobile and desktop) across modern browsers and mobile devices without altering core HTML markup.
• Leave the existing JavaScript functional; minor tweaks are fine if a class/id change demands it. (If you want new JavaScript functionality would prefer if it was in a new file.)

Deliverables

1. Create a new and unique visual interpretation of the site.
2. Update CSS theme files, following existing organization pattern.
3. (Optional) Updated HTML files if structural changes are required.
4. (Optional) Updated and/or new JavaScript files if required.
5. (Optional) Updated graphics either for icons or demo images.
6. A short hand-off document explaining deliverable if it varies from the brief.

I’ll supply the current codebase as soon as we start. Let me know your high-level concept, and an estimated timeline so we can set milestones and get this redesign underway. Successful completions could lead to more themes on this same structure." (client-provided description)