Product Designer
Product Designer
RESEARCH | WIREFRAMES | PROTOTYPES | DESIGN | SQUARESPACE DEVELOPMENT | HTML | CSS | JAVASCRIPT | PHOTOGRAPHY
I worked with the graphic design team to create our new website. We worked together to create a mood board and style guide. I took that and created wireframes, prototypes, and the end result with Squarespace, injecting custom HTML, CSS, and JavaScript to make our vision come to life. Additionally, I photographed and edited our headshots.
Site Architecture
Hi-Fi mock-up in early stages.
Hi-Fi mock-up of “Case Studies” page in the early stages
Custom code added to make the header & footer disappear on the homepage and to stagger the button animation to appear once the MODERN gif ends.
“Work” and “Case Studies” pages have custom code for hover states - each name of the client changes to one of their brand colors when the user hovers over it.
Custom code added to add a drop-shadow effect to the header menu.
Custom code added to have the team member name & title appear on a gray background upon hover.