sm digital web development

55
Розробка сайтів 09/08 - 05/10

Upload: sm-digital

Post on 27-May-2015

663 views

Category:

Technology


0 download

TRANSCRIPT

Page 1: SM digital web development

Розробка сайтів

09/08 - 05/10

Page 2: SM digital web development

Зміст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

Page 3: SM digital web development

Ключові люди

АнварАзізов

-Екаунт директор

ЯрославАжнюк

Директор

Олексій Горб

Технічний директор

АндрійКлен

-Арт директор

Page 4: SM digital web development

ЗадачаЗ -робити презентаційно

, інформаційний сайт інтегрований із .соціальними медіа

http://newcitizen.org.ua/

Page 5: SM digital web development

Новий ГромадянинРезультат:

Сайт Нового Громадянина став платформою для громадських

організацій і найбільш відвідуваним

сайтом громадської ініціативи в. Україні

Андрій Клен:«Основний акцент поставлено назоні медіабоксу із якісно

ретушованимифото та колажами.

Окрім дизайну ресурсу, було створено інтерфейс дляінтерактивного промо- »відеоhttp://newcitizen.org.ua/

Page 6: SM digital web development

Оптимізація під соціальні медіа

Створено спеціальну сторінку, на якій користувачі можуть поділитися .інформацією про кампанію з друзями

Новий Громадянин

Page 7: SM digital web development

Розказати свою історію успіху

Новий Громадянин

Page 8: SM digital web development

Розповсюдит иманіфест

Новий Громадянин

Page 9: SM digital web development

Отримати код для вставки відео

на власному сайті

Новий Громадянин

Page 10: SM digital web development

Розказати друзям у соціальнихмережах про кампанію Новий Громадянин

Новий Громадянин

Page 11: SM digital web development

Розмістити банер на своєму сайті

Новий Громадянин

Page 12: SM digital web development

Отримати віджет з новинами кампанії для вставки на свійсайт

Новий Громадянин

Page 13: SM digital web development

Новий Громадянин

Автоматизований кроспост у Livejournal та

Twitter

Page 14: SM digital web development

Новий Громадянин У рамках кампанії запущено ряд спецпроектів

Page 15: SM digital web development

Новий Громадянин Карта ініціатив

Відкритий занальнонаціональний реєстр

- соціально значимих ініціатив , для самостійних активістів а

, також всіх хто будує країну через власні проекти та

.активні діїhttp://map.newcitizen.org.ua/

Page 16: SM digital web development

Новий ГромадянинSunday Борщ

Sunday - Борщ це дружня, трапеза яка функціонує у

вигляді процесу фінансування, грантів призначених для

підтримки незалежних ідей та. ініціатив Розмір грантів

формується залежно від кількості проданих запрошень

. на Борщ Присутні гості будуть , голосувати за ідеї представлені

« » . , в меню події Автору ідеї яка , зібрала більшість голосів буде вручено грант на подальшу

.розробку власного задумуhttp://borshch.newcitizen.org.ua/

Page 17: SM digital web development

Новий Громадянин

Впливова людина

Перше інтерактивне відео в . українському інтернеті

Користувачеві пропонується завантажити фото себе чи

, свого друга а після цього переглянути відео з цим

фото і розповсюдити його .через соціальні мережі

http://bossmovie.net

Page 18: SM digital web development

Задача спроектувати і розробити

новинарний сайт для найбільшого .таджицького медіахолдингу ОИЛА

http://pressa.tj/

Page 19: SM digital web development

Pressa.tj

Page 20: SM digital web development

Pressa.tj

Ярослав Ажнюк: « Одним з найважливіших етапів

розробки було проектування інформаційної архітектури

. сайту Вибране рішення гармонічно поєднує усі

, інформаційні матеріали з якими працюєОИЛА і фокусує увагу

. читача на найважливішому Завдяки цьому зростає глибина

, перегляду сайту а отже і »прибутки від реклами

Page 21: SM digital web development

Pressa.tj

АндрійКлен: «Для перегляду новин було спроектовано зручний функціональнийінтерфейс. Дизайн сайту скеровано на максимальну легкість сприйняттяінформації»

Page 22: SM digital web development

Задача розробити новий сайт для клініки і перенести

дані . зі старого сайту

http://ivf.isida.ua/

Page 23: SM digital web development

Клініка “ISIDA”

• Встановлено інтуітивно зручну систему редагування

вмісту на базі Drupal• Перенесено понад 1000

елементів• 7 мовних версій сайту

– Дизайн та проектуванняPro.Mova

Page 24: SM digital web development

Клініка “ISIDA”

2 !За тижні , На прохання замовника всі роботи було виконано

за надзвичайно стислий термін

Page 25: SM digital web development

Задача Розробити логотип і новий

-сайт для Українського прподкасту

http://prpodcast.com.ua/

Page 26: SM digital web development

Український PR podcast

: АндрійКлен«Редизайн надав ресурсу свіжості та яскравості. Стильна просторовістьпоєднується із щільністю віджетних блоків. Нове лого лаконічнозображає хвилі мовлення

»подкасту

