Project Rosco & Perlini Freelance

roscoandperlini.co.uk
View Source Code

A business website developed on a freelance basis utilising Next.js and Tailwind CSS, with Sanity.io serving as the Content Management System (CMS).

The website was required to adhere meticulously to the approved design, ensuring a pixel‐perfect build while incorporating interactive elements that distinguish it in the competitive damp-proofing sector.

Project features & challenges:

roscoandperlini.co.uk
Screenshot of Rosco & Perlini's website

Bonus Information.

Screenshot of contact form
Contact and newsletter sign‐up forms integrated via the Sendgrid API.
Screenshot of FAQ section with search filter functionality
FAQ section featuring a search filter. The FAQs are structured with schema.org markup for SEO optimisation.
Screenshot of before/after image slider
Projects gallery featuring thumbnails and a before/after image slider. The purple background corresponds to the specific service category.
Screenshot of website search component
Search component offering both text and voice search, complete with image results.
Screenshot of project swiper
Feature components implemented using Swiper.js, with responsive design and custom-styled image borders.

Projects.

Filter by tech:

  • Screenshot of Rosco & Perlini's website

    Key features

    • Fully responsive design
    • Pixel‐perfect implementation of professional designs
    • Extensive utilisation of Next.js features
    • Comprehensive integration with Sanity.io, including a live-edit preview mode
  • Screenshot of Bloxy Web Services's website

    Key features

    • Personal freelance website to attract local businesses
    • Showcase of modern technologies and design expertise
    • Clean, seamless user experience
  • Screenshot of Dr Mould's website

    Key features

    • Informative brochure website for a local mould cleaning company
    • Showcases services with a clear, engaging design
    • Integrated subtle animations to enhance user experience
  • Screenshot of My Portfolio Site's website

    Key features

    • Fully responsive design
    • Modern Next.js & Tailwind CSS framework
    • Component-based architecture for maintainability
    • Smooth transitions and engaging loading animations
  • Screenshot of Churchill Academy & Sixth Form's website

    Key features

    • Fully responsive design across all devices
    • Dynamic spinning animations triggered by user scroll position
    • Advanced use of CSS clip-path for a pixel‐perfect build
  • Screenshot of Consilium Academy Trust's website

    Key features

    • Bespoke, multi-feature site showcasing academies nationwide
    • Customisable interactive map with editable pin locations and logos
  • Screenshot of Consortium Academy Trust's website

    Key features

    • Bespoke academy trust site with a dynamic, intuitive design
    • Subtle hero and section load-in animations
    • Fully responsive layout across all devices
  • Screenshot of Aurora Academy Trust's website

    Key features

    • Bespoke, dynamic design with intuitive animations
    • Fully editable via an in‐house CMS with customisable colour schemes
  • Screenshot of Guru Nanak Sich Academy's website

    Key features

    • Fully responsive design
    • Meticulous attention to detail
    • Smooth transitions and animations
    • Multi-page administrative control
  • Screenshot of Sir WIlliam Robertson Academy's website

    Key features

    • Pixel‐perfect design with a subtle, professional load‐in animation
    • Fully responsive layout across all devices
    • Dynamic count‐up animation on housepoints
  • Screenshot of South Yorkshire Maths Hub's website

    Key features

    • Professional and clean build for a teaching and training centre
    • Dynamic multi-image hero section with Swiper navigation
    • Fully responsive design with subtle section loading animations

My Stack.