logo about  clients  services  references  portfolio  links  resume  contact
Portfolio

UX and IA


Web Design
  • Xpedior
  • Ricoh
  • Lotus
  • Ozone
  • On The Town
  • Look Look
  • Futura House
  • eAqui Portal
  • Jack Nadel Promo
  • Lotta Living Community
  • Mondo Lounge Event
  • Caskey Lee
  • SPOM Community
  • eTeam
  • Dennis Crow
  • Shag

    Identity

    Iconography

    Illustration

    Space Planning

    Graphic Design

    Training

    Mobile Ideas
  • Major Online Projects
    NOTE: THIS SECTION IS NOT COMPLETE. The highlighted projects presented here may include larger teams and multidisciplinary talents: Project Management, Information Architecture, Creative Direction and Final Development/Production.
    * Additional online projects are included under the other portfolio subtitles: ux/ia, iconography, and training.












    Xpedior Brochure Website
    description








    Ricoh Electronics Online Training Site
    description






    Lotus Notes Navigation Panels
    description







    Siggraph Artists Party - the OZONE
    description






    On the Town Radio Show site








    Look Look Teen retail site
    Color study and 2 home page approaches for teen retail fashion site






    FuturaHouse Property Management
    description







    eAqui Website and Flash Presentation
    This Latin ecommerce website required a Flash front end that would translate simplistic concepts in 3 different languages: English, Spanish and Portuguese. Mary-Margaret wrote the Creative Strategy document for client sign-off and art directed and storyboarded this piece. She also was the Information Architect on the Xpedior project team.

    cached flash intro






    Jack Nadel Flash Intro
    Working with Jetu, Inc. Mary-Margaret storyboarded and developed the copy for this 1 minute presentation for the 50th anniversary of a promotional products company.

    cached flash animation








    Lotta Living Online Community
    Lotta Living is an architectural advocacy site that includes Web 2.0 offerings with a million plus hits and over 15k unique visitors per month. It also offers a link database to MidMod related websites and locations, a picture galley and very active social networking community message board. Site traffic is continually growing with nothing but grass roots promotion.

    Lotta Living community










    Mondo Lounge Social Networking Event
    Mondo Lounge is a social networking event based around online communities of interest such as Lotta Living, and is an annual collaboration between Atomic Age Alliance abd other loal cultural and civic organizations and focuses on design and architecture programs. As the producer of these events, Mary-Margaret handles budgeting, contracts, and most organizational aspects of the event including delegating tasks coordinating sub-events to other leaders in community. The images at left show the generations of websites over the last four years.

    Mondo Lounge flash intro








    Caskey Lee Website
    Fine Arts Exhibition Managers required a website where they could update show information into a self-managed database. Mary-Margaret was both Information Architect and Producer on this website.

    home page (site has some alterations)






    SPOM Online Community
    SPOM (Stop Picking on Me) is a social networking, online support community dedicated to mental health and includes Web 2.0 offerings with an online book, message board, private diaries and 12 step chat sessions. The site receives 2-300k hits and over 4k unique visitors from across the globe per month. The site traffic is continually growing with nothing but grass roots promotion.

    home page








    E-Team Website
    This Emergency Management System is used by the City of Los Angeles and others.

    M&M conducted the JAD sessions and contributed to the original site proposal, ongoing project analysis, management, site inventory and documentation as a project lead. She worked with the creative team to produce the whitelines and final deliverable.

    home page (site was altered)








    Dennis George Crow
    Website includes an administrative backend that allows for flexible input of text and scanned photos. Mary-Margaret designed the database and user experience, art directed and co-produced the final deliverable.

    home page (site has some alterations)






    Shag With a Twist
    Shag With a Twist website for an off off off Broadway musical included flash snippets, an online contact database and special member’s only bonus section with custom icons and screen backgrounds for show fans.

    flash splash screen
    About |  Clients |  Services |  References |  Portfolio |  Links |  Resume |  Contact
    Creative Direction | Knowledge Management | Web Producer | Communications Specialist | Marketing/Brand Strategist | Information Architect
    (c) 2000-2010 m&m stratton. all rights reserved. all other images retain the copyright of their original owners and no infringement is intended.