← Jobs

Front-End Developer – Build Modern 3D Animated Website for Building Design Studio

Budget: $300.0 FIXED / ⭐ 4.86 (82) Australia

architectural-design, environment, web-design, adobe-photoshop, visualization, graphic-design, web-programming, css, html

I need an experienced front-end developer and graphic designer to build a multi-page, modern, visually striking website for my building design studio — DM Design Collective — based in Australia. This is a full brand digital package covering website, logo vectorisation, email signature, and business card. I will provide: • A screen-recorded video walkthrough of a reference website showing the layout, interactions, and aesthetic direction I want • My company logo (high-resolution PNG) You are expected to watch the video in full before applying or quoting. Applications that do not reference specific details from the video will be ignored. Company Details • Name: DM Design Collective • Type: Building Design Studio • Services: Building Design, Renovation, New Build, NDIS, House Lifting, Commercial • Brand colours: Black, off-white, copper/bronze accent • Tone: Premium, architectural, modern • Hosting: Crazy Domains Linux Economy (cPanel shared hosting) Website Structure (Multi-Page) 1. Home — Full-screen 3D animated hero, services overview, process summary, CTA 2. About — Studio story, values, team 3. Building Design — Dedicated service page 4. Renovation — Dedicated service page 5. New Build — Dedicated service page 6. NDIS — Dedicated service page 7. House Lifting — Dedicated service page 8. Commercial — Dedicated service page 9. Portfolio / Projects — Image gallery or project showcase 10. Contact — Enquiry form with service selector Each of the 6 service pages must have: • Its own unique layout and content section • A dedicated 3D animated visual or illustration relevant to that service • SEO-optimised page title, meta description, and heading structure • A clear call-to-action leading to the contact page Design & Technical Requirements • 3D effects are non-negotiable — card tilts, depth, animated canvas elements, parallax, and immersive hero animations. This is the centrepiece of the brief. • Use the reference video as your primary design guide for layout, interactions, and visual feel • Built in pure HTML, CSS, and vanilla JavaScript only — no React, Vue, Angular, or any JS framework • No jQuery • Google Fonts permitted • Must be fully compatible with Linux cPanel shared hosting (Crazy Domains Linux Economy) • Fully responsive — desktop, tablet, and mobile. Animations must degrade gracefully on touch devices. • Contact form must deliver emails — PHP mailer or Formspree • Consistent navigation, header, and footer across all pages • Clean, well-commented, maintainable code • Page load performance — images optimised, no unnecessary bloat Deliverables 1. Website • All 10 pages built, tested, and deployed live on my Crazy Domains cPanel • Working contact form with confirmed email delivery • SEO meta tags, Open Graph tags, and sitemap.xml on all pages • Fully responsive across all screen sizes • Handover notes explaining file structure and how to make basic edits 2. Logo Vectorisation • Redraw existing PNG logo as a clean, fully scalable vector • Deliver: AI or EPS master file + SVG + PNG exports in three versions (full colour, white, black) • All fonts outlined, fully editable 3. Email Signature • Professionally designed HTML email signature using the vectorised logo • Must render correctly in Gmail, Outlook, and Apple Mail • Include: name, title, phone, email, website URL, logo • Delivered as ready-to-install HTML file with setup instructions 4. Business Card • Double-sided, print-ready design aligned with the website aesthetic (dark, premium, copper accent) • Delivered as print-ready PDF at 3.5” x 2” with bleed and crop marks • Editable AI or PSD source file also included
Auf Upwork öffnen