By clicking “Accept”, you agree to the storing of cookies on your device to enhance site navigation, analyze site usage, and assist in our marketing efforts. View our Privacy Policy for more information.
Custom Code
Content Creation
Web Design
Web Development

Vicky The Film

A one page scrolling microsite to promote the release of a documentary film.

Client Project
Production company, Princess Pictures wanted a simple microsite to help promote their film in the lead up to the premier at the Virgin Media Film Festival.


To create a site that reflected the sensitive nature of their film whilst remaining informative and easy to use.


The result was a one page scrolling site that showcased the trailer, press, publications and a link to ticket sales.



We used ‘Monserrat Extra Light’ for the headings and titles on the website as it was already tied into the film’s branding. It’s a clean geometric sans-serif font inspired by the signage and typography used in the neighbourhoods of Buenos Aires. We used ‘Open Sans’ for the body of the website due to its readability and clean aesthetic.

Colour Palette

Our client wanted a subtle colour for the website. Once we received the main image for the home page, we tested some fonts that picked up hues of the background colour. We settled on a ‘dusty pink’ which pulled in the blush tones from the dusky sky in the image. The result was a calming feminine aesthetic underlined by a powerful light black tone.


    Information Architecture

    As with all one-page scrolling microsites, the challenge with this project was to structure the flow of information in a coherent manner, whilst also keeping the user engaged.


    We used a single fixed navigation bar that was always present to help the user navigate to the various on-page sections.

    Booking Tickets

    We placed the booking link close to the top of the page, to encourage users to engage immediately with the CTA.


    This was closely followed by a small synopsis of the documentary and then various stills and short clips to engage the user with the content.

    Press Links

    Another gallery was used to display a selection of articles written about the documentary and these link directly to the articles off-site.

    Contact, Footer & Socials

    A fully secured reCAPCHA contact form was integrated for anyone with any further questions about the film and the footer displays social links, useful links and a short bio about the production company, Princess Pictures.


    The site is fully responsive and works perfectly on a large range of devices. As the film was due to be promoted on social media, it was integral that users who accessed the website via their mobile devices could purchase tickets with ease.

    Interactions & Animations

    We used a small selection of interactive animations to enhance the user experience as they scrolled through the site.

    Landing Page Loading Animation

    As the page loads, the elements animate in for a strong opening impression.

    Page Scroll Animations

    As the user scrolls down for the first time, the elements animate on to the page in a satisfying and subtle way.

    Horizontal Scroll

    We implemented a horizontal scroll feature on the media gallery scroll in order to display the full gallery on one axis.

    Hover Effects

    All buttons have subtle hover effects attached to give valuable UX feedback to the user. The press links in particular get larger and go from monochrome to colour when hovered over.

    Previous Project
    Next Project
    You're all caught up.
    There are no more recent projects
    That's everything.
    There are no more projects.

    Need a


    Let's talk.

    Thank you! Your submission has been received!
    Oops! Something went wrong while submitting the form.