Web production and content strategy
1 like214 views
The document outlines an agenda for a web production and content strategy training course, focusing on web functionality, content strategy, and practical applications. It includes detailed session timings and topics, such as website building processes and audience engagement techniques. The presenter, Arra'di Nur Rizal, shares insights on designing web content effectively while maintaining audience involvement.
![D O B - R Y Â R A N O K
BOK,     DOBRO JUTRO
HOLASALUTCIAO
ARRA'DI NUR RIZAL
rizal [at] arradi.com](https://image.slidesharecdn.com/webproductionandcontentstrategy-161109195611/85/Web-production-and-content-strategy-2-320.jpg)
![AgendaPART ONE: INTRO & THE WEB
9:10 AM - 9:40 AM
Introduction - 5 minutes
How website works - 10 minutes
Website building process - 15 minutes
------------------------------------------
Small break - 5 minutes
ARRA'DI NUR RIZAL
rizal [at] arradi.com](https://image.slidesharecdn.com/webproductionandcontentstrategy-161109195611/85/Web-production-and-content-strategy-3-320.jpg)
![Agenda
PART TWO: CONTENT STRATEGY
9:45 AM - 10:15 AM
Content strategy - 10 minutes
What do you need? - 20 minutes
-----------------------------------
Break - 5 minutes
ARRA'DI NUR RIZAL
rizal [at] arradi.com](https://image.slidesharecdn.com/webproductionandcontentstrategy-161109195611/85/Web-production-and-content-strategy-4-320.jpg)
![Agenda
PART THREE: GOODIES & HANDS ON
10:20 AM - 11:00 AM
Frugality & Quickly - 10 minutes
Hands-on and questions - 30 minutes
ARRA'DI NUR RIZAL
rizal [at] arradi.com](https://image.slidesharecdn.com/webproductionandcontentstrategy-161109195611/85/Web-production-and-content-strategy-5-320.jpg)
![ABOUT
ME
PART ONE: INTRO & THE WEB
a n r i z a l @ g m a i l .com
ARRA'DI NUR RIZAL
rizal [at] arradi.com](https://image.slidesharecdn.com/webproductionandcontentstrategy-161109195611/85/Web-production-and-content-strategy-6-320.jpg)
![MY
LIFE
WORKED AND EDUCATED
IN SOME OF THESE PLACES
ARRA'DI NUR RIZAL
rizal [at] arradi.com](https://image.slidesharecdn.com/webproductionandcontentstrategy-161109195611/85/Web-production-and-content-strategy-7-320.jpg)
![P R O J E C T S
ARRA'DI NUR RIZAL
rizal [at] arradi.com](https://image.slidesharecdn.com/webproductionandcontentstrategy-161109195611/85/Web-production-and-content-strategy-8-320.jpg)
![N.G.O.
EXPERIENCE
From creating the website
to founding the organization
15000++ participants
8 cities
50+ media coverage
30+ coordinators
2nd bday 17.08.2015
ARRA'DI NUR RIZAL
rizal [at] arradi.com](https://image.slidesharecdn.com/webproductionandcontentstrategy-161109195611/85/Web-production-and-content-strategy-9-320.jpg)
![ARRA'DI NUR RIZAL
rizal [at] arradi.com](https://image.slidesharecdn.com/webproductionandcontentstrategy-161109195611/85/Web-production-and-content-strategy-10-320.jpg)
![HOW THE
WEB WORKS
PART ONE: INTRO & THE WEB
10 minutes
ARRA'DI NUR RIZAL
rizal [at] arradi.com](https://image.slidesharecdn.com/webproductionandcontentstrategy-161109195611/85/Web-production-and-content-strategy-11-320.jpg)
![D.R.Y. K.I.S.S.
ARRA'DI NUR RIZAL
rizal [at] arradi.com
o
n
'
t
e
p
e
a
t
o
u
r
s
e
l
f
e
e
p
t u
p
e
r
i
m
p
l
e](https://image.slidesharecdn.com/webproductionandcontentstrategy-161109195611/85/Web-production-and-content-strategy-12-320.jpg)
![ESSENTIAL
HOW DOES IT WORKS & JARGON
o How internet works (4:48)
::- https://www.youtube.com/watch?v=7_LPdttKXPc
o Domain (1:44)
::- https://www.youtube.com/watch?v=2ZUQ2Szu-JI
o How website works (3:49)
::- https://www.youtube.com/watch?v=D8c4JZW73cM
o Type of hosting (2:45)
::- https://www.youtube.com/watch?v=n7rzi2hGAzA
ARRA'DI NUR RIZAL
rizal [at] arradi.com](https://image.slidesharecdn.com/webproductionandcontentstrategy-161109195611/85/Web-production-and-content-strategy-13-320.jpg)
![WEB BUILDING
PROCESS
PART ONE: INTRO & THE WEB
15 minutes
ARRA'DI NUR RIZAL
rizal [at] arradi.com](https://image.slidesharecdn.com/webproductionandcontentstrategy-161109195611/85/Web-production-and-content-strategy-14-320.jpg)
![ARRA'DI NUR RIZAL
rizal [at] arradi.com](https://image.slidesharecdn.com/webproductionandcontentstrategy-161109195611/85/Web-production-and-content-strategy-15-320.jpg)
![https://acme.mybalsamiq.com/projects/acme/Index.jpeg
ARRA'DI NUR RIZAL
rizal [at] arradi.com](https://image.slidesharecdn.com/webproductionandcontentstrategy-161109195611/85/Web-production-and-content-strategy-16-320.jpg)
![https://acme.mybalsamiq.com/projects/responsivewireframes/Layout+-+High+Level.png
ARRA'DI NUR RIZAL
rizal [at] arradi.com](https://image.slidesharecdn.com/webproductionandcontentstrategy-161109195611/85/Web-production-and-content-strategy-17-320.jpg)
![ARRA'DI NUR RIZAL
rizal [at] arradi.com](https://image.slidesharecdn.com/webproductionandcontentstrategy-161109195611/85/Web-production-and-content-strategy-18-320.jpg)
![WHAT IS IT ?
PART TWO: CONTENT STRATEGY
10 minutes
ARRA'DI NUR RIZAL
rizal [at] arradi.com](https://image.slidesharecdn.com/webproductionandcontentstrategy-161109195611/85/Web-production-and-content-strategy-19-320.jpg)
![E X P E R I E N C E E N G A G E M E N T
How people feel, think and act about your organization.
Does it make reader feel smarter, happy or obligated.
Content creates user experience
The collective set of experiences.
How consumer thinks about your brand.
It's about them not about you.
ARRA'DI NUR RIZAL
rizal [at] arradi.com](https://image.slidesharecdn.com/webproductionandcontentstrategy-161109195611/85/Web-production-and-content-strategy-20-320.jpg)
![AUDIENCE EXPERIENCE
PSYCHOGRAPHIC NEEDS
VALUES & MOTIVATION
To craft better message, you need to learn what they want not what they are.
Deliver the message [ for instance, newsletters ] when and where your audience have time to read it
and able to read it. Know your audience, best to follow the daily life of your targeted audience and
accommodate the message delivery based on it
ARRA'DI NUR RIZAL
rizal [at] arradi.com](https://image.slidesharecdn.com/webproductionandcontentstrategy-161109195611/85/Web-production-and-content-strategy-21-320.jpg)
![ENGAGING AUDIENCE
VOICE AND TONE
MATTERS
VOICE conveys personality and authority
TONE conveys emotion and attitude.
Understand your audience. Focus on what valuable to the audience. Find what kind of content that
engages your audience.
ARRA'DI NUR RIZAL
rizal [at] arradi.com](https://image.slidesharecdn.com/webproductionandcontentstrategy-161109195611/85/Web-production-and-content-strategy-22-320.jpg)
![WHAT DO
YOU NEED ?
PART TWO: CONTENT STRATEGY
20 minutes
ARRA'DI NUR RIZAL
rizal [at] arradi.com](https://image.slidesharecdn.com/webproductionandcontentstrategy-161109195611/85/Web-production-and-content-strategy-23-320.jpg)
![01CONTENT
- Idea kernel of your cause (the NGO you are in, what is the problem, what is the solution and how are
you going to do it)
âą Clear Description of the Organizationâs Mission/Purpose
âą Concise but Complete Information About the Organizationâs Background and Basics
- Your contact
- Photos of People Who are Impacted
- Achievement (past project, awards etc)
- Information for Volunteers
- Information for Donors ( if you are actually asking for one )
- Action point; How people can volunteer and/or donate easily
- Email Newsletter Signup
- News and Events Sections
ARRA'DI NUR RIZAL
rizal [at] arradi.com](https://image.slidesharecdn.com/webproductionandcontentstrategy-161109195611/85/Web-production-and-content-strategy-24-320.jpg)
![02DESIGN
- Detailed site map
- Page types
- Wireframes
- Cross platforms design and wireframes
- Storyboards
- Visual treatment definition
- Video/audio creation
- The design should cater your target group
- Style guide
Content Design
- messaging hierarchy
- what is the headline
- what is the subhead
- what is the font and the caption
- Page tables
- Page objectives
- Key Messages
- Priority
ARRA'DI NUR RIZAL
rizal [at] arradi.com](https://image.slidesharecdn.com/webproductionandcontentstrategy-161109195611/85/Web-production-and-content-strategy-25-320.jpg)
![03TECH
Web Technology - Which technology to use
Domain name - How to buy and what price
Hosting - where to buy and what price
SEO - https://www.youtube.com/watch?v=B4w8vDiUv_o
Social Media Connectivity
ARRA'DI NUR RIZAL
rizal [at] arradi.com](https://image.slidesharecdn.com/webproductionandcontentstrategy-161109195611/85/Web-production-and-content-strategy-26-320.jpg)
![FRUGALITY
& QUICKLY
PART THREE: GOODIES & HANDS ON
10 minutes
ARRA'DI NUR RIZAL
rizal [at] arradi.com](https://image.slidesharecdn.com/webproductionandcontentstrategy-161109195611/85/Web-production-and-content-strategy-27-320.jpg)
![QUICK AND CHEAP
SOLUTION
https://www.sitebuilder.com
https://www.websitebuilder.com
http://www.wix.com
http://www.weebly.com
http://www.squarespace.com
WEB BUILDER
ARRA'DI NUR RIZAL
rizal [at] arradi.com](https://image.slidesharecdn.com/webproductionandcontentstrategy-161109195611/85/Web-production-and-content-strategy-28-320.jpg)
![QUICK AND CHEAP
SOLUTION
https://commons.wikimedia.org
http://www.freegreatpicture.com
http://www.gratisography.com
https://unsplash.com
FREE IMAGES
ARRA'DI NUR RIZAL
rizal [at] arradi.com](https://image.slidesharecdn.com/webproductionandcontentstrategy-161109195611/85/Web-production-and-content-strategy-29-320.jpg)
![HANDS ON
& QUESTIONS
PART THREE: GOODIES & HANDS ON
30 minutes
ARRA'DI NUR RIZAL
rizal [at] arradi.com](https://image.slidesharecdn.com/webproductionandcontentstrategy-161109195611/85/Web-production-and-content-strategy-30-320.jpg)
Web production and content strategy
- 1. WEB PRODUCTION & CONTENT STRATEGY T R A I N I N G Â C O U R S E " C O M M N U N I C A T I O N Â F O R Â N G O " A R R A ' D I Â N U R Â R I Z A L 2 0 1 5 . 0 8 . 0 9 G Ă T E B O R G - Â S W E D E N
- 2. D O B - R Y  R A N O K BOK,     DOBRO JUTRO HOLASALUTCIAO ARRA'DI NUR RIZAL rizal [at] arradi.com
- 3. AgendaPART ONE: INTRO & THE WEB 9:10 AM - 9:40 AM Introduction - 5 minutes How website works - 10 minutes Website building process - 15 minutes ------------------------------------------ Small break - 5 minutes ARRA'DI NUR RIZAL rizal [at] arradi.com
- 4. Agenda PART TWO: CONTENT STRATEGY 9:45 AM - 10:15 AM Content strategy - 10 minutes What do you need? - 20 minutes ----------------------------------- Break - 5 minutes ARRA'DI NUR RIZAL rizal [at] arradi.com
- 5. Agenda PART THREE: GOODIES & HANDS ON 10:20 AM - 11:00 AM Frugality & Quickly - 10 minutes Hands-on and questions - 30 minutes ARRA'DI NUR RIZAL rizal [at] arradi.com
- 6. ABOUT ME PART ONE: INTRO & THE WEB a n r i z a l @ g m a i l .com ARRA'DI NUR RIZAL rizal [at] arradi.com
- 7. MY LIFE WORKED AND EDUCATED IN SOME OF THESE PLACES ARRA'DI NUR RIZAL rizal [at] arradi.com
- 8. P R O J E C T S ARRA'DI NUR RIZAL rizal [at] arradi.com
- 9. N.G.O. EXPERIENCE From creating the website to founding the organization 15000++ participants 8 cities 50+ media coverage 30+ coordinators 2nd bday 17.08.2015 ARRA'DI NUR RIZAL rizal [at] arradi.com
- 10. ARRA'DI NUR RIZAL rizal [at] arradi.com
- 11. HOW THE WEB WORKS PART ONE: INTRO & THE WEB 10 minutes ARRA'DI NUR RIZAL rizal [at] arradi.com
- 12. D.R.Y. K.I.S.S. ARRA'DI NUR RIZAL rizal [at] arradi.com o n ' t e p e a t o u r s e l f e e p t u p e r i m p l e
- 13. ESSENTIAL HOW DOES IT WORKS & JARGON o How internet works (4:48) ::- https://www.youtube.com/watch?v=7_LPdttKXPc o Domain (1:44) ::- https://www.youtube.com/watch?v=2ZUQ2Szu-JI o How website works (3:49) ::- https://www.youtube.com/watch?v=D8c4JZW73cM o Type of hosting (2:45) ::- https://www.youtube.com/watch?v=n7rzi2hGAzA ARRA'DI NUR RIZAL rizal [at] arradi.com
- 14. WEB BUILDING PROCESS PART ONE: INTRO & THE WEB 15 minutes ARRA'DI NUR RIZAL rizal [at] arradi.com
- 15. ARRA'DI NUR RIZAL rizal [at] arradi.com
- 16. https://acme.mybalsamiq.com/projects/acme/Index.jpeg ARRA'DI NUR RIZAL rizal [at] arradi.com
- 17. https://acme.mybalsamiq.com/projects/responsivewireframes/Layout+-+High+Level.png ARRA'DI NUR RIZAL rizal [at] arradi.com
- 18. ARRA'DI NUR RIZAL rizal [at] arradi.com
- 19. WHAT IS IT ? PART TWO: CONTENT STRATEGY 10 minutes ARRA'DI NUR RIZAL rizal [at] arradi.com
- 20. E X P E R I E N C E E N G A G E M E N T How people feel, think and act about your organization. Does it make reader feel smarter, happy or obligated. Content creates user experience The collective set of experiences. How consumer thinks about your brand. It's about them not about you. ARRA'DI NUR RIZAL rizal [at] arradi.com
- 21. AUDIENCE EXPERIENCE PSYCHOGRAPHIC NEEDS VALUES & MOTIVATION To craft better message, you need to learn what they want not what they are. Deliver the message [ for instance, newsletters ] when and where your audience have time to read it and able to read it. Know your audience, best to follow the daily life of your targeted audience and accommodate the message delivery based on it ARRA'DI NUR RIZAL rizal [at] arradi.com
- 22. ENGAGING AUDIENCE VOICE AND TONE MATTERS VOICE conveys personality and authority TONE conveys emotion and attitude. Understand your audience. Focus on what valuable to the audience. Find what kind of content that engages your audience. ARRA'DI NUR RIZAL rizal [at] arradi.com
- 23. WHAT DO YOU NEED ? PART TWO: CONTENT STRATEGY 20 minutes ARRA'DI NUR RIZAL rizal [at] arradi.com
- 24. 01CONTENT - Idea kernel of your cause (the NGO you are in, what is the problem, what is the solution and how are you going to do it) âą Clear Description of the Organizationâs Mission/Purpose âą Concise but Complete Information About the Organizationâs Background and Basics - Your contact - Photos of People Who are Impacted - Achievement (past project, awards etc) - Information for Volunteers - Information for Donors ( if you are actually asking for one ) - Action point; How people can volunteer and/or donate easily - Email Newsletter Signup - News and Events Sections ARRA'DI NUR RIZAL rizal [at] arradi.com
- 25. 02DESIGN - Detailed site map - Page types - Wireframes - Cross platforms design and wireframes - Storyboards - Visual treatment definition - Video/audio creation - The design should cater your target group - Style guide Content Design - messaging hierarchy - what is the headline - what is the subhead - what is the font and the caption - Page tables - Page objectives - Key Messages - Priority ARRA'DI NUR RIZAL rizal [at] arradi.com
- 26. 03TECH Web Technology - Which technology to use Domain name - How to buy and what price Hosting - where to buy and what price SEO - https://www.youtube.com/watch?v=B4w8vDiUv_o Social Media Connectivity ARRA'DI NUR RIZAL rizal [at] arradi.com
- 27. FRUGALITY & QUICKLY PART THREE: GOODIES & HANDS ON 10 minutes ARRA'DI NUR RIZAL rizal [at] arradi.com
- 28. QUICK AND CHEAP SOLUTION https://www.sitebuilder.com https://www.websitebuilder.com http://www.wix.com http://www.weebly.com http://www.squarespace.com WEB BUILDER ARRA'DI NUR RIZAL rizal [at] arradi.com
- 29. QUICK AND CHEAP SOLUTION https://commons.wikimedia.org http://www.freegreatpicture.com http://www.gratisography.com https://unsplash.com FREE IMAGES ARRA'DI NUR RIZAL rizal [at] arradi.com
- 30. HANDS ON & QUESTIONS PART THREE: GOODIES & HANDS ON 30 minutes ARRA'DI NUR RIZAL rizal [at] arradi.com