Как команда Теплицы сделала сайт для благотворительной организации «Шаг навстречу»

Как команда Теплицы сделала сайт для благотворительной организации «Шаг Навстречу»
London OSM Hack weekend, Harry by Alexander Kachkaev

В сен­тяб­ре 2015 года были под­ве­де­ны ито­ги 4-го раун­да Кон­кур­са малых сай­тов. Побе­ди­те­лем ста­ла Санкт-Петер­бург­ская бла­го­тво­ри­тель­ная орга­ни­за­ция «Шаг навстре­чу», кото­рая помо­га­ет детям и взрос­лым с огра­ни­чен­ны­ми воз­мож­но­стя­ми. Коман­да Теп­ли­цы созда­ла побе­ди­те­лю адап­тив­ный сайт на осно­ве сво­ей новой раз­ра­бот­ки, сай­та-кон­струк­то­ра для НКО «Гигер».

Поделитесь этой статьей с друзьями

Об организации

Фонд «Шаг навстре­чу» – груп­па еди­но­мыш­лен­ни­ков-волон­те­ров, кото­рые помо­га­ют забо­тить­ся о детях, живу­щих в самом круп­ном кор­пу­се дет­ско­го дома-интер­на­та № 4 горо­да Пав­лов­ска.

Орга­ни­за­ция вырос­ла из «Пер­спек­ти­вы», ста­рей­шей НКО Санкт-Петер­бур­га, кото­рая извест­на в Рос­сии помо­щью боль­ным людям с пси­хи­че­ски­ми забо­ле­ва­ни­я­ми и уча­сти­ем в откры­тии пси­хо­нев­ро­ло­ги­че­ских интер­на­тов.

Подробнее о деятельности организации «Шаг навстречу» узнайте из интервью с Мариной Островской в передаче «Школа злословия».

Какой сайт был нужен организации?

Отдел раз­ра­бот­ки Теп­ли­цы соци­аль­ных тех­но­ло­гий про­вел серию интер­вью для опре­де­ле­ния истин­ных нужд орга­ни­за­ции, силь­ных и сла­бых сто­рон преды­ду­ще­го сай­та.

В ито­ге раз­ра­бот­чи­ки поста­ви­ли три глав­ные цели ново­го сай­та.

Цель № 1 Дать понять посетителю, на сайте какой организации он находится.

Из-за рас­про­стра­нен­но­го назва­ния «Шаг навстре­чу» орга­ни­за­цию пута­ли либо с обув­ным мага­зи­ном, либо с дру­ги­ми неком­мер­че­ски­ми орга­ни­за­ци­я­ми.

Решение Теплицы

Мы реши­ли, что луч­ше все­го об орга­ни­за­ции рас­ска­зы­ва­ют ее про­ек­ты. Поэто­му опи­са­ние на глав­ной стра­ни­це сокра­ти­лось до неболь­шо­го, но кон­крет­но­го инфор­ма­тив­но­го абза­ца вме­сте со спис­ком про­ек­тов с образ­ны­ми эмо­ци­о­наль­ны­ми кар­тин­ка­ми.

1
Скрин­шот ново­го сай­та «Шаг Навстре­чу».
На ста­ром сай­те не хва­та­ло «пря­мо­го дей­ствия», то есть посе­ти­тель мог быст­ро про­смот­реть стра­ни­цы, но не пони­мал, как он может помочь. При этом орга­ни­за­ции нуж­ны были день­ги и волон­те­ры.

Цель №2 Организовать эффективный сбор средств на сайте.

До это­го орга­ни­за­ция соби­ра­ла день­ги на про­ек­ты на отдель­ных сер­ви­сах: «Благо.ру», «Пла­не­та», «Яндекс.Вместе». Сбор денег на про­ек­ты счи­та­ет­ся более пред­по­чти­тель­ным, но в Рос­сии до сих пор более эффек­тив­но соби­рать на кон­крет­но­го ребен­ка. И, конеч­но, точ­кой сбо­ра средств дол­жен был стать соб­ствен­ный ресурс.

Реше­ние Теп­ли­цы

В состав сай­та-кон­струк­то­ра «Гигер» вхо­дит пла­гин «Онлайн-Лей­ка», кото­рый поз­во­ля­ет под­клю­чать­ся к пла­теж­ным систе­мам, вести отчет­ность, а так­же отправ­лять авто­ма­ти­че­ские бла­го­дар­ствен­ные пись­ма жерт­во­ва­те­лям.