Page 27: SM digital web development

Український PR podcast

Інтеграція з соціальнимимедіа

Page 28: SM digital web development

http://mediacamp.org.ua/

Задача Зробити великий сайт для

конференції за один.тиждень

Page 29: SM digital web development

КонференціяMediacamp Kyiv 2009

Андрій Клен: «Медійна подія вимагала стильної яскравої ідентики та неабиякої зручності у користуванні. Окремо було спроектовано мікро-сайт для конкурсу BUBA»

Page 30: SM digital web development

КонференціяMediacamp Kyiv 2009

- Реєстрація учасників- Оплата участі в конференції

онлайн

Page 31: SM digital web development

КонференціяMediacamp Kyiv 2009

Автоматизований кроспосту Twitter

Page 32: SM digital web development

КонференціяMediacamp Kyiv 2009

Форум для обговорення гарячих питань

Page 33: SM digital web development

КонференціяMediacamp Kyiv 2009

Стіна логотипів – чудова можливість для брендів

розмістити свою рекламу одночасно на сайті

Медіакемпу , . та офлайн на самій події

Page 34: SM digital web development

КонференціяMediacamp Kyiv 2009

Конкурс українських блоґів

BUBA 2009

http://mediacamp.org.ua/buba

з онлайн-голосуванням

Page 35: SM digital web development

http://camp09.drupal.ua/

Задача, Спроектувати продумати

- веб архітектуру сайту та .створити дизайн

Page 36: SM digital web development

- Конференція веб розробниківDrupalcamp Kyiv 2009

Андрій Клен: «У створенні візуального

стилю було поставлено акцент на містопроведення - заходу Київ. Яскраве зручне меню неабияк полегшує навігацію»

Page 37: SM digital web development

Конференція Drupalcamp Kyiv 2009

Реєстрація учасників тадоповідачів

Page 38: SM digital web development

Конференція Drupalcamp Kyiv 2009

Автоматизований кроспосту Twitter

Page 39: SM digital web development

Конференція Drupalcamp Kyiv 2009

Форум для обговорень

Page 40: SM digital web development

http://abelfakel.com/

Задача Розробити сайт для

бренду одягу Abel Fakel.

Page 41: SM digital web development

Abel Fakel

http://abelfakel.com/

Page 42: SM digital web development

Андрій Клен: “Велика кількість аналогових малюнків та колажів створюють необхіднутворчу атмосферу одягового бренду. Однак фото-галерея залишаєтьсяпрагматично функціональною.”

Abel Fakel

Page 43: SM digital web development

ЗадачаРозробити віджет для мережі блогів компанії Агора

Україна, розрахований на високі навантаження

Page 44: SM digital web development

Віджети для групи блоґів компанії Агора

Результат: Розробленоwordpress- , плагін який

інтегрує кілька окремих блоґів наWordpress і для кожного з них

створює сторінку з усіма . віджетами мережі

На цій сторінці прихильники блоґів отримують можливість скопіювати

код для вставким віджета на . власний інтернет проект Віджети

 показують останні новини сайтівПліткар, Тюбик   та -Спорт Спорт.

Page 45: SM digital web development

Задача Розробити сайт для працівників

видавництв

http://libra.in.ua/

Page 46: SM digital web development

Книгоспілка: Рішення 2.0-Веб

платформа з інформацією про книги

, та видавництва на основі якої було

сформовано спільноту .українських видавців

Page 47: SM digital web development

Книгоспілка Після реєстрації на сайті

видавець отримує сторінку видавництва

з адресою%vydavnyctvo

%.libra.in.ua, на якій відображається

інформація про видавництво і всі додані

.книги

Page 48: SM digital web development

http://blogcampcee.com/

Задача Спроектувати та зробити

сайт конференціїBlogcampCEE 2008

Page 49: SM digital web development

Конференція BlogcampCEE 2008

Ми спроектували і розробили сайт найбільшої конференції - про нові медіа у Східній та Центральній Європі

BlogcampCEE 2008.

Page 50: SM digital web development

Конференція BlogcampCEE 2008

- Дизайн сайту World Web Studiohttp://blogcampcee.com/

Page 51: SM digital web development

Конференція BlogcampCEE 2008

Соціальнамережа2125 3 зареєстрованих учасників за місяці

Page 52: SM digital web development

Конференція BlogcampCEE 2008

Зареєстровані на сайті користувачі мали можливість додавати , , одне одного у друзі спілкуватися у групах обмінюватися

, повідомленнями пропонувати свої доповіді на подію і .голосувати за них

Page 53: SM digital web development

Конференція BlogcampCEE 2008

Голосування на сайті: Конкурс Best Ukrainian Blog Awards 2008

Page 54: SM digital web development

Конференція BlogcampCEE 2008

Онлайн трансляція з події

Page 55: SM digital web development

’ ЗВЯЖІТЬСЯ ЗНАМИЩОБДІЗНАТИСЬБІЛЬШЕ

ЯрославАжнюкдиректор+38 050 640 41 [email protected]

, Київ Дашавська 25, . оф 65+38 044 585 76 47