MPI Media new media web site design and development – Aug 2006

GOAL: to make the MPI Media Corporate site more modern & competitive for the digital video age.

Every logo, corporate identity, print ad, web site or TV commercial I create is designed as a powerful tool supporting your business. That's why I steadily achieve impressive results improving image and marketing effort of our clients. I suggest top-quality business identity design at a competitive price. Unlimited designs, changes & colors, fast turn-around, copyright transfer, 100% satisfaction guarantee.

David Gary Studios understands that MPI Media needs a new, modern website design solution to solidify the incentive and dedication to their industry. David Gary Studios can create a feature level production website design and architecture that will not only professionally showcase MPI's quality content and solidify their branding potential, but also let them easily identify, update and change their site media. As simple as drag and drop.

The ideal final solution should provide an attractive, seamless, smooth, interactive, and memorable experience showcasing MPI's quality work and prospective emerging markets.

The DGS design treatment and feature application will be focused on ergonomic functionality and will follow MPI's core production values and dedication to quality production and reputation in industry and future satisfaction.

Initial new media solutions include:
- Elegant, iconic, existing Corporate logo transitional animation for logo intro website opening(includes short soundtrack, transition, button and additional atmospheric sound FX)

- Professional caliber exclusive website frontpage and site mockups, rough and final layout design

- Modular ergonomic Interactive Flash(TM) custom GI/GUI site design with custom graphic design and/or motion graphic, animated Navigation, sub-navigation FrontPage layout design, and subsection Nav design

- Interactive featurette video player skin design and license integrated site enhanced video player showcasing company's quality content(estimated 6-8 categories). This will have subsections architecture categorizing each film with a media portfolio module.

-Professional level ActionScript 2.0 site developent routines.

SiteMap and Structure:
Home Page- Flash™ feature level, custom Logo intro animation
DGS will design a high-voltage Flash™ transitional MPI Logo animation to reinforce the quality of the existing corporate logo & company statement transitions elegantly into front page

Home Page Components
- Press Release/News link
- Scroll Bar for Highlighting new titles/Rotating Image Area
- Video player element for trailers of titles
- Link to Comp­any Info Pages

Database for Posting News/Press Release
- update template from existing PR section

Scroll Bar/Main Area Administration
- need admin platform available for updating content (inserting images, text)

Company Info Section
- About MPI
- Corporate Contacts
- Division Information/Links to Sites (Home Video, Dark Sky Films, WPA Film Library, Releasing)

Ask MPI Section
- allow MPI to interact with fans & allow them to submit questions
- Feedback form
- FAQ list to answer questions from fans before they need to ask

Client provided design examples and feature ideas:
Lions Gate (http://www.lionsgate.com/index_flash.php)
Paramount (http://www.paramount.com/)
Fox (http://www.fox.com/home.htm)
Warner Brothers (http://www2.warnerbros.com/main/homepage/homepage.html)
Sony Pictures (http://www.sonypictures.com/)
MGM Studios (http://www.mgm.com/)
Buena Vista (http://bventertainment.go.com/)

The below following examples are based on initial project research after our initial conversations. I have added some design notes to pinpoint where similiar ideas may be proposed. (Please feel free to add your comments above or below mine if suggestions and/or adjustments are needed.)

http://in2media.com/flash
DG's notes: I love everything about this example. It seems smart. I especially like the way it layouts the information and showcases the work. Similar ideas on the MPI video portfolio. The presentations and information load quickly through XML and are professionally developed. I may propose doing something similar with MPI's interactive portfolio.

http://www.httpcomunicacio.com/
DG's notes: Its a little bogged down on slower computers though, but its very creative. It inspires wit. It also showcases the images and video well, except you can't get a larger image (probably for copyright reasons)the segments
really educate, immerse and entertain the viewer on the subject’s.

http://www.liquidintelligence.com/
DG's notes: Design wise I like the slick flowing design in the layout of this piece. Of course we aren’t selling water, but I like that it’s organic and ambient. Maybe warm it up for a creative portfolio.

http://www.logoyes.com/demo.php
DG's notes: I really like the Flash™ narrative solution in this demo. I love the way it blends from an intro to an educational piece. Very well done. It also explains the intermediate process of the product/service well.

http://www.philipkoether.com/
DG's notes: I like how the intro finishes by drawing out the site. I also like how the “News & Press” section (bottom left of main page) scrolls up and down with a Flash™ solution. Like most of the other examples above, the focus is kept on the main window of the site. The layout is clean, but the site contains a significant amount of content up front to choose from.

http://www.techspace.com/
DG's notes: I like the slick, modern and elegant design in the top navigation scheme with it’s sub-menus. It displays allot of links in a very small space very effectively. The motion graphics are elegant and professional done. Again, the focus on content is in mainpage window panel.

http://www.skyworksinc.com/
DG's notes: I like the slick header layout. The organic design is not too far out and is eloquent. I like the short ambient sounds throughout this piece. I like the constant felling of movement in the Flash™ animated header. Maybe a little too slick for corporate, but the design works for this company’s existing website.


Initial site verbal design direction:
1.Animation:
1.1 Overall
1.1.1 target user CPU speed is 1GHZ
1.1.2 quick/ intuitive/ dynamic
1.1.3 elegant, modern, slick

2. Buttons:
2.1 slick, soft animations, effects and quick sound FX for rollovers

3. Sounds:
3.1 Atmospheric/Ambient sound FX
3.1.1 will synchronize with site transitions

4. Music Tracks:
4.1 short fading Background music/elegant atmospheric track
4.1.1 background sound fades away after 10/15 seconds
4.1.2 Included button to toggle the background SFX

DESIGN KEYWORDS:
Professional
Inspiring
Compelling
Exclusive
Elegant
Slick
Digital
Clean
Serene
Efficient
Solid

DGS provided services:
Graphic image & production:
Website, planning design and development
Website layout and Design
ActionScript 2.0 programming
2D/3D Flash Animation and motion graphics
Sound FX/(Narration)/Soundtrack Design
Audio/Video/post production
Image Scanning and Text Preparation
Surveys/Feedback Forms PHP
Databases(secured)
Internet Technologies, New Media Training & Consulting

RESPONSIBLITIES:
Producer:
DGS will be responsible for all website project management, interactive new media and website design, architecture development, interactive programming, partial and/or the majority of graphic design, animation/motion graphic design, sound FX, and 1/YR renewable, annual service contract for regulatory site maintenance and operation(apprx. 15-20 hours)

Client:
MPI Media will be responsible for most corporate copy, photography(IA), video, additional audio, PDFs, copy written site content, all contact and schedule information, site Hosting, domain registration.

Estimated Production Timeline: N/A
Estimated Production Costs:(preliminary estimate figure):(US)$7500k @ approximate. 85-95/HR Production scheduled

DGS design and development contract:
http://www.davidgarystudios.com/contracts/dg_dev.htm
DGS rate guide:
http://www.davidgarystudios.com/contracts/dg_rate.htm

































Other