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

Developing the Euros

Developing the Euros

Milton Jackson's presentation @ Front End Design Conference.

Milton Jackson

June 09, 2012
Tweet

More Decks by Milton Jackson

Other Decks in Design

Transcript

  1. DEVELOPING
    MILTON JACKSON • ESPN
    FRONT END DESIGN CONFERENCE
    @iammilton
    Saturday, June 9, 12

    View full-size slide

  2. DEVELOPING THE EUROS
    THE OVERVIEW
    DAVID ASHTON
    ASSOCIATE ART DIRECTOR
    KATHY AUBURN
    SENIOR DESIGN DEVELOPER
    DERRICK PINA
    DESIGNER
    MILTON JACKSON
    DESIGNER
    Saturday, June 9, 12

    View full-size slide

  3. DEVELOPING THE EUROS
    THE HOW?
    OUR INITIAL MEETING
    PROJECT DEFINITION
    MOCKUP REVIEW
    TECH & CODING APPROACH
    HTML5
    SASS/ COMPASS
    GRID - 970
    Saturday, June 9, 12

    View full-size slide

  4. DEVELOPING THE EUROS
    THE PROCESS
    THE WORKFLOW: AGILE
    COLOCATION
    DAILY STAND UPS & CODE REVIEWS
    ITERATE QUICKLY
    ADJUST ON THE FLY
    Saturday, June 9, 12

    View full-size slide

  5. DEVELOPING THE EUROS
    THE MOCKUPS
    HOME PAGE
    Saturday, June 9, 12

    View full-size slide

  6. DEVELOPING THE EUROS
    THE MOCKUPS
    INTERIOR
    PAGE
    16-18 PAGE
    TYPES
    Saturday, June 9, 12

    View full-size slide

  7. DEVELOPING THE EUROS
    DEVELOPMENT PROCESS
    CODE THE PAGE
    LISTS
    HEADERS
    NAVIGATION
    TABLES
    MEM
    PILLARS
    MAIN ENGAGEMENT MODULE
    ESTABLISH A UI/MODULE LIBRARY
    Saturday, June 9, 12

    View full-size slide

  8. DEVELOPING THE EUROS
    DEVELOPMENT PROCESS
    Saturday, June 9, 12

    View full-size slide

  9. DEVELOPING THE EUROS
    BUILD PROCESS
    BUILD PAGES
    CODA CLIPS/ SNIPPETS
    BUILD PAGES IN MINUTES
    RATHER THAN HOURS
    Saturday, June 9, 12

    View full-size slide

  10. DEVELOPING THE EUROS
    THE RESULT
    Saturday, June 9, 12

    View full-size slide