app front.png
 
FI.png
 
fi i mac.png

the design

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.  

 
 
 
Samantha is the most talented designer I’ve worked with just on a design skill basis. Then on top of that her client communication skills are top notch, being both responsive and patient even with the minute details. I really don’t want to work with anyone else :) The streamlined communication and use of technology really helps this move along nicely.
— Kara Dake, Founder
FI poster.png
 
things.gif
hands.gif
blurs.png

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

brand collateral

 
 
  • facebook cover image (animated)
 

featured studio projects