Cette offre d'emploi n'est plus disponible
À propos
I have a single-page website for my bird shop called "Mo's Birds" that is partially built and needs to be finished and polished by an experienced frontend developer. The site sells hand-raised companion parrots and is built as one self-contained HTML file with embedded CSS and JavaScript — no frameworks, no separate files. I want to keep it that way.
What Already Exists:
The core structure is in place. There's a fixed sticky navigation bar with a logo and links to all sections (Home, Our Birds, Shipping, Reviews, Contact, Cart). All "pages" are divs that show/hide with JavaScript — no actual page reloads. The color scheme is tropical: navy (#0A2342), teal (#0CC0AA), orange (#FF6B35), yellow (#FFD23F), green (#1B8A6B), with a mint background and warm white cards. Fonts are Google Fonts — Fredoka One for headings, Nunito for body.
The Our Birds page has a responsive grid of 20 bird species, each displayed as a card with an SVG illustration, scientific name, common name, short description, price, and a "View Details" button. Clicking that opens a modal with more detail, stats (age, sex, noise level, lifespan), optional add-ons (DNA sexing and disease testing for $30 each on unsexed birds), and an "Add to Cart" button.
There's a working cart system — items get added to a JavaScript array, a red badge on the Cart nav link updates with the count, toast notifications appear on add, and duplicates are prevented. The Cart page shows all items with remove buttons and an order summary. The Checkout page pulls from the cart and offers three payment options: Stripe, Zelle, and CashApp. There are also Shipping, Reviews, and Contact pages with basic content, plus a footer.
What I Need Done:
I need someone to take this from "functional prototype" to a finished, professional, customer-ready website. Here's what that involves:
Design Polish: The layout and styling need to feel premium and trustworthy. Cards should have clean shadows, smooth hover effects, and consistent spacing. The overall look should be warm, tropical, and inviting — not generic or template-looking. Typography hierarchy should be clear. Everything should feel intentional.
Mobile Responsiveness: The site needs to work perfectly on all screen sizes — phones (320px+), tablets, and desktops. The bird grid should be 1 column on mobile, 2 on tablet, 3 on desktop. The modal should go fullscreen and scroll properly on small screens. Navigation should collapse to a working hamburger menu. All text, buttons, and spacing should scale appropriately.
Bird Illustrations: Each of the 20 birds currently has an inline SVG illustration. These need to look good and be visually distinct — each species should have its own color scheme matching the real bird (e.g., Sun Conure is bright yellow/orange, African Grey is grey with red tail accents, Blue & Gold Macaw is blue and gold). The illustrations use simple shapes — ellipses for body and wings, circles for head and eyes, paths for beaks, feet, and tails — sitting on a branch with background leaves. They don't need to be photorealistic, but they should be charming and recognizable.
Cart and Checkout Flow: The full flow from browsing to adding to cart to checkout needs to be smooth and bug-free. The cart badge, toast notifications, duplicate prevention, remove functionality, order summary calculations, and payment option display all need to work correctly. The checkout should dynamically show all items from the cart with individual line items and a correct grand total.
Content Completion: All 20 bird species need complete data — a longer description paragraph for the modal, accurate stats (age, sex, noise level, lifespan), and appropriate pricing. The Reviews page needs 6-8 realistic customer reviews with star ratings, quotes, names, and which bird they bought. The Shipping page needs clear info about methods, weather policy, packaging, timeframes, and costs. The Contact page needs a working form with a species dropdown covering all 20 birds.
Payment Integration Placeholder: I don't need actual payment processing built in, but the three options (Stripe, Zelle, CashApp) should be clearly presented with placeholder info — a Stripe button/link area, Zelle details with amount and memo instructions, and a CashTag with amount and memo instructions. These should look clean and trustworthy.
Performance: Since everything is in one HTML file including base64 images and inline SVGs, the file will be large. It still needs to load fast and scroll smoothly. Animations should be subtle and not janky. No unnecessary bloat.
The 20 Bird Species and Prices:
Sun Conure $450, Green Cheek Conure $350, Cockatiel $200, Blue & Gold Macaw $2500, Scarlet Macaw $3000, African Grey $2800, Jenday Conure $500, Military Macaw $2200, Pineapple Conure $475, Indian Ringneck $600, White Bellied Caique $1200, Eclectus Parrot $1800, Quaker Parrot $400, Yellow Nape Amazon $2400, Hahn's Macaw $900, Peach-Faced Lovebird $150, Senegal Parrot $700, Gold Cap Conure $550, Green Wing Macaw $3500, Umbrella Cockatoo $3000.
Requirements:
Strong HTML, CSS, and vanilla JavaScript skills
Good eye for design and visual detail
Experience with responsive layouts
Ability to work within an existing codebase and style
Deliver as a single HTML file
Contract duration of less than 1 month. with 30 hours per week.
Mandatory skills: WordPress, WordPress Website Design, WordPress Landing Page, Website Builder, Website Maintenance, Elementor, WordPress SEO Plugin, WordPress Optimization, WordPress Customization, WordPress e-Commerce, PHP, WordPress Backup, Web Development, WordPress Plugin, Search Engine Optimization
Compétences linguistiques
- English
Avis aux utilisateurs
Cette offre a été publiée par l’un de nos partenaires. Vous pouvez consulter l’offre originale ici.