Site Showcase: Slow Fall Cinema
Client's Site Description: portfolio & professional site for a wedding videographer
Template Chosen: Greenwich
Why did you choose that template?: I knew I wanted to work within the Brine family or the flexible header options as well as the parallax scrolling and intro sections. Greenwich offered everything I had in mind when brainstorming the site design.
What was the Client's Objective?: Gusto wanted to showcase his work while presenting a cohesive brand identity.
Tell us a bit about the design process?: Working on this site was so much fun! Gusto is very creative and really wanted that to pull through to his branding + site design. He wanted the site to feel like an interactive space that responded to the viewer's interests. I have done sites within the wedding niche before, but Gusto really let me step outside of the typical wedding designs to present a fresh feeling site with a few retro elements.
We started with a mood board + a full brand identity build. From there, we worked on his new online space. I wanted his site to show his work while maintaining a consistent brand identity to set him apart from others in his industry. To showcase his work, the site opens with a full screen video. Visitors are then welcomed onto the homepage. The other elements of the site's navigation were pretty straightforward.
Once we had the basic direction and layout of the site, I began adding CSS to really give the site an interactive quality.
How did you help the client differentiate their business through design?: The site focuses on color, the use of hover effects and the inclusion or grainy, film textures. As soon as we started building the mood board, I knew we would be blending modern design with more retro elements. The logo, the film grain and low saturation images play off of the bold colors, photo overlays and modern font palette. Most brands within the wedding niche only focus on the romantic, whimsical elements, but for Slow Fall we wanted to pull in saturated colors to bring a more creative personality to the identity.
On-site, we used the film grain textures as overlays and backgrounds to give the still images a cinematic quality.
Is there custom development? What about custom added CSS? Can you tell us why you did or did not use these edits?: YES! There was quite a bit of CSS work on this site. For this site, the CSS edits focused on the experience viewers would have. They are all aimed at creating a more interactive space that responds to where the viewer mouses over.
The first edit was to have the logo "slow fall" when hovered on. I also had it gradate into a darker charcoal so that it could be read on either the light or dark backgrounds on the site depending on the hover state. From there, I wanted to make sure that from any point in the viewer's journey, they could easily contact Gusto without scrolling around for a contact link. To achieve this, the contact link was fixed to the top of the site.
There are also hover effects for the colors on the homepage's portfolio gallery and film-grain backgrounds added to a few images.
Other edits on the site were header style variations and form edits.
What are the top three creative features you used in the design?: Color, grainy, film textures (in motion) & interactive hover elements
Anything else you want us to know about the site?:
Vendors used?: none