Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Dropbox for Designers

Dropbox for Designers

This structure is going to ease the way how developers, product managers and designers navigate through the Dropbox. Designers arrange and maintain all folders, while developers mostly work with folders where all the assets and specs are stored, and managers can easily stroll through the folders in order to find the final previews of design.
Copyrights: Please note, that the Dropbox logotype is the part of Dropbox brand and the exclusive property of Dropbox.
Dropbox Archive icon, slide 24: https://dribbble.com/shots/299938-Box-DropBox-icons-PSD?list=searches&offset=6

Victoria Leontieva

June 05, 2014
Tweet

More Decks by Victoria Leontieva

Other Decks in Design

Transcript

  1. Dropbox for Designers

    View Slide

  2. Dropbox is
    organised according
    to Design thinking

    View Slide

  3. And contains
    4 main folders

    View Slide

  4. 01_Creation
    02_Implementation 03_Learning
    00_Lab

    View Slide

  5. 00_Lab
    Product Ideation

    View Slide

  6. 00_Lab
    {Ideation
    Research
    Inspiration, etc.
    Image/mood
    boards

    View Slide

  7. 01_Creation
    Product Development

    View Slide

  8. 01_Creation
    {Wireframes
    Prototypes
    Visual design, etc.
    Conception

    View Slide

  9. }
    01_Creation
    Source files:
    PSDs, AIs, SVGs, EPSs, BMMLs, etc.

    View Slide

  10. 02_Implementation
    Production

    View Slide

  11. Etc.
    {
    02_Implementation
    Assets
    Previews
    Specifications

    View Slide

  12. }
    Final versions only:
    raster files (PNGs, JPGs, PDFs, etc.)
    02_Implementation

    View Slide

  13. 03_Learning
    After Process

    View Slide

  14. {
    03_Learning
    Documentation
    User testing
    results
    Findings
    Etc.

    View Slide

  15. Folders organisation
    and Abbreviations

    View Slide

  16. }
    4 main folders contain mirrored
    folders with product name
    Wimdu Host Wimdu Website Other products
    to come

    View Slide

  17. View Slide

  18. View Slide

  19. Brand
    Homepage
    Search Results Page
    Details Page
    CI
    HP
    SRP
    ODP
    Checkout Page
    Account Page
    COP
    ACT
    Landing Pages
    Email Templates
    LP
    EML
    Testing
    Marketing
    TST
    MKT

    View Slide

  20. File naming

    View Slide

  21. HP_web_src_homepage_v1.psd
    Location
    Platform
    Source file
    File name
    Version

    View Slide

  22. SRP_tablet_src_resultspage_FIN.psd
    Location
    Platform
    Source file
    File name
    Version

    View Slide

  23. MKT_src_tv-spot_specs_v0.psd
    Location
    Source file
    File name
    Type of file
    Version

    View Slide

  24. All old file versions
    have to be archived

    View Slide

  25. More to come
    Live long and prosper,
    and keep our Dropbox clean.

    View Slide