ADDI HOU
Image Editor_J_LANDSCAPE.jpg

SQSP

welcome

 
Splash Image_Artboard.jpg
 
 

Squarespace

Summer 2018 Product Design Internship

 

Category: Product Design

 
 

 

TASKS

During the summer of 2018, I was a summer intern for the product design team at Squarespace. I had a wonderful experience, immersing myself into the Squarespace environment, learning from a great team and contributing as a generalist for various departments in product design and, in particular, the CMS team.

THINGS I WORKED ON

  • Analyzing and redesigning the UX/UI of the existing Image Editor to be more congruous with the Squarespace brand and identity.

  • Working on a new 800px modal system that all of the product design teams could potentially utilize.

  • Figuring out UX flow for potential Page Settings redesign

  • Micro-interactions in the Page Badging feature.

SQSP team image.png
 


 
 

IMAGE EDITOR

OLD VS NEW

Image Editor_comparison.jpg
 

IDEATION

Image Editor_Aviary.jpg
 
Image Editor_Data.jpg
 

UX/UI EXPLORATIONS

Image Editor_UXUI.jpg
 

VARIOUS SCREENS

 
 
 
 

OVERALL PROPOSED NEW UX FLOW

 
 


 

NEW 800px MODAL SYSTEM

There was no system set in place for the modals used by the various designers. Everyone had their own sizes / ratios and it lacked cohesion.

Working with the systems designer, I gathered all the assets from the various product design teams and tried various ratios for the modals. We settled on 800px after many iterations and discussions with the teams and design leads.

 
Screenshot 2019-01-24 00.35.42.png
Modals_Comparison.jpg
Modal_2.jpg
Modal_3.jpg
Screenshot 2019-01-24 00.34.39.png
Screenshot 2019-01-24 00.35.19.png
 

PAGE BADGING

Screenshot 2019-01-24 00.39.15.png