SlideShare uma empresa Scribd logo
1 de 55
Розробка сайтів
09/08 - 05/10
Зміст
1. Команда
2. Громадська Кампанія Новий Громадянин
3. Інформаційне видання Pressa.tj
4. Клініка репродуктивного здоров’я «ISIDA»
5. Український PR-podcast
6. Одяговий лейбл Abel Fakel
7. Веб2.0-ресурс для книговидавців - Книгоспілька
8. Mediacamp Kyiv 2009
9. Drupalcamp Kyiv 2009
10. Blogcamp CEE 2008
Ключові люди
Анвар Азізов
Екаунт-директор
Ярослав Ажнюк
Директор
Олексій Горб
Технічний директор
Андрій Клен
Арт-директор
Задача
Зробити презентаційно-інформаційний сайт,
інтегрований із соціальними медіа.
http://newcitizen.org.ua/
Новий Громадянин
Результат:
Сайт Нового Громадянина став
платформою для громадських
організацій і найбільш
відвідуваним
сайтом громадської ініціативи в
Україні.
Андрій Клен:
«Основний акцент поставлено на
зоні медіабоксу із якісно
ретушованими фото та колажами.
Окрім дизайну ресурсу, було
створено інтерфейс для
інтерактивного промо-відео»
http://newcitizen.org.ua/
Оптимізація під соціальні
медіа
Створено спеціальну сторінку, на якій
користувачі можуть поділитися
інформацією про кампанію з друзями.
Новий Громадянин
Розказати свою історію успіху
Новий Громадянин
Розповсюдити
маніфест
Новий Громадянин
Отримати код для вставки відео
на власному сайті
Новий Громадянин
Розказати друзям у соціальних мережах про кампанію Новий
Громадянин
Новий Громадянин
Розмістити банер на своєму сайті
Новий Громадянин
Отримати віджет з новинами кампанії для вставки на свій сайт
Новий Громадянин
Новий Громадянин
Автоматизований кроспост у
Livejournal та Twitter
Новий Громадянин
У рамках кампанії запущено ряд спецпроектів
Новий Громадянин
Карта ініціатив
Відкритий занальнонаціональний
реєстр соціально-значимих
ініціатив для самостійних
активістів, а також всіх, хто будує
країну через власні проекти та
активні дії.
http://map.newcitizen.org.ua/
Новий Громадянин
Sunday Борщ
Sunday Борщ - це дружня трапеза,
яка функціонує у вигляді процесу
фінансування грантів, призначених
для підтримки незалежних ідей та
ініціатив. Розмір грантів формується
залежно від кількості проданих
запрошень на Борщ. Присутні гості
будуть голосувати за ідеї,
представлені в «меню» події. Автору
ідеї, яка зібрала більшість голосів,
буде вручено грант на подальшу
розробку власного задуму.
http://borshch.newcitizen.org.ua/
Новий Громадянин
Впливова людина
Перше інтерактивне відео в
українському інтернеті.
Користувачеві пропонується
завантажити фото себе чи свого
друга, а після цього переглянути
відео з цим фото і розповсюдити
його через соціальні мережі.
http://bossmovie.net
Задача
спроектувати і розробити новинарний
сайт для найбільшого таджицького
медіахолдингу ОИЛА.
http://pressa.tj/
Pressa.tj
Pressa.tj
Ярослав Ажнюк:
«Одним з найважливіших етапів
розробки було проектування
інформаційної архітектури сайту.
Вибране рішення гармонічно
поєднує усі інформаційні матеріали,
з якими працює ОИЛА і фокусує
увагу читача на найважливішому.
Завдяки цьому зростає глибина
перегляду сайту, а отже і прибутки
від реклами»
Pressa.tj
Андрій Клен:
«Для перегляду новин було
спроектовано зручний
функціональний
інтерфейс. Дизайн сайту
скеровано на максимальну
легкість сприйняття
інформації»
Задача
розробити новий сайт для клініки і перенести дані зі
старого сайту.
http://ivf.isida.ua/
Клініка “ISIDA”
• Встановлено інтуітивно зручну
систему редагування вмісту на
базі Drupal
• Перенесено понад 1000 елементів
• 7 мовних версій сайту
Дизайн та проектування – Pro.Mova
Клініка “ISIDA”
За 2 тижні!
На прохання замовника, всі роботи було виконано
за надзвичайно стислий термін
Задача
Розробити логотип і новий
сайт для Українського пр-
подкасту
http://prpodcast.com.ua/
Український PR podcast
Андрій Клен:
«Редизайн надав ресурсу
свіжості та яскравості.
Стильна просторовість
поєднується із щільністю
віджетних блоків. Нове лого
лаконічно
зображає хвилі мовлення
подкасту»
Український PR podcast
Інтеграція з соціальними медіа
http://mediacamp.org.ua/
Задача
Зробити великий сайт для
конференції за один тиждень.
Конференція Mediacamp Kyiv
2009
Андрій Клен:
«Медійна подія вимагала
стильної яскравої ідентики та
неабиякої зручності у
користуванні. Окремо було
спроектовано мікро-сайт для
конкурсу BUBA»
Конференція Mediacamp Kyiv
2009
- Реєстрація учасників
- Оплата участі в конференції
онлайн
Конференція Mediacamp Kyiv
2009
Автоматизований кроспост
у Twitter
Конференція Mediacamp Kyiv
2009
Форум для обговорення
гарячих питань
Конференція Mediacamp Kyiv
2009
Стіна логотипів – чудова
можливість для брендів
розмістити свою рекламу
одночасно на сайті Медіакемпу
та офлайн, на самій події.
Конференція Mediacamp Kyiv
2009
Конкурс українських блоґів
BUBA 2009
http://mediacamp.org.ua/buba
з онлайн-голосуванням
http://camp09.drupal.ua/
Задача
Спроектувати, продумати веб-
архітектуру сайту та створити
дизайн.
Конференція веб-розробників Drupalcamp Kyiv
2009
Андрій Клен:
«У створенні візуального стилю
було поставлено акцент на
місто проведення заходу -
Київ. Яскраве зручне меню
неабияк полегшує
навігацію»
Конференція Drupalcamp Kyiv
2009
Реєстрація учасників та
доповідачів
Конференція Drupalcamp Kyiv
2009
Автоматизований кроспост
у Twitter
Конференція Drupalcamp Kyiv
2009
Форум для обговорень
http://abelfakel.com/
Задача
Розробити сайт для бренду
одягу Abel Fakel.
Abel Fakel
http://abelfakel.com/
Андрій Клен: “Велика кількість
аналогових малюнків та
колажів створюють необхідну
творчу атмосферу одягового
бренду. Однак фото-галерея
залишається прагматично
функціональною.”
Abel Fakel
Задача
Розробити віджет для мережі блогів компанії Агора
Україна, розрахований на високі навантаження
Віджети для групи блоґів компанії Агора
Результат:
Розроблено wordpress-плагін, який
інтегрує кілька окремих блоґів на
Wordpress і для кожного з них створює
сторінку з усіма віджетами мережі.
На цій сторінці прихильники блоґів
отримують можливість скопіювати код
для вставким віджета на власний
інтернет проект. Віджети показують
останні новини
сайтів Пліткар, Тюбик та Спорт-Спорт.
Задача
Розробити сайт для працівників
видавництв
http://libra.in.ua/
Книгоспілка
Рішення: Веб2.0-платформа
з інформацією про книги та
видавництва, на основі якої
було сформовано спільноту
українських видавців.
Книгоспілка
Після реєстрації на сайті видавець
отримує сторінку видавництва з
адресою %vydavnyctvo%.libra.in.u
a,
на якій відображається інформація
про видавництво і всі додані книги.
http://blogcampcee.com/
Задача
Спроектувати та зробити сайт
конференції BlogcampCEE
2008
Конференція BlogcampCEE 2008
Ми спроектували і розробили сайт найбільшої конференції про нові
медіа у Східній та Центральній Європі - BlogcampCEE 2008.
Конференція BlogcampCEE 2008
Дизайн сайту - World Web Studio
http://blogcampcee.com/
Конференція BlogcampCEE 2008
Соціальна мережа
2125 зареєстрованих учасників за 3 місяці
Конференція BlogcampCEE 2008
Зареєстровані на сайті користувачі мали можливість додавати одне
одного у друзі, спілкуватися у групах, обмінюватися повідомленнями,
пропонувати свої доповіді на подію і голосувати за них.
Конференція BlogcampCEE 2008
Голосування на сайті
Конкурс: Best Ukrainian Blog Awards 2008
Конференція BlogcampCEE 2008
Онлайн трансляція з події
ЗВ’ЯЖІТЬСЯ З НАМИ ЩОБ ДІЗНАТИСЬ БІЛЬШЕ
Ярослав Ажнюк
директор
+38 050 640 41 68
ya@socialmedia.com.ua
Київ, Дашавська 25, оф. 65
+38 044 585 76 47

