Developing Effective Website

< Web Workflow > How to plan and execute a successful website © The Image Group

Who’s Who? Aaron Schaap Paul Hart © The Image Group © The Image Group

What’s the Problem? People don’t know what it takes to plan and execute a successful website We don’t know what it takes © The Image Group © The Image Group

The Process © The Image Group

Process © The Image Group © The Image Group

Discovery © The Image Group

Planning (Discovery) Discovery: What to say Step 1: Project goals and existing site review Step 2: User analysis Step 3: Competitive review Step 4: Gaps, Opportunities and Deadwood Step 5: Features and Benefits Step 6: Final project plan © The Image Group © The Image Group

Discovery Step 1 Business Objectives Purpose: To provide a solid foundation for the rest of the process by ensuring a clear understanding of the business objectives. It should be a reflection of who the client is today. 1. Business objectives 2. Initial list of key audiences 3. Initial list of competitors 4. Observations 5. Research notes © The Image Group © The Image Group

Discovery - Step 1 Business Objectives ative teens Initiative Initi parents of adership adership ban Le teens and ban Le DeVos Ur cond DeVos Ur rking with ration, se entity in wo first gene l id erican, of cultura , African Am th issues e Americ an • Deal wi Step 1 Review ian, Nativ Discovery (Latino, As ting Site and Exis n, etc.) include: generatio ntents t finding ou oals m you. Co Project G rested in learned fro ll d are inte r, some wi ard and ents r source an d or mento ective stud we have he m anothe via a frien of what Prosp I fro cted summary d of DVUL been dire ment is a ar ts will have o have he This docu Those wh ive studen es ss Objectiv ences t pros pect 1. Busine more. Mos audi list of key her ways. 2. Initial ot titors find out in of compe Initial list 3. udents vations 4. Obs er Current st ram. ining prog by the ly in the tra plicated rrent is easily re r city. People cu ethod that bjectives ei istries in th training m O Business ogram. t and in th other m training pr lum produc Alumni rativ ely wi ey can the the curricu uated from , so that th rk collabo 1. Create ad order to wo o have gr city groups People wh to all key uates, in grad ible ors and ly access nors, past t easi ovides. lum conten udents, do e aware t DVULI pr ress dP ends of st the curricu ers who ar tive suppor Friends an basis. trainers, fri 2. Make orked lead a long term collabora ht also de tw imize the ogram inclu ts, other ne pers. Friends mig ch other on max I pr studen ULI and ea the DVUL d also related to develo what ram -- an terested in Friends of d to DV mmunity s directly connecte of the prog are very in n-profit co ch leader graduates l concept ia, and no ers” who nt to each other chur the overal 3. Keep of “watch , the med ay releva n d group ram st rly expl ai in order to of the prog t unrelate ls that cl ea changi ng somewha p materia inuously ce) include a per audien 4. Develo at is cont customiz ed content th I is doing. ULI k of th of the DV benchmar l and be DVUL include . (able to ity and leng uld include: m as “the audience ia ULI progra y for current, potent particular of the qual training wo because ate the DV ors flexibilit g similar petitors unic Competit e are not any real com people who are doin that comm , accessibility, and materials at 5. Design ent, form Ther r, m. Howeve m. e” in cont e curriculu ing progra excellenc the program. d to just th ionyouth train , not limite ion.org/vis of graduates n) (in Housto http://www. worldvis d learning inue aders Edge ywi.org cle to cont n /www .u • Le ld Visio a key vehi te http:/ Youth/ Wor e becomes er Institu • Vision 6. Websit Youth Lead • Urban rvations nces Key Audie Our obse or oduct and cellent pr uc h a tics offer an ex ence are: isn’t so m haracteris servations where they imary audi fering that General C Brand ob is one DVULI pr d an of to the nal) its brand atio process an n-presumptive feel of the and bi-voc acteristics ities rception of a unique n commun s (fulltime h issues Some char DVULI’s pe prov en curriculum, is no ers in urba gift. There uth pastor urban yout s and work e muc h older Urban Yo intangible figure out ni, have via a lar the alum a. The ader service it is an ness to • e youth le program as learn and an open e ar n- , in particu nt age of no m • Fulltim -40 but so urban aren e program packaged t take adva e age is 25 eing kids succeed s to ents of th istry in an willingnes they don’ • Averag in opon life training–a ed to do m hing even metimes about se tly, the pr that so and equipp ctive, enric nate the Consisten s) • Passio tual – so muc h so uding book . They enjoy being together. powered ual, intera them (incl e, intellect being em iri profile • Very sp sources av ailable to umphed by ing intens of the DiSC tri be s. are the D rceived as rativ e task urch re ort as students d to in sh ch brand is pe inist l and adm first round It is referre (in DiSC). e brand it ganizationa • Most y its name– new to th e I profile . changing d dread or e who are ts are of th in part bu th pture in ‘leader’ an on kids bo ture os be clouded und studen ally. For th t of the fu need to ca they have second ro though may intern a y . There is that alread s identity influences e initiative” with little • Many of DVULI at they do The brand’ e pres ent ic and the but as “th d emotion I is and wh on th and mus students n be • Focus DVULI ca who DVUL ials the purpose an of media DeVos by od work of ry aware derstand n mater • Are ve to un e go so that th is difficult negative. municatio nstituents sitive and y and com DVULI co po the identit ds of the in the min exists eGroup eGroup © TheImag © TheImag m egroup.co m egroup.co www.imag www.imag © The Image Group © The Image Group

Discovery - Step 2 User Analysis Purpose: To construct a clear picture of the key audiences of the piece, considering demographics, psycho-graphics, and webographics. Audience Analysis and User profiles Mental Maps Communication cycles for specific audiences © The Image Group © The Image Group

Discovery - Step 2 Specific User Profiles Confirm audiences Web experience Education What they do online Initial Attitudes Faults Goals Scenarios © The Image Group © The Image Group

Discovery - Step 2 User Analysis That The World May Know Website—Audience Analysis Version 2.6 8/16/02 Main purpose: To call Christian disciples to radical obedience by revealing the cultural context of the salvation story and Jesus’ ministry. © 2002 TheImageGroup Specific User Profiles (Largely Western Audience): Other Potential Persona A: Persona B: Persona C: Persona D: User Name: Emma Age: 16 Name: Trevor Age: 20 Name: Karen Age: 27 Name: Dave Age: 45 Web experience: Quick learner; uses the Web experience: Quick learner; uses the Web experience: Methodical learner; Uses Web experience: Methodical learner; reads Profiles: web for games or school research; uses web for fun or school research; uses email; the web every week; uses email news and resource sites most Biblical knowledge: Enough to lead Bible Biblical Knowledge: Several years of expe- Instant Messenger everyday; downloads uses instant messenger; downloads Mp3s Biblical knowledge: Grown up in church & Mp3s and software studies and teach peers in sunday school rience teaching and participating in church Biblical knowledge: Grown up in church & Education: Bachelor’s degree has started to apply lessons to life. and classes Education: Working towards a B.A. Family: Married with a child age 3 Education: Undergrad or Masters level has a sunday-school view of Bible stories. Profile 1: Education: Currently in high school Frequented websites: Frequented websites: Family: Married w/ children ages 4, 8, 12 Frequented websites: Frequented websites: http://www.msnbc.com http://www.nytimes.com Non-believers who are http://www.google.com http://www.espn.com http://www.amazon.com http://www.iwon.com interested in the http://www.gurls.com http://www.fellowshipchurch.com http://www.espn.com http://www.biblegateway.com TTWMK perspective Background http://www.mtv.com http://www.travelocity.com http://www.espn.com http://www.espn.com Initial Attitudes: Target Attitudes: Experience: Initial Attitudes: Target Attitudes: • Is the family expert on • Want to become a Talmid Initial Attitudes: Target Attitudes: Profile 2: • Confident in biblical • Understands relevance in Initial Attitudes: Target Attitudes: computers and the web • Strengthened faith • Semi-confident in ability to • Want to become a Talmid training cultural context • Has confidence in online • Excited and informed • Think she knows a lot about • Want to become a Talmid find things on the web • Strengthened faith Seminary students who • Believes he’s well-read • Gains confidence in relating skills • Wants to share the site with the internet • Strengthened faith • Open & curious about the • There are a lot of resources are doing research Users who haven’t been • Enjoys trivia and unique to his kids in a spiritual way • Good experience in college friends • Has confidence in online • Excited and informed truth to help me enhance church to the site or had contact experiences • There are a lot of resources religion classes • Sees the Bible in a new way skills • Wants to share the site with • Discouraged by class offer- classes with the ministry’s mate- • Gathers and processes info to help me enhance church • In a self-exploration mode and understands it better • Is bored in Religion & friends ings at church • Encouraged and excited Profile 3: rials and don’t know very well classes • Looking for something fun • Has new respect for Sunday School classes • Sees the Bible in a new way • Hoping for a lot of resources about sharing much about TTWMK • Lack of confidence in relat- • Encouraged and excited “religious” things • Needs proof that TTWMK and understands it better • Strong faith in God perspectives. Pastors, ministers, and ing to kids spiritually about sharing perspective will bring new • Discouraged with church priests perspective Goals: • Looking for something fun Goals: Goals: Users who have been to • Become a Talmid and engaging the site or had some • Re-form beliefs about the Text in order to understand God and • Become a Talmid • Become a Talmid Profile 4: contact with the min- Christian life better • Find new meaning in the Bible through an understanding of the • Glean information to aid in teaching and preaching in Goals: istry’s materials and • Use this site as a primary research tool or launch pad to other culture of Bible times local church or school setting Children in elementary have an understanding • Become a Talmid sites that will help with research • Find relevance to their lives from the Bible • Connect with other peers around the world for discussion— or middle school about TTWMK perspec- • Access to material to aid in studies of the Bible • Find relevance to their lives from the Bible • Learn how to make a difference in their own life sharpening each other tives. • Find relevance to their lives from the Bible • Learn how to make a difference in their own life • Connect with other believers to sharpen each other • Buy materials to use in classes • Communicate and bond with other students around the world • Communicate and bond with other students around the world • Buy materials to use for spiritual growth in personal life and in Profile 5: Scenarios: small groups Scenarios: Scenarios: Users who haven’t been • Found site just by surfing; link or banner ad got his curiosity Donors, supporters, and Scenarios: to the site or had contact • Mom or dad showed her the site • Found the site via a search while doing research • Read about it in a Newsweek article other constituents of the with the ministry’s mate- • Church or school classes are doing research and the teacher • Clicked on a link from somewhere else on the web • Found the site via a search on Jewish culture, Jesus, • Found the site via a search on Jewish culture, Jesus, ministry rials and DO have an has pointed them to the site • A peer told him about the site Christianity, Bible study aids Christianity, Bible study aids understanding about • A friend sent her an E-card from the site and she followed the • A friend sent him an E-card from the site and he followed the • Found the site via an ad or article in a church magazine or • Received an email (originating from TTWMK) TTWMK perspectives. link to the site link to the site town newspaper • Friend, family member, or colleague told him about it • Church leadership has asked her to teach a class and/or Questions: Questions: Questions: passed on the link Users who haven’t been What do kids from Israel do differently to learn about the Bible? How can I use information from this site to help in a school • Was in a study using TTWMK materials How can I download resources to aid teaching in many aspects at to the site or had contact How can I connect with people who have been to Israel? project? • Saw a TTWMK teacher or speaker my church? with the ministry’s mate- How can I prepare for a trip to Israel? How can I download talks/sermons that RVL has done? • Heard about it from a friend or family member How do the Jewish roots impact my life today? rials but have back- How do I send my friend an E-card? What else is on the web pertaining to Jesus? How can I tell others about this site? Questions: ground with jewish cul- What can I learn about the Bible that will be interesting? How can I connect with people who have been to Israel? How can I effectively tell others the true story of Jesus and his ture and how it relates to What else is on the web pertaining to Jesus? What can I learn about the Bible that will be interesting? How can I download resources to aid teaching in many aspects at culture? the Bible. How can I see art and pictures? How can I see art and pictures? my church? What can my kids learn from this? What does Shema mean? Is this site cool and easy to navigate, or boring & tedious? How do the Jewish roots impact my life today? What else is on the web pertaining to Jesus? Is this site cool and easy to navigate, or boring & tedious? How can I tell others about this site? Where can I purchase TTWMK materials? Tools: How can I discuss with other people who are excited about the What images are online pertaining to Israel and the Bible? Tools: Faith lessons, Maps, Interactivity, Mp3 files of talks, Glossary, content on this site? How can I support and promote TTWMK? Faith lessons, Maps, Interactivity, Image Gallery, Flash presenta- Flash presentations, Discussion boards, Chat, Search, Refer-a- How can I tell others the true story of Jesus and his culture? What is TTWMK? tions, Glossary, Discussion boards, Chat, Search, Refer-a-friend, friend, Links to other sites What else is on the web pertaining to Jesus? Who is Ray Vander Laan? Profiles on people from Israel, Trip info, E-cards, Links to other Where can I purchase TTWMK materials? Is this site’s information authentic? sites How can I download talks/sermons that RVL has done? What are TTWMK’s sources for their material? What images are online pertaining to Israel and the Bible? Tools: How can I support and promote TTWMK? How can I connect with people who have been to Israel? Resources, Faith lessons, Supporting material, Share lessons What is TTWMK? with friends, Refer-a-friend, Links to other sites, Links to other Who is Ray Vander Laan? sites, About TTWMK, Staff bios, Bibliography, Image gallery, How can I have a teacher like RVL come to my church? Holland Christian info, Development, Donations, Glossary, Search, Trip info, Tape subscriptions, Contact Tools: Resources, Faith lessons, Share lessons with friends, Refer-a- friend, Discussion boards, Links to other sites, Image gallery, Donations, About TTWMK, Staff bios, Audio presentations, Glossary, Search, Trip info, Speaking requests, E-cards, Tape subscriptions, Contact © The Image Group © The Image Group

Discovery - Step 2 Mental Maps The tasks the user wants to accomplish How you are answering it © The Image Group © The Image Group

Discovery - Step 2 Mental Maps This document describes the Western Seminary tasks a user goes through to become a student at Western. Prospective Student Mental Map Version 3.0 5.7.2004 Research Institution Research Programs Visit Apply Research Degree Programs Research What degrees does Distance Research On- Western Research Learning site Cources offer? Student Body Research Who teaches Who teaches Visit Apply Research What can I Location these these use the How many Faculty courses? courses? degrees for? students are When can I What forms What is the at Western? Research visit? do I need? What does What does campus like? Who are Understand What Western's the course the course they? courses are my calling Positions work look work look What's their required for a What is Research like? like? What will I do Fill out background? program? Mental map screenshots student on a visit? paper forms What is Costs What can I What's their housing like? What does What does Western's do with a background? What is their What will my an example an example How much theological degree from experience training be schedule schedule does How long will Fill out perspective? Western? What is like? like? look like? look like? What do they Western a visit last? online forms Holland like? teach? cost? How do I What is How does What are Do I have to Do I have to Find help know if I'm Western's the distance What is Sign up for a What Western take all my take all my What have with being called denomination learning available for visit financial aid Alumni doing courses at courses at they application. to seminary? al affiliation? program my family? can I get? today? Western? Western? published? work? God's Call Visitation Western's Western Western Tuition and App for Faculty Faculty and our Faculty Bios Contact Degree Mission Video Video Fees D.Min Course List Course List Calling Information Sample Western Publication Distance App for MRE FAQ Virtual Tour Th.M Fees Sequence Sequence Schedule Video List Learning Teaching Student Audio or App for M.Div Housing Schedule Schedule Church Profiles Video Clip Information Aid Forms Community Teaching Alumni Tech Life Church Profiles Requirement Deadlines Community Explanation Demographic Program Life of Degrees Information Overview FAQ / Holland Checklist Overview © The Image Group © The Image Group

Discovery - Step 2 Communication Cycle Describe the points of communication each audience has with the client while trying to accomplish something specific © The Image Group © The Image Group

Discovery - Step 2 Communication Cycle the points of nt describes tern. This docume a donor has with Wes tion communica minary Western Se n Cycle unicatio Donor Comm Version 1.0 4.28.2004 Email List Trusted Prospect Individual the Outside of m Contact fro Seminary t Advancemen er Offic Suspect Website goal at this The primary ucating a stage is ed to out the need suspect ab . get involved Email List Time Donor m Contact fro t Advancemen Officer Website Prospect goal at this The primary tting the stage is ge own part of prospect to n vision. the Wester Visit from t Advancemen Donor Officer Website Events Direct Mail goal at this The primary deepen the stage is to with the relationship donor. © The Image Group © The Image Group

Discovery - Step 3 Competitive Website Review Purpose: To identify key competitive websites and evaluate them based on their brand, feature set, market share, and usability. © The Image Group © The Image Group

Discovery - Step 3 Competitive Website Review DVULI Competitive website review Organization Feature Youth Specialties I Lead Youth Youth Unlimited Youth Ministry Urban Youth Workers CCDA Youth Workers Google Marketshare Ranking for search on \"youth #1 #2 #9 #000 (Also Advertising) leader resources\" Incoming links to site 1490 42 5 166 17 57 38 (according to Google) Identity Logo \"ys\" and wordmark \"y\" and wordmark Wordmark Wordmark \"URBNET\" wordmark Logo and Wordmark Logo and Wordmark Tagline all about youth ministry Helping youth become Believing is Seeing Life-Changing Ideas for None None reaching youth… fully-devoted desciples Youth Ministry together of Jesus Christ Homepage Content Overview paragraph on the No No No No Yes No No homepage News Yes Yes No One feature No No Yes Upcoming Events/Calendar No No Yes No No One feature No (see news) Content Quality Overall design Average Above average Average Average Average Poor Above average Logo/Identity Average Average Below average Average Average Below average Above average Fonts Average Average Above average Average Average Average Above average Colors Average Above average Average Average Average Below average Above average Images Average Above average Below average Average Above average Below average Average Copy writing Above average Above average Average Above average Above average Average Above average Information Architecture Quality Navigation Design Average Above average Poor Average Average Average Above Average Site-wide Organization Average Above average Below Average Average Average Below Average Average Individual Page Organization Below average Average Poor Below Average Average Below Average Above Average Overall Brand Brand Position Clarity Below average Above average Poor Average Below average Average Best Overall User Experience Average Average Below average Below average Average Below Average Above average © 2005 The Image Group 1 Confidential © The Image Group © The Image Group

Discovery - Step 3 Competitive Website Review Organization Feature Youth Specialties I Lead Youth Youth Unlimited Youth Ministry Urban Youth Workers CCDA Youth Workers Homepage Navigation x x x x x x Resources x x x x x Store x x x x Training x x Events x x x x x x x News x e-news Articles x x Advice Feature Story x Forums x x x x x Gallery x About x x x x x Proﬁles x x x Contact Us x x x x x x x Address x x x x x Links x x x x x x FAQ x Jobs x Jobs Board Volunteering Site Map Copyright x x x x x x Members Area x x x © 2005 The Image Group 2 Confidential © The Image Group © The Image Group

Discovery - Step 4 Gaps, Opportunities and Deadwood Purpose: Using the research collected in steps two and three, this process of identifying gaps, differentiating opportunities, and revealing items that do not create value for the organization or its users. © The Image Group © The Image Group

Discovery - Step 4 Gaps, Opportunities and Deadwood Gaps are areas where audience expectations or needs are not being met by you, but are being asked for by your audience or provided by competitors. Opportunities are areas that differentiate you, and therefore should be exploited. These might be things you are already doing, or should do. Deadwood are the areas of existing communication materials that are not needed or wanted by your audiences. © The Image Group © The Image Group

Discovery - Step 4 Gaps, Opportunities and Deadwood Initiative adership ban Le DeVos Ur Step 4 adwood Discovery s, De portunitie ULI, Gaps, Op met by DV not being needs are ctations or competitors. ce expe ere audien by or provided areas wh oited. students ld be ex pl Gaps are ked for by efore shou e being as I, and ther but ar iate DVUL fferent ld do. eas that di ady doing, or shou ties are ar or not needed re Opportuni be things you are al ls that are n materia might These tio communica isting areas of ex d are the Deadwoo diences. by your au wanted e ULI, but ar met by DV not being needs are ations or Gaps ce ex pect titors. ram ere audien by compe tly the prog areas wh or provided t what exac Gaps are students h the initial ation abou r by outh throug g asked fo uch inform of m bein very m mes word t prov ide t of this co I does no ntly DVUL be attending it. Mos of the the quality 1. Curre ing about o should rstand is and wh ck of unde start. fore they ere’s a la aders. like be city le ts, th iv e studen ents will be munic ation about. r prospect other stud ogram is 2. Fo m pr s or y of the co what the instructor cost in an program or not sure what the rmation on ts are n’t find info able. 3. Studen not memor leadership,” udents ca ents is ctive st I and st ud 4. Pros pe youth s for “urban een DVUL materials. gine betw search en unic ation r. remembe ral, comm ry high on ure out or . 5. In gene ite does not rank ve keyword searches hard to fig eir specific ite is often bsite for th and other The webs e webs letter or we g” 6. ut h trainin stem for th in the news “urban yo ss word sy at’s useful r em do thei ername/pa find little th to help th 7. The us ts do not resources h other yout en Some stud e way of out what in th finding 8. g for more e field. or funds, niche in th ni are askin ic, grants ts and alum n mus g the trainin ristian urba s etc. 9. Studen to attend tter, like Ch e not able oint file ministry be g, PowerP es, but ar s are doin DVULI do ass. cl program leaned in at iliar with wh city. ation they s are fam find inform r 10. Leader not in thei out how to DVULI is e figuring because rd tim have a ha might d. These 11. Alumni be exploite ore should and theref ties DVULI, Opportuni fferentiate eas that di e of ould do. excellenc ties are ar ing, or sh b par. The Opportuni already do ining is su e ings you ar n youth tra be th be to use ba tion that ur tion could is a percep leveraged. ni. A solu ral, there ts and alum ls. 1. In gene s initiative should be by studen ia tion mater es sions the DeVo s and impr communica ng review imonials in 2. Glowi s and test ese review th eGroup © TheImag m egroup.co www.imag © The Image Group © The Image Group

Discovery - Step 5 Features & Benefits Purpose: To construct a prioritized list of benefits and features the website will have for the co re audiences. © The Image Group © The Image Group

Discovery - Step 5 Features & Benefits © The Image Group © The Image Group

Dicovery - Step 6 Final Project Plan Purpose: Based on all the findings from steps 1-5, the project plan will outline: Website mission statement Projected traffic patterns Revenue model Five-year goals Feature set Short-term criteria for success Marketing methods Target audiences Competitors (and URLs) © The Image Group © The Image Group

Dicovery - Step 6 Website Team © The Image Group © The Image Group

Review and review Step back > © The Image Group © The Image Group

Architecture © The Image Group

Architecture Information Architecture involves the successful design, organization, and navigation of information so that it is easy for a user to be able to find and manage it easily. Site Map Wireframes Page Diagrams © The Image Group © The Image Group

Architecture Site Map - Undergraduate © The Image Group © The Image Group

Architecture Site Map - Adult Studies Oklahoma Wesleyan University—Site Map Version 1.1 The Image Group 03/04/05 Home Page 0.0 2.0 1.0 3.0 4.0 8.0 5.0 6.0 7.0 9.0 News & Events Alumni & Athletics Support OWU Media Adult & Graduate Contact Site Map Undergraduate Friends • Explore • Visit 1.4 1.1 1.2 1.3 • Apply • Student Resources Student Explore Visit Apply Resources (See Undergrad sitemap) 1.1.1 1.2.1 1.3.1 1.4.1 Locations Process Overview & Schedule Overview Choosing OWU • Maps Checklist • Directions • Office Hours • Address 1.1.2 1.3.2 1.4.2 • Contact info • Photo Student History & Mission Applications Organizations • Adult Studies • International • Homeschool • Transfer Students 1.1.3 1.4.3 1.2.2 Programs & Courses Schedule a Visit LIbrary 1.3.3 1.1.4 1.2.3 1.4.4 Requirements Meet Faculty & Bookstore Virtual Visit Students 1.3.4 1.1.5 1.2.4 1.4.5 Tuition & Fees Prior Work & Life Handbook Photos & Webcams Experience 1.3.5 Sidebar links 1.4.6 1.1.6 Financial Aid • News & Events • Get Involved Study Guides Free Analysis • Contact • Programs & 1.3.6 Courses Sidebar links 1.1.7 International Students • Intranet link • About OWU FAQ • News & Events • Faculty Sidebar links 1.3.7 • Financial Aid • SAC • Undergradutate • Visit OWU Studies • Media Admissions Staff Primary Navigation • Annual Reports • News & Events • Tuition & Fees • Financial Aid Sidebar links • Apply Secondary Navigation • Jobs & Volunteering • Programs & • Media Courses • FAQ • Mailing lists Tertiary Navigation © The Image Group © The Image Group

Architecture Site Map - Admissions The Image Group Version 1 OWU Admissions—Site Map 05/20/05 Home Page Undergraduate Apply Apply for Apply for Pre-enroll Admission Financial Aid Complete Complete Fill out room applicaton application reservation Admissions Process Resources and Tuition and For International Find Your Rep Requirements FAQ For Parents Staff Overview & Guides Fees Students Complete Checklist Submit Submit student Transcript medical form worksheet Caroline Jim Things to Undergrad Perkinson Weidman consider Submit Complete Schedule ACT/SAT the FAFSA classes Amber Nate Wright Adult Tips Hobbie Explore more financial aid options Brenton Helpful Transfer Benware websites Jenni Budensiek Jason Duda Jennifer Edwards © The Image Group © The Image Group

Architecture Wireframe - Homepage Oklahoma Wesleyan University—Wireframe Version 1.1 The Image Group 04/06/05 Home Page - Alternate 1 Home | Site Map | Contact OWU Logo Header Site Map and Search Search site: Go The header includes information that News & Events | Support OWU | Media Some users prefer to browse, and will appear on every page in the site. some prefer to engage a search. By setting a precedent, it makes it Either option is available on every Undergraduate | Graduate | Adult | Athletics | Alumni easy for users to get to any page page. quickly. Main navigation is differentiated by color for different audiences. About OWU Undergraduate Studies Graduate and Sidebar Content Lorem ipsum Undergraduate/Graduate dolor sit Studies Adult Studies Lorem ipsum There is a place reserved on the Image amet, dolor UG student UG student homepage for cross-audience Lorem ipsum The homepage will represent the two sit amet, consectetuer closeup photo closeup photo content, or \"hot,\" timely items. dolor sit amet, main audiences for your site: consectetuer adipiscing Lorem ipsum consectetuer prospective undergraduate and adipiscing dolor sit. These boxes on the homepage are adipiscing prospective adult graduate students. More >> More >> meant to be flexible and More >> This simple, clear cut approach will interchangeable. Depending on make it easy for the primary Athletics News what needs to be highlighted in a audiences to filter and find their Quick Links Quick Links Meet Us Meet Us given timeframe, the content of Lorem ipsum respective content. • Academic Programs • Academic Programs these boxes will reflect what's dolor sit Jamie • Financial Aid Jamie • Financial Aid important. Image Image Image amet, • Student Life • Catalog consectetuer • Meet Faculty • Meet Faculty Prof. Prof. Image Image • Catalog • Meet Students adipiscing Lorem ipsum Bill Bill • Why OWU • Locations dolor sit. • Blogs • Why OWU Susan Susan More >> Image Image • Student Orgs. • News & Events • Library • Library Prof. Prof. • For Parents Image Image Pat Pat News Events View all events >> View all events >> Lorem ipsum dolor sit amet adipiscing... Lorem ipsum dolor sit amet, consectetuer adipiscing... Lorem ipsum dolor, consectetuer adipiscing... Lorem ipsum dolor, consectetuer adipiscing... Lorem ipsum dolor sit amet adipiscing... Lorem ipsum dolor sit amet adipiscing... Footer © Oklahoma Wesleyan University | 2201 Silver Lake Road | Bartlesville, Oklahoma 74006 Tel: 918-335-6200 | 1-800-468-6292 | Fax: 918-335-6229 | info@okwu.edu The footer will appear on Privacy Policy every page in the site. © The Image Group © The Image Group

Architecture Wireframe - Undergraduate Main Oklahoma Wesleyan University—Wireframe Version 1.1 The Image Group 04/06/05 Undergraduate Main Page Home | Site Map | Contact OWU Logo Search site: Go News & Events | Support OWU | Media Undergraduate | Graduate | Adult | Athletics | Alumni Explore Visit Undergraduate Studies Apply Student Resources Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh Image euismod tincidunt ut laoreet dolore magna Quick Links aliquam erat volutpat. • Academic Programs • Financial Aid • Student Life • Meet Faculty • Catalog Explore Visit Apply Student • Why OWU Lorem ipsum Lorem ipsum Lorem ipsum Resources • Blogs dolor sit amet, dolor sit amet, dolor sit amet, • Student Orgs. Lorem ipsum consectetuer consectetuer consectetuer • Library dolor sit amet, adipiscing adipiscing adipiscing • For Parents consectetuer More >> More >> More >> More >> © Oklahoma Wesleyan University | 2201 Silver Lake Road | Bartlesville, Oklahoma 74006 Tel: 918-335-6200 | 1-800-468-6292 | Fax: 918-335-6229 | info@okwu.edu Privacy Policy © The Image Group © The Image Group

Architecture Wireframe - Programs & Courses Oklahoma Wesleyan University—Wireframe Version 1.1 The Image Group 04/06/05 Programs & Courses Home | Site Map | Contact OWU Logo Search site: Go News & Events | Support OWU | Media Undergraduate | Graduate | Adult | Athletics | Alumni Explore Home > Undergraduate > Explore > Programs & Courses Presidential Welcome Programs & Courses OWU At A Glance History & Mission Programs & Courses Lorem ipsum dolor sit amet, consectetuer adipiscing elit, Image Division A sed diam nonummy nibh euismod tincidunt ut laoreet Division B dolore magna aliquam erat volutpat. Division C Division D Download All Courses (PDF 250kb) Division E Division F Download Complete 2004-2005 Catalog (PDF 1152kb) Division G Meet Faculty & Students Parent's Portal Browse by Division Featured Event Invitation to Pastors FAQ Division A Division D Division Page Visit Program 1 Lorem ipsum Program 1 Lorem ipsum Apply Program 2 Dolor Sit Program 2 Dolor Sit Program 3 Consectetuer Elit Program 6 Adipiscing Elit Student Resources Program 4 Lorem Ipsum Lorem ipsum dolor sit Division E Program 5 Dolor Sit Amet amet, consectetuer Program 6 Adipiscing Elit Program 1 Lorem ipsum adipiscing elit, sed diam Program 2 Dolor Sit Division B Program 3 Consectetuer Elit nonummy nibh euismod Program 1 Lorem ipsum Program 5 Dolor Sit Amet tincidunt ut laoreet Program 2 Dolor Sit Program 6 Adipiscing Elit dolore magna aliquam Program 3 Consectetuer Elit erat volutpat. Division F Program 6 Adipiscing Elit Program 1 Lorem ipsum Division C Program 2 Dolor Sit Lorem ipsum dolor sit Program 1 Lorem ipsum Program 3 Consectetuer Elit amet, consectetuer Program 2 Dolor Sit Program 5 Dolor Sit Amet adipiscing elit, sed diam Program 4 Lorem Ipsum Program 6 Adipiscing Elit Program 5 Dolor Sit Amet Program 6 Adipiscing Elit © Oklahoma Wesleyan University | 2201 Silver Lake Road | Bartlesville, Oklahoma 74006 Tel: 918-335-6200 | 1-800-468-6292 | Fax: 918-335-6229 | info@okwu.edu Privacy Policy © The Image Group © The Image Group

Architecture Wireframe - Admissions OWU Undergraduate Admissions Website—Wireframe Version 1.2 The Image Group 06/22/05 Undergraduate Apply main page Apply for Admission Apply for Financial Aid Lorem ipsum dolor sit Lorem ipsum dolor sit amet, consectetuer amet, consectetuer adipiscing elit, sed diam adipiscing elit, sed diam nonummy nibh euismod nonummy nibh euismod Home | Site Map | Contact OWU Logo tincidunt ut laoreet tincidunt ut laoreet Search site: dolore magna aliquam Go dolore magna aliquam erat volutpat. erat volutpat. News & Events | Support OWU | Media Lorem ipsum dolor sit Lorem ipsum dolor sit Undergraduate | Adult | Athletics | Alumni amet, consectetuer amet, consectetuer adipiscing elit, sed diam adipiscing elit, sed diam Explore Visit Join OWU Apply Lorem ipsum dolor sit amet Apply for Admission Apply for Financial Aid Pre-enroll Resources (Admissions image from print materials) Pre-enroll Find Your rep Admissions Staff Lorem ipsum dolor sit Lorem ipsum dolor sit amet, consectetuer amet, consectetuer Requirements adipiscing elit, sed diam adipiscing elit, sed diam Process Overview & Checklist As easy as A, B, C nonummy nibh euismod nonummy nibh euismod Is college right for me? Frequently asked questions tincidunt ut laoreet tincidunt ut laoreet 30 minutes to fill it out, one week to hear back. Resources and guides Have you taken time to dolore magna aliquam dolore magna aliquam Take the application tour which will walk you Tuition & Fees Explore and visit OWU? erat volutpat. erat volutpat. through one step at a time, or view the entire For Parents Still unclear about what it Image process and use that as your guide. a For International Students means to go to college? Lorem ipsum dolor sit Lorem ipsum dolor sit amet, consectetuer amet, consectetuer Apply for admission Student Resources Resources and guides >> adipiscing elit, sed diam adipiscing elit, sed diam It takes just one week to find out if you've b been accepted at OWU. OWU Academics Apply for financial aid Just For Parents Lorem ipsum dolor sit amet, Over 90% of students at OWU receive some Image consectetuer c form of financial aid. Lorem ipsum dolor sit adipiscing Lorem amet, consectetuer For parents Pre-enroll Image adipiscing elit. ipsum dolor sit. There are a few things you must do before More >> Read more >> you can start taking classes. Start taking classes Lorem ipsum dolor sit Campus Map When you're all done applying and signing amet, consectetuer up, join us in the classroom. adipiscing elit, sed diam We Can Help nonummy nibh euismod tincidunt ut laoreet We have a whole team of counselors ready to help you through the Image dolore magna aliquam process of becoming a student at OWU. Find your rep --> erat volutpat. Image Call Us 1.866.222.8226 Lorem ipsum dolor sit amet, consectetuer Please call us if you have any questions or need help in any way. We'd be glad adipiscing elit, sed diam to help you! More >> © Oklahoma Wesleyan University | 2201 Silver Lake Road | Bartlesville, Oklahoma 74006 Tel: 918-335-6200 | 1-800-468-6292 | Fax: 918-335-6229 | info@okwu.edu Privacy Policy © The Image Group © The Image Group

Architecture Page Description Diagram © The Image Group © The Image Group

Review and review tep back S > © The Image Group © The Image Group

Design & Author © The Image Group

Design & Author In this step we will create the visual design based on the architecture and input from you. Pre-design Content Strategy Copywriting Homepage Design (2-3) Subpage Design (1) Design revisions Styleguide © The Image Group © The Image Group

Design & Author Pre-design Architecture input, asset allocation and graphic creation © The Image Group © The Image Group

Design & Author Homepage Design Concept 1 Concept 2 © The Image Group © The Image Group

Design & Author Homepage Design Final Revision © The Image Group © The Image Group

Design & Author Content Strategy DeVos Urban Leadership Initiative Content Strategy Version 3.1 ID Section/Page Author Copy Needed Files to Include Images Provider Comments Populate sidebar links and add text in FAQ, Stories TIG TIG 0.0 Homepage and Resources blocks with 1-2 sentence teaser 1-2 paragraph welcome. Provide an overview of Include 1 image of a DVULI what pages are in this section with links to each. TIG Needs minor editing 1.0 The Program seminar or event Include 1 staff/trainer/founder quote. 2-3 paragraph overview of the program. This should include who the program is for, where it is None 1-2 images Need content. Link to participant handbook. located, why it was founded and the ways the 1.1 Description program is working in the community. Needs minor editing. Not sure if the \"statement of 1-2 paragraphs of the mission and goals of the None 1 image/logo faith belongs here\" CHECK WITH ED AND JULIE… DVULI FOR ONE PAGE INSERT ON BROCHURE 1.2 Mission 2-3 paragraph history of DVULI. This should be in Only have one paragraph, There might be 2-3 in 1-2 images that speak to the story form and easy to follow. Do not include there. Needs to be edited. history of the program - i.e. EVERYTHING, but mention the founders and their None DVULI from the 1st Intensive or the reasoning. This should provide a glimpse of where Link to the participant hand book and \"case for 1st graduating class. DVULI has been is now moving ahead. leadership\" in one of these paragraphs 1.3 History List 6 to 8 Frequently asked questions viewers may have about DVULI and answer them. Keep Use previous. Needs minor editing. Also, there's no None TIG questions to 1 sentence and answers to 1 apostrophe in \"FAQs\" 1.4 FAQ's paragraph maximum. This schedule should provide a BROAD overview of what a year looks like in the program. Include PDF of Schedule DVULI Eileen wil do. Keep generic. major convention dates, registration deadlines, Overview 1.5 Schedule Overview graduation dates, etc. Provide 1-2 sentence intro and then list the state, Possible map with locations city, address, contact info and title of all DVULI DVULI Keep generic. Eileen will send map. designated 1.6 Locations groups throughout the US. Provide 1 paragraph intro on what a trainer is/does Missing the contact info and what-it-means-to-me and a complete list of trainers. The list should Include picture of all trainers blurbs for all trainers. include: name, location, profession, contact info None (either individual or group DVULI (phone/email) and a little blurb on what DVULI shot) 2 sections. Start with major trainers and later add the 1.7 Trainers means to them. people who do the 45 minute sessions. 1-2 paragraph welcome/intro speaking to \"the 1-2 images - \"lifestyle\" or The experience\" of the DVULI. Outline what viewer will \"action\" shot is preferred - TIG Needs minor editing. find within this section and provide links to each. 2.0 Experience highlight experience Include 1 participant quote. Choose 9-10 participants to highlight in this section. Profiles should include: name, profession, Include picture of Participant year participant in DVULI, location, and a 2-3 None (either individually or in a TIG Needs minor editing. sentence summary of what program has meant to group shot) them. Each profile should follow same 2.1 Participant Profiles format/structure. 2.2 Blog TBD TBD TBD TBD TBD Need content. Page 1 of 10 © The Image Group © The Image Group

Design & Author Content Delivery ogram for lopment pr oximately ership deve pr -based lead ch year, ap . Ea ining faith institutions a national -month tra t zations and adership is ed in the 15 Workshee os Urban Le rs in Christian organi .S. cities are accept here they to learn to t Delivery DeV LI Conten lect U worke w fter ulum se h urban yout h workers from five tense curric al life and ministry. A rative DVU ed by an in ut 60 urban yo cipants are challeng ills” into their person k toward local collabo y ntent strateg rti sk or llow the co program. Pa akthrough leadership are encouraged to w r communities. . As you fo each page, place it ent listed here ni ei re the Docum youth in th integrate “b om the program, alum r site is ntent fo the How to Use es of urban on your web lop the specified co w for you to have ALL well fr graduating timately impact the liv that will be ve lo as Every page cel document) and de This document will al where your holes are ill at ul efforts th w. e w Ex (Microsoft esponding page belo It will allow you to se DOCUMENT MAP vesting in e youth by in ntext of rr e. ut. Using th too much scrolling under its co e website in one plac ged, urban ne througho Mission co out disadvanta creating a th content for there is a consistent to in the document with 1.2 of while on the lives ith. is mission Christian fa s re ive impact as make su gate and jump to area vancing th munity of make a posit are committed to ad in the com post . You can vi help you na To ns from with e that here (i.e. “Please s. We their leader t for divergent opinio not includ . e a PDF, do ithin the copy below ec mutual resp to provid PDFs Including y asks you ake reference to in w e, inerrant ent strateg authoritativ ,m If the cont Log. Then infallible, of Faith the Project Statement d, the only F”) lication PD those on the inspire Student App e to be please ve the Bibl include the de the site, 1. We belie od. d site or outsi er, Son, an page in the rsons—Fath Word of G s Other Page ge to link to another in three pe lly existing Linking to like for a pa w: od, eterna ample belo ve in one G ld find If you wou note that link. See ex ere you will N page) his 2. We belie t. less life, in Program! H e sure to , in his sin IO Leadership red (Link to DECRIPT mak Holy Spiri virgin birth resurrection, in his Urban sus, in his the DeVos the programs offe his bodily y. vinity of Je er and glor elcome to the cross, in ve in the di turn in pow ription of “W )” - A desc 3. We belie in his atoning death on , and his personal re SION page ink to MIS e of sin, nd of God iracles, ogram is (L m t becaus ha to the right n of the pr e of God, bu e missio ascension in the imag Christ alone can that - What th ere created ugh faith in l people w ve that al . Only thro 4. We belie alienated from God of all have been composed . e be removed epag , which is 0.0 Hom alienation the Church the Head of s Christ is (TIG) ill find a ve that Jesu e dead. Here you w 5. We belie both the living and th elling the s website! FAQs, whose indw story, Program ative’ believers, ership Initi oly Spirit by faith, our hi ation 1.0 The Urban Lead n, our statement of ry of the H d the inform esent minist y life. the DeVos io iss fin Welcome to our program, our m iners. We hope you ve in the pr are saved dl 6. We belie is enabled to live a go st; they that of tra description view, locations, and ative. d and the lo ristian of Ch th the save unto the resurrection ake er and inform schedule ov ss people m of bo be engaging surrection ld, countle are lost presented to ve in the re playing fie d they that ch DeVos 7. We belie surrection of life an most uneven eve their goals” – Ri on the situations, countable and achi unto the re e worst of n. “Even in th , hold themselves ac condemnatio sions k – pdf good deci nt Handboo the Participa e information about escription e a link to wife Helen 1.1 D or mor to includ notation “f dbook”) n, and his here) (also 1.3 History Corporatio ic sources with philanthrop (insert text Han the Amway under 4.0 Re m see the Participant develop a r of to e to ‘live’ , co-founde ses to work together lu fil cu t of the curri ard DeVos ou ch sp the conten In 1995, Ri eir four children and th challenged © The Image Group © The Image Group

Build After the XHTML and content is created, we will put the site together and show you how to publish the specific areas of the site as described in the site map. Create Templates Prepare & Input Content Retouch & Size Images Configure Server © The Image Group © The Image Group

Build XHTML //EN\" DTD XHTML 1.0 Transitional YPE html PUBLIC \"-//W3C// <!DOCT onal.dtd\"> tml1/DTD/xhtml1-transiti \"http://www.w3.org/TR/xh w3.org/1999/xhtml\"> <html xmlns=\"http://www. ge</title> p; Ice Cream Co. | Homepa <head> >Hudsonville Creamery &am charset=ISO-8859-1\" /> <title ype\" content=\"text/html; ta http-equiv=\"Content-T <me us\" /> t-Language\" content=\"en- <meta http-equiv=\"Conten tent=\"true\" /> reventParsing\" con epage\" /> <meta name=\"MSSmartTagsP & Ice Cream Co. | Hom t=\"Hudsonville Creamery & <meta name=\"title\" conten 004 Hudsonville Creamery tent=\"Copyright (c) 1999-2 <meta name=\"Copyright\" con Ice Cream Co.\" /> Image Group\" /> t=\"Aaron Schaap and The <meta name=\"author\" conten t=\"General\" /> <meta name=\"Rating\" conten nt.css\" /> \"print\" href=\"/css/homepri \" type=\"text/css\" media= ; </style> <link rel=\"stylesheet url(\"/css/homepage.css\") media=\"screen\"> @import <style type=\"text/css\" </head> <body> nts</a> | <a <div id=\"container\"> and Events\">News & Eve href=\"/news/\" title=\"News Us</a></div> <div id=\"hnav\"><a ville Ice Cream\">Contact le=\"Contact us at Hudson href=\"/contact/\" tit <div id=\"explain\"> ts to a ce its west Michigan roo © The Image Group <p> Ice Cream Company can tra © The Image Group Hudsonville Creamery and local dairy farmers ded together to ducts. They ban group of ter way to sell their pro who were looking for a bet form a co-op and chose a Hudsonville s venture and in 1895 the sonville, Michigan for thi location in Hud

Build CSS Page 1 of 4 home.css PM 3:49 :19 2005 23, June Prin ted: Thur sday , /* ADJUSTMENTS TO MAIN.CSS ------------- */ ------------------------ #maincontent { padding: 0; ! width: 528px; ! } ! ! #sidepanel { width: 238px; ! padding-top: 7px; ! } ! el ul { h3, #sidepanel p, #sidepan #sidepanel h2, #sidepanel ; margin-left: 11px ! } li { #maincontent ul.bloglist padding-left: 15px; ! } ! /* MAIN DLs ------------- */ ------------------------ #undergrad, #graduate { position: relative; ! float: left; ! width: 253px; ! padding: 0; ! margin: 15px 0 5px 12px; ! display: inline; ! } #undergrad h2 { position: absolute; ! top: 0; ! left: 0; ! margin: 0px; ! height: 0px !important; ! line-height: 75px; ! overflow: hidden; ! Image Group 253px; 0 0 0; © The width: ! © The Image Group padding: 75px ! height /**/:75px; ! border: none; ! } #undergrad h2 a ! { ! n: absolute;

Build Go Live Making your site go live involves: Purchasing or Moving your Domain Name Evaluating the hosting environment Choosing an ISP Installing the website “Flipping the switch” —which will NEVER happen on a Friday © The Image Group © The Image Group

Examples Daniels Collections http://danielscollections.com/ 85 Hours

Examples Moments of Melody http://momentsofmelody.org/ 100 Hours

Examples Cottage Grove http://cottagegroveholland.org/ 115 Hours

Examples FreedomNet Solutions http://fnw.us/ 160 Hours

Examples Center for Church Music http://songsandhymns.org 184 Hours

Examples Wellspring Preparatory Academy http://wellspringprep.com 195 Hours

Examples Lakeshore Pregnancy Center http://ateamlife.com/ 218 Hours

Examples Ranger Wireless Solutions https://611roaming.com/ 220 Hours

Examples Hudsonville Ice Cream http://hudsonvilleicecream.com/ 340 Hours

Examples Spring Arbor (Phase II) http://arbor.edu/ 400 Hours

Examples St. Nicholas Center http://stnicholascenter.org/ 845 Hours

Examples Follow the Rabbi (Phase II) http://followtherabbi.com/ 3150+ Hours

Developing Effective Website

1 comments

Notes on slide 1

11 Favorites