Home

Lessigram

Requirements

1. User can auth with Facebook or Twitter
2. User can upload or sideload images
3. User can choose a variety of dimensions, including:
   • Profile avatar (square)
   • Facebook cover (851:315)
   • Twitter cover (1500:500)
   • LinkedIn cover (1400:425)
4. User can position "stickers" on photo:
   • Move
   • Scale
   • Rotate
   • Delete
5. User can choose from a variety of stickers, including:
   • Larry's Glasses
   • Lessig2016 flag logo
   • "Feel the Nerd" (multiple lock-ups)
6. User can share the result image on social media
7. User can directly set their profile avatar or cover photo directly

User Flow

• User arrives at lessig2016.us and clicks button for Lessigram
• User is presented with examples of previous customizations along with intro/instructions/help text
• User clicks Get Started and is given options for providing an image:
  • File upload/drag & drop
  • Link to existing URL
  • Auth with social provider (gets profile pic) for side-load
• Once application has acquired the image, the editing suite loads and the user can select and position a crop (square or various cover photo aspect ratios)
• User can then add stickers (with transform controls) or overlays (auto-sized to fit)
• User can save photo and we store it to a temp file and display it on the
• User can chose to publish it to previously-authorized social service and authenticate others for cross-posting (question around how the different aspect ratios will affect this)

Tech Possibilities

• CreativeSDK for editing photos (formerly Aviary, bought by Adobe)
• Dropzone.js for uploading

CreativeSDK Tools We Need (if we use that tool)

• Stickers
  • Logo
  • Lockups
  • Glasses?
• Overlays/Frames for additional #FeelTheNerd lockups
• Crop (presets) for the different photo types? (or specifically drive user to different instance which is pre-set with dimensions?)

Any others would be ok to use, but not necessary/required