Mais conteúdo relacionado

Destaque

Lp company 2010_rev_b_wref
Lp company 2010_rev_b_wrefLp company 2010_rev_b_wref
Lp company 2010_rev_b_wrefBrian_Lacey
 
Linked In 1
Linked In 1Linked In 1
Linked In 1idevices
 
Lbofingerpreassessment
LbofingerpreassessmentLbofingerpreassessment
Lbofingerpreassessmentlbofinger
 
Local Eye Site (LES) 2010 Employment Survey Results
Local Eye Site (LES) 2010 Employment Survey ResultsLocal Eye Site (LES) 2010 Employment Survey Results
Local Eye Site (LES) 2010 Employment Survey ResultsLocal Eye Site
 
Pre Production Paperwork
Pre Production PaperworkPre Production Paperwork
Pre Production PaperworkPieter Jollans
 
Chapter 6 Presentation
Chapter 6 PresentationChapter 6 Presentation
Chapter 6 PresentationSara Hurtuk
 
whats in the box
whats in the boxwhats in the box
whats in the boxj s
 
Social Media for Career Education and Community Career Services
Social Media for Career Education and Community Career ServicesSocial Media for Career Education and Community Career Services
Social Media for Career Education and Community Career ServicesJenni Proctor
 
Are Older Workers More Reliable
Are Older Workers More ReliableAre Older Workers More Reliable
Are Older Workers More ReliableJenni Proctor
 

