Front-End Developer – Build Modern 3D Animated Website for Building Design Studio
Бюджет: $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
Открыть заказ