short film webpage designs

1. Short Film Webpage Designs
By Ana Vasilescu

2. Influences
We were influenced by the official
“Call Me By Your Name” website
as it discussed the same topic our
film does
We also took
inspiration for the
official “Hybrids”
website
“Hybrids” provided
inspiration for the
structure of the
film as it is a short
film, unlike “Call
Me By Your Name”

3. Rough Draft #1
At the top of the
page we will have
the navigation bar,
allowing the users
to visit all pages of
our website.
I made a rough
draft of the
webpage so that
we could easily
envision the
structure and
layout of the
short film’s
website.
This would be
where the film
will be posted so
as to make it
easy for our
audience to
watch.

4. Rough Draft #1
We initially wanted
to add a page which
allowed our viewers
to see a sneak peek
of our film. This
page would include
a trailer, and the
synopsis of the film.
We arranged the
page so that the
focus would be
on the trailer of
the film and our
audience could
easily watch it.

5. Rough Draft #1
The about page would
include information on
the characters of the
film.
This page would
provide information for
those interested in the
background of the
characters.
We plan on adding the
pictures of each
character on the top
and text about them at
the bottom of the page
in columns.

6. Rough Draft #1
For the team page
we wanted to add
information of the
crew and creators of
the film
We plan on adding
the Production
Company Logo
along with
information on the
production
company itself, for
those interested in
film from the same
company.
We will also add
information on the
creators of the
film. This would
give them
recognition and
allow for the
audience to watch
more of their films.

7. Final Draft
On our home page
we made sure to add
the poster image so
as to attract your
audience
We expanded the
navigation bar to
include more pages
for our audience to
browse
We also added all
the film festival
award logos
received by our film
so as to show our
audience the
recognition our film
received
The film title along with
the punch line of the
film was added to the
homepage to make the
title of the film stick
with the audience so
that they will remember
it in the future.
We decided to add out Production Company Logo to the page
so that our audience will associate it with the film and also
look at other films created by our company

8. Final Draft
The film page of our
website will have the
film in he middle in
the screen, easily
accessible for the
audience’s viewing
We left our
navigation tab at the
top of the page for
our viewers to easily
navigate the website
and visit any part
they wish
We kept the some
award logos and
film critiques so as
to show our
audience the film’s
accomplishments.
We made sure to make
the page simple yet
visually pleasing, since
our film is the focus of
this page and we didn’t
want any other
information to distract
our audience
We kept our Production Company Logo at the bottom of
the screen show ownership of the film

9. Final Draft
In the about page we
also added
information about
the director and her
view on the film
along with the
inspiration behind it.
We maintained the
film title, punch line
and production
company logo on the
page. In doing so we
are making sure that
the viewer will
remember these and
keep associating the
with this film and
future films including
this production
company

10. Final Draft
For our team
page we want to
add information
on the cast and
crew who worked
on this film.
This page would
give credit to
those who helped
create the film
and introduce the
audience to them.

11. Final Draft
We made sure
to add a contact
page so that
those interested
could contact
the production
company of the
film’s team. This
would include
social media,
emails and
phone numbers.
We put our
contact details
in the middle of
the page so as
to be easily
accessible to
those
interested.