Destaque (15)

Lp company 2010_rev_b_wref
Lp company 2010_rev_b_wrefLp company 2010_rev_b_wref
Lp company 2010_rev_b_wref
 
Buying Websites
Buying WebsitesBuying Websites
Buying Websites
 
Cataractsurvey 3
Cataractsurvey 3Cataractsurvey 3
Cataractsurvey 3
 
Linked In 1
Linked In 1Linked In 1
Linked In 1
 
Lbofingerpreassessment
LbofingerpreassessmentLbofingerpreassessment
Lbofingerpreassessment
 
Local Eye Site (LES) 2010 Employment Survey Results
Local Eye Site (LES) 2010 Employment Survey ResultsLocal Eye Site (LES) 2010 Employment Survey Results
Local Eye Site (LES) 2010 Employment Survey Results
 
Pre Production Paperwork
Pre Production PaperworkPre Production Paperwork
Pre Production Paperwork
 
A Different Solution
A Different SolutionA Different Solution
A Different Solution
 
Job Interviews
Job InterviewsJob Interviews
Job Interviews
 
Chapter 6 Presentation
Chapter 6 PresentationChapter 6 Presentation
Chapter 6 Presentation
 
whats in the box
whats in the boxwhats in the box
whats in the box
 
Cd Sbs
Cd SbsCd Sbs
Cd Sbs
 
Social Media for Career Education and Community Career Services
Social Media for Career Education and Community Career ServicesSocial Media for Career Education and Community Career Services
Social Media for Career Education and Community Career Services
 
Lit focusunit
Lit focusunitLit focusunit
Lit focusunit
 
Are Older Workers More Reliable
Are Older Workers More ReliableAre Older Workers More Reliable
Are Older Workers More Reliable
 

Semelhante a SM digital web development

Онлайн ресурси в роботі бібліотеки. Практичний аспект
Онлайн ресурси в роботі бібліотеки. Практичний аспектОнлайн ресурси в роботі бібліотеки. Практичний аспект
Онлайн ресурси в роботі бібліотеки. Практичний аспектПонкратова Людмила
 
Microsoft brand in social media
Microsoft brand in social mediaMicrosoft brand in social media
Microsoft brand in social mediaMicrosoft Ukraine
 
презентация портала
презентация портала презентация портала
презентация портала Dariya Semenova
 
PRP Україна "Поринь у красу Інтернету"
PRP Україна "Поринь у красу Інтернету"PRP Україна "Поринь у красу Інтернету"
PRP Україна "Поринь у красу Інтернету"PRAVDA Awards
 
пзквс вікс урок urok-2.6.13.docx
пзквс вікс урок urok-2.6.13.docxпзквс вікс урок urok-2.6.13.docx
пзквс вікс урок urok-2.6.13.docxssuserf7d53e
 
Ігор Бойко. Комплексний підхід у створенні інтернет проекту
Ігор Бойко. Комплексний підхід у створенні інтернет проектуІгор Бойко. Комплексний підхід у створенні інтернет проекту
Ігор Бойко. Комплексний підхід у створенні інтернет проектуLviv Startup Club
 
віртуальна школа навчання
віртуальна школа навчаннявіртуальна школа навчання
віртуальна школа навчанняkilina
 