2
Фраг­мент глав­ной стра­ни­цы сай­та «Шаг навстре­чу», где вид­ны кар­точ­ки детей, кото­рым помо­га­ет Фонд.
У жерт­во­ва­те­ля есть мно­же­ство спо­со­бов помочь. После нажа­тия на одно­имен­ную кноп­ку он пере­но­сит­ся на отдель­ную стра­ни­цу, где ему пред­ла­га­ет­ся пере­ве­сти нуж­ную сум­му.
3
Вид пла­теж­ной фор­мы на сай­те. Скрин­шот сай­та «Шаг Навстре­чу».

Цель №3 Помочь организации находить волонтеров.

«Шаг навстре­чу» – это, в первую оче­редь, волон­тер­ский про­ект, поэто­му было важ­но настро­ить при­ем заявок от жела­ю­щих помо­гать детям.

4
Фор­ма обрат­ной свя­зи на сай­те. Скрин­шот сай­та «Шаг Навстре­чу».
Реше­ние Теп­ли­цы:

Для под­дер­жа­ния моти­ва­ции было важ­но сде­лать бла­го­дар­но­сти волон­те­рам на соот­вет­ству­ю­щих стра­ни­цах. А так­же поста­вить кноп­ки соци­аль­ных сетей и фор­мы под­пис­ки для ком­му­ни­ка­ции со сто­рон­ни­ка­ми.

5
Всплы­ва­ю­щее окно для под­пис­ки на ново­сти. Скрин­шот сай­та «Шаг Навстре­чу».

Ауди­то­рия орга­ни­за­ции – это нерав­но­душ­ные люди до 30 лет, часто сту­ден­ты твор­че­ских вузов. Из-за моло­дой ауди­то­рии важ­но было сде­лать так, что­бы сай­том мож­но было поль­зо­вать­ся со всех мобиль­ных устройств с любым раз­ре­ше­ни­ем экра­на. Так­же были реа­ли­зо­ва­ны встро­ен­ные кноп­ки мес­сен­дже­ров Viber, Telegram, WhatsApp.

image00
Доволь­ные волон­те­ры орга­ни­за­ции. Фото предо­став­ле­но «Шаг Навстре­чу».

Если вы тоже хоти­те адап­тив­ный удоб­ный сайт, то напо­ми­на­ем, что «Кон­курс малых сай­тов» про­дол­жа­ет­ся и мы все­гда ждем достой­ных участ­ни­ков. Сле­ду­ю­щий раунд кон­кур­са нач­нет­ся в мар­те.

Подробнее о правилах участия читайте на сайте конкурса.

Коман­да Теп­ли­цы деталь­но рас­спра­ши­ва­ет про потреб­но­сти орга­ни­за­ции и исполь­зу­ет совре­мен­ные тех­ни­че­ские реше­ния, что­бы создать сайт, под­хо­дя­щий вам и вашей целе­вой ауди­то­рии.

Если у вас уже есть сайт, то реко­мен­ду­ем про­ве­рить сайт на удоб­ство его исполь­зо­ва­ния поль­зо­ва­те­ля­ми (юза­би­ли­ти) на нашем сер­ви­се audit.te-st.ru.

В поис­ке IT-спе­ци­а­ли­стов вам помо­жет сер­вис «IT-волон­тер». Вы остав­ля­е­те заяв­ку с опи­са­ни­ем задач и объ­яс­не­ни­ем, какая помощь по сай­ту вам нуж­на. Сер­вис «IT-волон­тер» при­вле­ка­ет про­грам­ми­стов, вер­сталь­щи­ков, дизай­не­ров, кото­рые делят­ся сво­и­ми навы­ка­ми и помо­га­ют неком­мер­че­ским орга­ни­за­ци­ям решать их тех­ни­че­ские вопро­сы.

Сайт-кон­струк­тор «Гигер» создан отде­лом раз­ра­бот­ки Теп­ли­цы спе­ци­аль­но для рос­сий­ских неком­мер­че­ских орга­ни­за­ций. Подроб­нее про уста­нов­ку сай­та-кон­струк­то­ра смот­ри­те в видео­уро­ке Теп­ли­цы соци­аль­ных тех­но­ло­гий.