a site that breaks out of the square.
Custom photo edits and animations give the site an interactive feel that is modern but unexpected.
For The FI site, I focused on clean, layouts that break away from the typical web layouts. Off-centered text block, understated drop caps and layered elements create a flow down the page. Plenty of 'white' space allows the design to breathe and maintain an easy to follow, clean aesthetic.
special details from this project
Every project has special details that really push the design to the next level. In this case, we worked through a ton of graphics work. I was able to infuse stock images with brand colors and animations to create a completely custom visual presence. In addition to the photo edits, we also used strong visual elements like gradient blurs and 3D shapes I call 'thing 1 and thing 2'. These elements reflect a scientific tie- you can almost imagine finding them through through the lens of a microscope.
The goal with the brand visuals was to blend science, technology and spirit. These special details are how the studio set the FI brand + squarespace site apart.
- animated gifs and video
- gradient blurs
- 3D feeling gradient shapes
- subtle hover effect on web
- custom brand icons to represent the brand pillars
- a unique color palette that is cool, bold and feminine
- stock images edited to match the brand
- facebook cover image (animated)
This project was featured by the Squarespace Design Guild