Володимир Шевчик “Додаток ” Pablici”. Від групи Вконтакті до мобільної апліка...
Володимир Шевчик “Додаток ” Pablici”. Від групи Вконтакті до мобільної апліка...Володимир Шевчик “Додаток ” Pablici”. Від групи Вконтакті до мобільної апліка...
Володимир Шевчик “Додаток ” Pablici”. Від групи Вконтакті до мобільної апліка...Lviv Startup Club
 
Microsoft Ukraine у соціальних медіа - 12.11.11
Microsoft Ukraine у соціальних медіа - 12.11.11Microsoft Ukraine у соціальних медіа - 12.11.11
Microsoft Ukraine у соціальних медіа - 12.11.11Maxon Pugovsky
 
Mediacamp Kyiv 2009 Report
Mediacamp Kyiv 2009 ReportMediacamp Kyiv 2009 Report
Mediacamp Kyiv 2009 ReportYaroslav Azhnyuk
 
«Соціальні медіа як інструмент комунікаційно-іміджевої політики бібліотеки»
«Соціальні медіа як інструмент комунікаційно-іміджевої політики бібліотеки»«Соціальні медіа як інструмент комунікаційно-іміджевої політики бібліотеки»
«Соціальні медіа як інструмент комунікаційно-іміджевої політики бібліотеки»Rivnens'ka oblasna biblioteka dlya molodi
 
Додаток 5. Вправи
Додаток 5. ВправиДодаток 5. Вправи
Додаток 5. ВправиAnton Shynkaruk
 

Semelhante a SM digital web development (20)

Онлайн ресурси в роботі бібліотеки. Практичний аспект
Онлайн ресурси в роботі бібліотеки. Практичний аспектОнлайн ресурси в роботі бібліотеки. Практичний аспект
Онлайн ресурси в роботі бібліотеки. Практичний аспект
 
Microsoft brand in social media
Microsoft brand in social mediaMicrosoft brand in social media
Microsoft brand in social media
 
презентация портала
презентация портала презентация портала
презентация портала
 
PRP Україна "Поринь у красу Інтернету"
PRP Україна "Поринь у красу Інтернету"PRP Україна "Поринь у красу Інтернету"
PRP Україна "Поринь у красу Інтернету"
 
сайти
сайтисайти
сайти
 
пзквс вікс урок urok-2.6.13.docx
пзквс вікс урок urok-2.6.13.docxпзквс вікс урок urok-2.6.13.docx
пзквс вікс урок urok-2.6.13.docx
 
Ігор Бойко. Комплексний підхід у створенні інтернет проекту
Ігор Бойко. Комплексний підхід у створенні інтернет проектуІгор Бойко. Комплексний підхід у створенні інтернет проекту
Ігор Бойко. Комплексний підхід у створенні інтернет проекту
 
віртуальна школа навчання
віртуальна школа навчаннявіртуальна школа навчання
віртуальна школа навчання
 
сайти
сайтисайти
сайти
 
Володимир Шевчик “Додаток ” Pablici”. Від групи Вконтакті до мобільної апліка...
Володимир Шевчик “Додаток ” Pablici”. Від групи Вконтакті до мобільної апліка...Володимир Шевчик “Додаток ” Pablici”. Від групи Вконтакті до мобільної апліка...
Володимир Шевчик “Додаток ” Pablici”. Від групи Вконтакті до мобільної апліка...
 
Microsoft Ukraine у соціальних медіа - 12.11.11
Microsoft Ukraine у соціальних медіа - 12.11.11Microsoft Ukraine у соціальних медіа - 12.11.11
Microsoft Ukraine у соціальних медіа - 12.11.11
 
Mediacamp Kyiv 2009 Report
Mediacamp Kyiv 2009 ReportMediacamp Kyiv 2009 Report
Mediacamp Kyiv 2009 Report
 
Сервисы web 2.0
Сервисы web 2.0Сервисы web 2.0
Сервисы web 2.0
 
звіт
звітзвіт
звіт
 
Web2.0
Web2.0Web2.0
Web2.0
 
«Соціальні медіа як інструмент комунікаційно-іміджевої політики бібліотеки»
«Соціальні медіа як інструмент комунікаційно-іміджевої політики бібліотеки»«Соціальні медіа як інструмент комунікаційно-іміджевої політики бібліотеки»
«Соціальні медіа як інструмент комунікаційно-іміджевої політики бібліотеки»
 
Додаток 5. Вправи
Додаток 5. ВправиДодаток 5. Вправи
Додаток 5. Вправи
 
Web 2 0
Web 2 0Web 2 0
Web 2 0
 
Web 2 0
Web 2 0Web 2 0
Web 2 0
 
Web 2 0
Web 2 0Web 2 0
Web 2 0
 

SM digital web development