{"id":2271,"date":"2023-02-11T23:30:01","date_gmt":"2023-02-11T16:30:01","guid":{"rendered":"https:\/\/lazarewww.ru\/cases\/step-by-step\/"},"modified":"2023-02-11T23:30:01","modified_gmt":"2023-02-11T16:30:01","slug":"shagnsk","status":"publish","type":"isotope","link":"https:\/\/lazarewww.ru\/en\/cases\/shagnsk\/","title":{"rendered":"Step by Step"},"content":{"rendered":"<div class=\"wp-bootstrap-blocks-row row\">\n\t\n\n<div class=\"col-12 col-lg-3\">\n\t\t\t\n\n<h2 class=\"wp-block-heading with_decor\" id=\"vvedenie\">Introduction:<\/h2>\n\n\t<\/div>\n\n\n\n<div class=\"col-12 col-lg-5\">\n\t\t\t<div class=\"p-2\">\n\t\t\t\n\n<p class=\"wp-block-paragraph\">The client is Step by Step, a non-profit organisation that helps people with ASD and other mental development disorders. It works on the social adaptation of teenagers and young adults with autism and other developmental disorders, on social inclusion and on lifelong support.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n<\/div>\n\n\n<div class=\"wp-bootstrap-blocks-row row case-text\">\n\t\n\n<div class=\"col-12 col-lg-6\">\n\t\t\t<div class=\"p-2\">\n\t\t\t\n\n<p class=\"wp-block-paragraph\">The site was commissioned by Svetlana Artemova, the director of the organisation \u2014 we had already worked together on the Spectrum project, and before that I had done a site of this kind for Aukids.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The site was needed for three things at once: the organisation&#8217;s entry into the Presidential Grants Foundation competition, presenting all the information about the organisation in one place, and collecting donations for its further work.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n<\/div>\n\n\n<div class=\"wp-bootstrap-blocks-row row case-media\">\n\t\n\n<div class=\"col-12\">\n\t\t\t\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1600\" height=\"1155\" src=\"\/wp-content\/uploads\/2026\/08\/shag-about.jpg\" alt=\"The About us section on the Step by Step site: a description of the organisation's work and photos from life-skills classes\" class=\"wp-image-1756\" srcset=\"https:\/\/lazarewww.ru\/wp-content\/uploads\/2026\/08\/shag-about.jpg 1600w, https:\/\/lazarewww.ru\/wp-content\/uploads\/2026\/08\/shag-about-300x217.jpg 300w, https:\/\/lazarewww.ru\/wp-content\/uploads\/2026\/08\/shag-about-1024x739.jpg 1024w, https:\/\/lazarewww.ru\/wp-content\/uploads\/2026\/08\/shag-about-768x554.jpg 768w, https:\/\/lazarewww.ru\/wp-content\/uploads\/2026\/08\/shag-about-1536x1109.jpg 1536w, https:\/\/lazarewww.ru\/wp-content\/uploads\/2026\/08\/shag-about-900x650.jpg 900w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><figcaption class=\"wp-element-caption\">The &#171;About us&#187; section explains what the organisation does: preparing teenagers and young adults with ASD for independent living, and classes at the training centre.<\/figcaption><\/figure>\n\n\t<\/div>\n\n<\/div>\n\n\n\n<hr class=\"hr-dashed opacity-50 my-5\">\n\n\n<div class=\"wp-bootstrap-blocks-row row\">\n\t\n\n<div class=\"col-12 col-lg-3\">\n\t\t\t\n\n<h2 class=\"wp-block-heading with_decor\" id=\"hod-raboty\">How it went:<\/h2>\n\n\t<\/div>\n\n\n\n<div class=\"col-12 col-lg-5\">\n\t\t\t<div class=\"p-2\">\n\t\t\t\n\n<p class=\"wp-block-paragraph\">Svetlana and I met and agreed on a plan for what came next. First I had to work out the structure of the site so that Svetlana could write the texts against it \u2014 we put the structure together in a shared document.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In parallel I developed the visual identity for Step by Step.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n<\/div>\n\n\n<div class=\"wp-bootstrap-blocks-row row case-media\">\n\t\n\n<div class=\"col-12\">\n\t\t\t\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1268\" height=\"681\" src=\"\/wp-content\/uploads\/2026\/08\/shag-structure.jpg\" alt=\"The structure of the Step by Step site: the sections put together in a shared document\" class=\"wp-image-1712\" srcset=\"https:\/\/lazarewww.ru\/wp-content\/uploads\/2026\/08\/shag-structure.jpg 1268w, https:\/\/lazarewww.ru\/wp-content\/uploads\/2026\/08\/shag-structure-300x161.jpg 300w, https:\/\/lazarewww.ru\/wp-content\/uploads\/2026\/08\/shag-structure-1024x550.jpg 1024w, https:\/\/lazarewww.ru\/wp-content\/uploads\/2026\/08\/shag-structure-768x412.jpg 768w, https:\/\/lazarewww.ru\/wp-content\/uploads\/2026\/08\/shag-structure-900x483.jpg 900w\" sizes=\"auto, (max-width: 1268px) 100vw, 1268px\" \/><figcaption class=\"wp-element-caption\">The site structure: we put the sections together in a shared document.<\/figcaption><\/figure>\n\n\t<\/div>\n\n<\/div>\n\n\n<div class=\"wp-bootstrap-blocks-row row case-text\">\n\t\n\n<div class=\"col-12 col-lg-6\">\n\t\t\t<div class=\"p-2\">\n\t\t\t\n\n<p class=\"wp-block-paragraph\">Along the way Svetlana had the idea of showing a large amount of information about the organisation&#8217;s plans in a single block. From her sketches I built the &#171;Development strategy&#187; block.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n<\/div>\n\n\n<div class=\"wp-bootstrap-blocks-row row case-media\">\n\t\n\n<div class=\"col-12\">\n\t\t\t\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1402\" height=\"597\" src=\"\/wp-content\/uploads\/2026\/08\/shag-strategy.jpg\" alt=\"The Development strategy block on the Step by Step site: the organisation's plans in one block\" class=\"wp-image-1713\" srcset=\"https:\/\/lazarewww.ru\/wp-content\/uploads\/2026\/08\/shag-strategy.jpg 1402w, https:\/\/lazarewww.ru\/wp-content\/uploads\/2026\/08\/shag-strategy-300x128.jpg 300w, https:\/\/lazarewww.ru\/wp-content\/uploads\/2026\/08\/shag-strategy-1024x436.jpg 1024w, https:\/\/lazarewww.ru\/wp-content\/uploads\/2026\/08\/shag-strategy-768x327.jpg 768w, https:\/\/lazarewww.ru\/wp-content\/uploads\/2026\/08\/shag-strategy-900x383.jpg 900w\" sizes=\"auto, (max-width: 1402px) 100vw, 1402px\" \/><figcaption class=\"wp-element-caption\">The &#171;Development strategy&#187; block: the organisation&#8217;s plans in one block.<\/figcaption><\/figure>\n\n\t<\/div>\n\n<\/div>\n\n\n<div class=\"wp-bootstrap-blocks-row row case-media\">\n\t\n\n<div class=\"col-12\">\n\t\t\t\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1420\" height=\"792\" src=\"\/wp-content\/uploads\/2026\/08\/shag-team.jpg\" alt=\"The Our team section: cards for the organisation's specialists with photos and a description of their roles\" class=\"wp-image-1757\" srcset=\"https:\/\/lazarewww.ru\/wp-content\/uploads\/2026\/08\/shag-team.jpg 1420w, https:\/\/lazarewww.ru\/wp-content\/uploads\/2026\/08\/shag-team-300x167.jpg 300w, https:\/\/lazarewww.ru\/wp-content\/uploads\/2026\/08\/shag-team-1024x571.jpg 1024w, https:\/\/lazarewww.ru\/wp-content\/uploads\/2026\/08\/shag-team-768x428.jpg 768w, https:\/\/lazarewww.ru\/wp-content\/uploads\/2026\/08\/shag-team-900x502.jpg 900w\" sizes=\"auto, (max-width: 1420px) 100vw, 1420px\" \/><figcaption class=\"wp-element-caption\">The team section: the director, the supervisor and the project curator \u2014 a parent can see at once who exactly works with the children and what qualifications the specialists have.<\/figcaption><\/figure>\n\n\t<\/div>\n\n<\/div>\n\n\n<div class=\"wp-bootstrap-blocks-row row case-text\">\n\t\n\n<div class=\"col-12 col-lg-6\">\n\t\t\t<div class=\"p-2\">\n\t\t\t\n\n<p class=\"wp-block-paragraph\">I set up the crowdfunding with the Leyka plugin under a contract with YooKassa: a visitor picks an amount and sends the donation right on the site.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n<\/div>\n\n\n<div class=\"wp-bootstrap-blocks-row row case-media\">\n\t\n\n<div class=\"col-12\">\n\t\t\t\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1598\" height=\"762\" src=\"\/wp-content\/uploads\/2026\/08\/shag-donate.jpg\" alt=\"Collecting donations on the Step by Step site: choosing an amount and paying on the site\" class=\"wp-image-1714\" srcset=\"https:\/\/lazarewww.ru\/wp-content\/uploads\/2026\/08\/shag-donate.jpg 1598w, https:\/\/lazarewww.ru\/wp-content\/uploads\/2026\/08\/shag-donate-300x143.jpg 300w, https:\/\/lazarewww.ru\/wp-content\/uploads\/2026\/08\/shag-donate-1024x488.jpg 1024w, https:\/\/lazarewww.ru\/wp-content\/uploads\/2026\/08\/shag-donate-768x366.jpg 768w, https:\/\/lazarewww.ru\/wp-content\/uploads\/2026\/08\/shag-donate-1536x732.jpg 1536w, https:\/\/lazarewww.ru\/wp-content\/uploads\/2026\/08\/shag-donate-900x429.jpg 900w\" sizes=\"auto, (max-width: 1598px) 100vw, 1598px\" \/><figcaption class=\"wp-element-caption\">Collecting donations: choosing an amount and sending it right on the site.<\/figcaption><\/figure>\n\n\t<\/div>\n\n<\/div>\n\n\n\n<hr class=\"hr-dashed opacity-50 my-5\">\n\n\n<div class=\"wp-bootstrap-blocks-row row\">\n\t\n\n<div class=\"col-12 col-lg-3\">\n\t\t\t\n\n<h2 class=\"wp-block-heading with_decor\" id=\"rezultat\">Result:<\/h2>\n\n\t<\/div>\n\n\n\n<div class=\"col-12 col-lg-5\">\n\t\t\t<div class=\"p-2\">\n\t\t\t\n\n<p class=\"wp-block-paragraph\">The organisation now has a single place where all the information about it is gathered \u2014 for foundations, partners and parents \u2014 with a structure that already fits the requirements of grant competitions.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Donations are accepted right on the site: a visitor picks an amount and sends the money without leaving for a third-party service.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n<\/div>\n\n\n<div class=\"wp-bootstrap-blocks-row row case-cta\">\n\t\n\n<div class=\"col-12\">\n\t\t\t\n\n<a class=\"btn btn-outline-primary btn-lg\" href=\"https:\/\/shagnsk.ru\/\" target=\"_blank\" rel=\"noopener\">Visit the site!<\/a>\n\n\n\n<p class=\"wp-block-paragraph\">For anyone curious about the Step by Step site.<\/p>\n\n\t<\/div>\n\n<\/div>\n\n\n\n<hr class=\"hr-dashed opacity-50 my-5\">\n\n\n\n\n<section id=\"review\" class=\"pt-3 pb-4 pb-md-5\">\n\t<div class=\"container\">\n\t\t<div class=\"row justify-content-center\">\n\t\t\t<div class=\"col-sm-9 col-md-8 col-xl-6 text-center\">\n\t\t\t\t<h2 class=\"mb-0\">Client feedback:<\/h2>\n\t\t\t\t<p class=\"mb-3 text-primary fw-bold\">A message that arrived on the day the project was handed over.<\/p>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n\n\t<div class=\"container\">\n\t\t\t<div class=\"row justify-content-center align-items-center\">\n\n\t\t\t\t\t\t\t\t<div class=\"col-lg-5\">\n\t\t\t\t\t<div class=\"mb-3 mb-lg-0 px-lg-3 d-flex flex-column justify-content-center\">\n\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/lazarewww.ru\/wp-content\/uploads\/2026\/08\/shagnsk-svetlana-artemova-600x600.jpg\" alt=\"\u0421\u0432\u0435\u0442\u043b\u0430\u043d\u0430 \u0410\u0440\u0442\u0435\u043c\u043e\u0432\u0430 \u2014 \u0434\u0438\u0440\u0435\u043a\u0442\u043e\u0440 \u0410\u041d\u041e \u00ab\u0428\u0430\u0433 \u0437\u0430 \u0448\u0430\u0433\u043e\u043c\u00bb, \u0430\u0432\u0442\u043e\u0440 \u043e\u0442\u0437\u044b\u0432\u0430 \u043e \u0440\u0430\u0431\u043e\u0442\u0435 \u043d\u0430\u0434 \u0441\u0430\u0439\u0442\u043e\u043c\" class=\"img-fluid rounded-circle simple-review-image mx-auto\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"pt-2 text-center\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"simple-review-author\">\n\t\t\t\t\t\t\t\t<h3 class=\"mb-0\" style=\"text-align: center;\">Svetlana Artemova<\/h3>\r\n<p class=\"mb-0\" style=\"text-align: center;\">Director of Step by Step, a non-profit helping people with ASD<\/p>\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t\t<div class=\"col-lg-7 ps-3 ps-lg-5 bootstrap-simple-review-text\">\n\t\t\t\t\t<p><em>You know how it goes sometimes: from the morning on nothing works out, everything drags, nothing comes together, you snap at everyone&#8230; That was exactly my morning today. And then I sat down, opened my phone, and there was your message, and I open the site&#8230; And I like all of it, all of it, absolutely all of it!!! It has turned out great! And my bad mood was gone. ))<\/em><\/p>\n<p><em>Thank you for the site and for the therapy session too. )<\/em><\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\n\t<\/div>\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>A site for a non-profit helping teenagers and young adults with autism: everything about the organisation in one place, for foundations and parents, with donations collected on the site.<\/p>\n","protected":false},"featured_media":1715,"template":"","isotope_tag":[103,102],"class_list":["post-2271","isotope","type-isotope","status-publish","has-post-thumbnail","hentry","isotope_category-other-sites-en"],"acf":[],"_links":{"self":[{"href":"https:\/\/lazarewww.ru\/?rest_route=\/wp\/v2\/isotope\/2271","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lazarewww.ru\/?rest_route=\/wp\/v2\/isotope"}],"about":[{"href":"https:\/\/lazarewww.ru\/?rest_route=\/wp\/v2\/types\/isotope"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/lazarewww.ru\/?rest_route=\/wp\/v2\/media\/1715"}],"wp:attachment":[{"href":"https:\/\/lazarewww.ru\/?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2271"}],"wp:term":[{"taxonomy":"isotope_tag","embeddable":true,"href":"https:\/\/lazarewww.ru\/?rest_route=%2Fwp%2Fv2%2Fisotope_tag&post=2271"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}