Resources & Templates

Curated tools, documentation, and templates to help plan and execute your web project — all free.

Figma

Industry-standard design tool for wireframes, prototypes, and UI design. Free tier is generous enough for most projects.

Visit

Coolors

Tool

Fast colour palette generator. Great for exploring complementary colour schemes for your brand.

Visit

Unsplash

Resource

High-quality, free stock photos. Better than most paid alternatives for natural-looking imagery.

Visit

Google Fonts

Tool

Free, open-source fonts optimised for web performance. Stick to 2–3 fonts maximum per project.

Visit

MDN Web Docs

Documentation

The definitive reference for HTML, CSS, and JavaScript. If you only bookmark one resource, make it this one.

Visit

GitHub

Tool

Version control and code hosting. Essential for any development project, even solo ones. Free for public and private repos.

Visit

Can I Use

Tool

Check browser compatibility for CSS properties and JavaScript APIs. Saves hours of debugging.

Visit

Lighthouse

Tool

Built into Chrome DevTools. Audits performance, accessibility, SEO, and best practices. Run it before every launch.

Visit

Google Search Console

Tool

Free, essential. Shows how Google sees your site, what queries drive traffic, and alerts you to issues. Non-negotiable.

Visit

Google PageSpeed Insights

Tool

Tests your site speed on mobile and desktop. Provides specific, actionable recommendations. Aim for 90+ on both.

Visit

Schema.org

Documentation

Reference for structured data markup. Adding schema helps search engines understand your content and powers rich results.

Visit

Google Business Profile

Tool

Free listing in Google Maps and local search. The single highest-impact action for local NZ businesses.

Visit

freeCodeCamp

Course

Free, comprehensive coding curriculum. Start here if you want to understand the basics of how websites are built.

Visit

Web.dev by Google

Course

Google's own learning platform for web development best practices. Excellent for understanding Core Web Vitals.

Visit

Smashing Magazine

Publication

Long-running web development publication. In-depth articles on design, development, UX, and performance.

Visit

Downloadable Templates

Practical templates to help structure your web project from the start.

Website Project Brief Template

A structured template to define your project goals, target audience, required features, and success metrics before briefing a developer.

SEO Checklist for New Websites

A 25-point checklist covering everything from meta tags and headings to Core Web Vitals and Google Business Profile setup.

Web Development Contract Checklist

Key clauses to look for (or insist on) in a web development contract: ownership, timelines, payment terms, IP rights, and post-launch support.

Templates are available on request. Contact MCL Web Solutions and we’ll send them through.

Need help putting these resources into action? MCL Web Solutions can guide you through the process.

Get Expert Help