Based on the DADI Design Development Process
Endorsed by Clement Mok
Magic Internet develops website architecture
as a modular plan, to be integrated as completed
into an Internet Marketing Communications strategy
for optimum return on investment (ROI). Primary
to this more effective method is the 4-step
process of design, DADI, a system formally introduced
by Clement Mok, digital pioneer and former Apple
Creative Director, CEO of Net Objects, and President
of the AIGA, which was founded in 1914 and is
the oldest and largest membership association
for professionals engaged in the discipline,
practice and culture of designing. With a client
list that reads like the Who's Who of Fortune
500 .... Adobe, American Express, Apple, Hallmark,
IBM, Mayo Clinic, Microsoft, Nintendo, QVC,
Sony, United Airlines, UPS and Wells Fargo Bank,
he now heads up a new subscription-based royalty-free
stock image business— www.visualsymbols.com.
Magic applies a modified version of mentor Clement
Mok's DADI design procedure to most design challenges
and finds this method especially effective in
the interactive environment of the Internet.
phase of the process can be a matter of hours,
days, or weeks and include the following steps:
Needs Analysis & Creative Strategy:
Become familiar with the client, their market,
and their mission.
website objectives and clarify goals.
Define the competition.
Outline and organize the content to be included.
Specify desirable features.
Identify the target market(s) and unique selling
Explore pertinent technologies.
Chart the timeline.
Negotiate the budget.
this phase, a sign-off on goals, audience, content,
timeline, responsibility, and a budget is required
before moving on the the next phase of the design
INVESTMENT: 50% plus domain
acquisition fees if applicable.
phase changes the concepts into reality in terms
of relevance, priority, structure, and online
Review and identify the key messages and elements
surfacing during the definition/creative strategy
Categorize information types.
logical relationships, navigation, and Graphic
User Interface (GUI) organization.
primary links between information.
Determine technologies necessary to develop
this phase, a sign-off on navigation and content
organization, and linking is required before
moving on the the next phase of the design process.
phase gives personality to the strategy and structure
of the site changing a 2-dimensional plan into
the 4-dimensional experience of a themed environment.
Look & Feel:
a visual metaphor and create the GUI..
a custom color palette.
Fonts for use in GIFs and JPGs.
the optimum screen size for the target market.
sections and features.
navigational elements, site-specific icons,
and other visual cues.
layouts for key pages.
Initiate Search Engine Optimization (SEO).
this phase, a sign-off on theme, color, fonts,
and key page layouts is required before moving
on the the next phase of the design process.
phase brings to life the web components into a
fully functioning online presentation to the World
Development & Production:
the multimedia or database components of the
testing across multiple platforms and browsers.
live pages for review.
this phase, the site is essentially complete,
the balance is due upon approval of the beta-test
site, and then the website is published to the
INVESTMENT: 15% plus annual hosting
fees if applicable.