Viktor Annerstål
Website - Portfolio
-- Illustrator -- Webflow -- Figma
Mission
Portfolio website for cinematographer Viktor Annerstål
Viktor contacted me about creating his website which was to be a portfolio site for his work. One part was for him to have a place to collect all of his work for himself but also to have a way of showing his work for potential clients. He wanted a simple and clean design to let his works speak for themselves.
"A simple website that I can present to potential clients"
Process
The start of the project was to talk to Viktor about his whishes and thoughts about how he wanted the feeling of his future website would be. Who were we going to target and what was the reason to create a site in the first place. We settled on that this website would be aimed at finding new clients, to show them the scope and style of Viktor as a cinematographer and his personal style. We wanted his work to be the highlight of the site since this is what a future client wants to see. A simple and straightforward design with emphasis on his content was decide on.
Decisions
After the initial talk to Viktor about his wishes and thoughts, I conducted a quick search for finding similar portfolios online and see what had been done. I found that most sites used moving material, not so odd considering their trade, and also clean designs to highlight what was important aka their filming. At this stage I started to get an idea of how to present the work in such a manner that would highlight his work and at the same time correlate with his profession.
Design
Cinematographers work with film. Film is often shown in a dark room where ones focus lies on the motion picture presented. This was the main design idea, create a room where Viktor's work would be looked at as if the viewer was in a movie theatre. Dark theme with no distractions to lead the viewers eyes to his work and not surrounding objects.
Prototype
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
Wireframe
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
The final design was very simple and played on the connection and way to present films in general. It tried to remove distractions from the design itself and put the content in the center to assure that a potential client could focus on what Viktor did and his skills in his craft.
