Contact person: Business Client

Phone:Show

Email:Show

Location: South San Francisco, United States

Budget: Recommended by industry experts

Time to start: As soon as possible

Project description:
"Project Description
Project Overview: I need an experienced web developer to restructure the navigation and page hierarchy of my existing veterinary surgical website ([login to view URL]) to improve the user experience. The project involves simplifying the main menu, creating "Hub" landing pages, refreshing the visual design, and installing an interactive gallery.

Scope of Work:

1. Main Menu Restructure (Simplification) The top navigation bar must be uncluttered and reduced to exactly these 4 items:

About Us

Veterinarians (B2B Hub)

Pet Owners (B2C Hub)

Contact Us

2. Implementation of Hub Landing Pages Instead of using long dropdown menus, the navigation items must lead to dedicated Landing Pages (Hubs) that visually display the following options (see attached sketches):

Veterinarians Hub Page: Must feature prominent buttons/links to:

Refer a Case (Portal/Form)

Surgical List (List of procedures)

Discharge Instructions (Document downloads)

Pet Owners Hub Page: Must feature prominent buttons/links to:

FAQ

Book Consult (Direct link to booking system)

Client Resources: This section must branch into three specific content areas: (1) Pet Insurance, (2) Pet Adoption, and (3) Pet Emergencies (This page must list specific 24-hour emergency hospitals with click-to-call phone numbers).

About Us Hub: Should link to two separate pages:

About the Surgeon (Bio/Credentials)

Gallery (See interactive requirement below)

3. Interactive Gallery (Critical Requirement) I require a professional "Before and After" Image Slider for the Gallery page.

Functionality: Users must be able to drag a slider handle over an image to reveal the Pre-Op vs. Post-Op view (e.g., comparing X-rays or limb alignment).

Constraint: Do not simply post static images side-by-side. Please verify you can implement an interactive comparison tool (e.g., using Twenty20 or similar plugins).

4. Visual Design Refresh


Background: Change the current website background color to a clean white or soft light grey to look modern and clinical.


Typography: Update the font throughout the site to a modern, easy-to-read Sans-serif font (e.g., Open Sans, Roboto, or Lato).

5. Technical & UX Requirements

Breadcrumb Navigation: Implement "breadcrumbs" on all sub-pages (e.g., Home > Pet Owners > Resources) so users can easily navigate back to previous Hubs.

Sticky Mobile CTA: On the mobile version, ensure the "Book Consult" or "Contact" button is always visible (sticky) at the bottom or top of the screen for quick access.

Speed Optimization: Ensure new image-heavy pages (like the Gallery) are optimized for fast loading speeds on mobile networks.


Mobile Responsiveness: The new structure must work perfectly on all mobile devices.

Platform: [Please identify current platform from URL or confirm if WordPress].

IMPORTANT: Before bidding, please confirm you have reviewed the attached sketches and that you understand the interactive Before/After slider requirement. If you do not mention these in your bid, I will likely not consider your proposal.

Attachments: I have attached hand-drawn sketches of the desired site map and Hub layouts, as well as an example of the specific slider gallery style I need." (client-provided description)