# Xleb > Упаковываем и автоматизируем бизнес --- ## Страницы - [Как работает прогрессивный JPG](https://xleb.studio/jpeg/): JTIwJTIwJTNDZGl2JTIwY2xhc3MlM0QlMjJjb250cm9scyUyMiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ2lucHV0JTIwdHlwZSUzRCUyMnJhbmdlJTIyJTIwaWQlM0QlMjJzbGlkZXIlMjIlMjBtaW4lM0QlMjIwJTIyJTIwbWF4JTNEJTIyMTAwJTIyJTIwdmFsdWUlM0QlMjIwJTIyJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDZGl2JTIwY2xhc3MlM0QlMjJzdGF0dXMlMjIlMjBpZCUzRCUyMnBlcmNlbnQlMjIlM0UwJTI1JTIwJUQwJUI3JUQwJUIwJUQwJUIzJUQxJTgwJUQxJTgzJUQwJUI3JUQwJUJBJUQwJUI4JTNDJTJGZGl2JTNFJTBBJTIwJTIwJTIwJTIwJTNDJTJGZGl2JTNFJTNDaW1nJTIwaWQlM0QlMjJzdGQtaW1nJTIyJTIwY2xhc3MlM0QlMjJ2aWV3LWFyZWElMjIlMjBhbHQlM0QlMjJTdGFuZGFyZCUyMiUzRQ==JTNDY2FudmFzJTIwaWQlM0QlMjJwcm9nLWNhbnZhcyUyMiUyMGNsYXNzJTNEJTIydmlldy1hcmVhJTIyJTNFJTNDJTJGY2FudmFzJTNFJTIwJTIwJTIwJTIwJTNDc2NyaXB0JTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwY29uc3QlMjBDRkclMjAlM0QlMjAlN0IlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjBzcmMlM0ElMjAlMjIlMkZ3cC1jb250ZW50JTJGdXBsb2FkcyUyRjIwMjYlMkYwMiUyRnBpbmd1aW4ucG5nJTIyJTJDJTIwJTJGJTJGJTIwJUQwJTkyJUQwJUIwJUQxJTg4JUQwJUIwJTIwJUQwJUJBJUQwJUIwJUQxJTgwJUQxJTgyJUQwJUI4JUQwJUJEJUQwJUJBJUQwJUIwJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwdGhyZXNob2xkJTNBJTIwMzMlMjAlMkYlMkYlMjAlRDAlQTIlRDAlQkUlRDElODclRDAlQkElRDAlQjAlMjAlRDAlQkYlRDAlQjUlRDElODAlRDAlQjUlRDAlQkElRDAlQkIlRDElOEUlRDElODclRDAlQjUlRDAlQkQlRDAlQjglRDElOEYlMjAlMjgzMyUyNSUyOSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCU3RCUzQiUwQSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMGNvbnN0JTIwZWwlMjAlM0QlMjAlN0IlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjBpbWclM0ElMjBkb2N1bWVudC5nZXRFbGVtZW50QnlJZCUyOCUyN3N0ZC1pbWclMjclMjklMkMlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjBjdnMlM0ElMjBkb2N1bWVudC5nZXRFbGVtZW50QnlJZCUyOCUyN3Byb2ctY2FudmFzJTI3JTI5JTJDJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwY3R4JTNBJTIwZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQlMjglMjdwcm9nLWNhbnZhcyUyNyUyOS5nZXRDb250ZXh0JTI4JTI3MmQlMjclMjklMkMlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjBzbGlkZXIlM0ElMjBkb2N1bWVudC5nZXRFbGVtZW50QnlJZCUyOCUyN3NsaWRlciUyNyUyOSUyQyUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMHBlcmMlM0ElMjBkb2N1bWVudC5nZXRFbGVtZW50QnlJZCUyOCUyN3BlcmNlbnQlMjclMjklMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlN0QlM0IlMEElMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjBjb25zdCUyMGltZyUyMCUzRCUyMG5ldyUyMEltYWdlJTI4JTI5JTNCJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwaW1nLnNyYyUyMCUzRCUyMENGRy5zcmMlM0IlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjBpbWcub25lcnJvciUyMCUzRCUyMCUyOCUyOSUyMCUzRCUzRSUyMCU3QiUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMGFsZXJ0JTI4JTIyJUQwJTlFJUQxJTg4JUQwJUI4JUQwJUIxJUQwJUJBJUQwJUIwJTIwJUQwJUI3JUQwJUIwJUQwJUIzJUQxJTgwJUQxJTgzJUQwJUI3JUQwJUJBJUQwJUI4JTIxJTIwJUQwJTlGJUQxJTgwJUQwJUJFJUQwJUIyJUQwJUI1JUQxJTgwJUQxJThDJUQxJTgyJUQwJUI1JTIwJUQxJTg0JUQwJUIwJUQwJUI5JUQwJUJCJTIwJTI3JTIyJTIwJTJCJTIwQ0ZHLnNyYyUyMCUyQiUyMCUyMiUyNyUyMCVEMSU4MCVEMSU4RiVEMCVCNCVEMCVCRSVEMCVCQyUyMCVEMSU4MSUyMEhUTUwuJTIyJTI5JTNCJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTdEJTNCJTBBJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwaW1nLm9ubG9hZCUyMCUzRCUyMCUyOCUyOSUyMCUzRCUzRSUyMCU3QiUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMGVsLmN2cy53aWR0aCUyMCUzRCUyMGltZy5uYXR1cmFsV2lkdGglM0IlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjBlbC5jdnMuaGVpZ2h0JTIwJTNEJTIwaW1nLm5hdHVyYWxIZWlnaHQlM0IlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjBlbC5pbWcuc3JjJTIwJTNEJTIwQ0ZHLnNyYyUzQiUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMHJlbmRlciUyODAlMjklM0IlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlN0QlM0IlMEElMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjBlbC5zbGlkZXIuYWRkRXZlbnRMaXN0ZW5lciUyOCUyN2lucHV0JTI3JTJDJTIwJTI4ZSUyOSUyMCUzRCUzRSUyMHJlbmRlciUyOCUyQmUudGFyZ2V0LnZhbHVlJTI5JTI5JTNCJTBBJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwZnVuY3Rpb24lMjByZW5kZXIlMjh2YWwlMjklMjAlN0IlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjBlbC5wZXJjLmlubmVyVGV4dCUyMCUzRCUyMCU2MCUyNCU3QnZhbCU3RCUyNSUyMCVEMCVCNyVEMCVCMCVEMCVCMyVEMSU4MCVEMSU4MyVEMCVCNyVEMCVCQSVEMCVCOCU2MCUzQiUwQSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyRiUyRiUyMDEuJTIwU3RhbmRhcmQlMjBMb2dpYyUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMGVsLmltZy5zdHlsZS5jbGlwUGF0aCUyMCUzRCUyMCU2MGluc2V0JTI4MCUyMDAlMjAlMjQlN0IxMDAlMjAtJTIwdmFsJTdEJTI1JTIwMCUyOSU2MCUzQiUwQSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyRiUyRiUyMDIuJTIwUHJvZ3Jlc3NpdmUlMjBMb2dpYyUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMGNvbnN0JTIwdyUyMCUzRCUyMGVsLmN2cy53aWR0aCUzQiUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMGNvbnN0JTIwaCUyMCUzRCUyMGVsLmN2cy5oZWlnaHQlM0IlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjBlbC5jdHguY2xlYXJSZWN0JTI4MCUyQyUyMDAlMkMlMjB3JTJDJTIwaCUyOSUzQiUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMGlmJTIwJTI4dmFsJTIwJTNEJTNEJTNEJTIwMCUyOSUyMHJldHVybiUzQiUwQSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMGxldCUyMHB4JTNCJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTJGJTJGJTIwJTNEJTNEJTNEJTIwJUQwJUEwJUQwJTkwJUQwJUExJUQwJUE3JUQwJTk1JUQwJUEyJTIwJUQwJTlBJUQwJTkwJUQwJUE3JUQwJTk1JUQwJUExJUQwJUEyJUQwJTkyJUQwJTkwJTIwJTI4MzMlMjUlMjAlRDAlOUYlRDAlOUUlRDAlQTAlRDAlOUUlRDAlOTMlMjklMjAlM0QlM0QlM0QlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjBpZiUyMCUyOHZhbCUyMCUzQyUzRCUyMENGRy50aHJlc2hvbGQlMjklMjAlN0IlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMkYlMkYlMjAlRDAlQUQlRDAlQTIlRDAlOTAlRDAlOUYlMjAxJTNBJTIwJUQwJTlBJUQwJUIyJUQwJUIwJUQwJUI0JUQxJTgwJUQwJUIwJUQxJTgyJUQxJThCJTIwJTI4MC0zMyUyNSUyOSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyRiUyRiUyMCVEMCU5QiVEMCVCOCVEMCVCRCVEMCVCNSVEMCVCOSVEMCVCRCVEMSU4QiVEMCVCOSUyMCVEMSU4MCVEMCVCRSVEMSU4MSVEMSU4MiUyMCVEMSU4MCVEMCVCMCVEMCVCNyVEMSU4MCVEMCVCNSVEMSU4OCVEMCVCNSVEMCVCRCVEMCVCOCVEMSU4Ri4lMjAlRDAlOUQlRDAlQjAlMjAzMyUyNSUyMCVEMSU4OCVEMCVCOCVEMSU4MCVEMCVCOCVEMCVCRCVEMCVCMCUyMCVEMCVCMSVEMSU4MyVEMCVCNCVEMCVCNSVEMSU4MiUyMH41MHB4LiUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyRiUyRiUyMCVEMCVBRCVEMSU4MiVEMCVCRSUyMCVEMCVCNCVEMCVCMCVEMCVCNSVEMSU4MiUyMCVEMSU4NyVEMCVCNSVEMSU4MiVEMCVCQSVEMCVCOCVEMCVCNSUyQyUyMCVEMCVCRCVEMCVCRSUyMCVEMCVCQSVEMSU4MCVEMSU4MyVEMCVCRiVEMCVCRCVEMSU4QiVEMCVCNSUyMCVEMCVCMSVEMCVCQiVEMCVCRSVEMCVCQSVEMCVCOC4lMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjBsZXQlMjBtYXhCbG9ja1NpemUlMjAlM0QlMjA1MCUzQiUyMCUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMHB4JTIwJTNEJTIwTWF0aC5tYXglMjgyJTJDJTIwJTI4dmFsJTIwJTJGJTIwQ0ZHLnRocmVzaG9sZCUyOSUyMCUyQSUyMG1heEJsb2NrU2l6ZSUyOSUzQiUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCU3RCUyMGVsc2UlMjAlN0IlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMkYlMkYlMjAlRDAlQUQlRDAlQTIlRDAlOTAlRDAlOUYlMjAyJTNBJTIwJUQwJUEzJUQxJTgyJUQwJUJFJUQxJTg3JUQwJUJEJUQwJUI1JUQwJUJEJUQwJUI4JUQwJUI1JTIwJTI4MzQtMTAwJTI1JTI5JTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTJGJTJGJTIwJUQwJTlGJUQwJUJCJUQwJUIwJUQwJUIyJUQwJUJEJUQxJThCJUQwJUI5JTIwJUQxJTgwJUQwJUIwJUQwJUI3JUQwJUIzJUQwJUJFJUQwJUJEJTIwJUQwJUJFJUQxJTgyJTIwNTBweCUyMCVEMCVCNCVEMCVCRSUyMCVEMCVCRSVEMSU4MCVEMCVCOCVEMCVCMyVEMCVCOCVEMCVCRCVEMCVCMCVEMCVCQiVEMCVCMC4lMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMkYlMkYlMjAlRDAlOTglRDElODElRDAlQkYlRDAlQkUlRDAlQkIlRDElOEMlRDAlQjclRDElODMlRDAlQjUlRDAlQkMlMjAlRDElODElRDElODIlRDAlQjUlRDAlQkYlRDAlQjUlRDAlQkQlRDElOEMlMjAyLjUlMjAlRDAlQjQlRDAlQkIlRDElOEYlMjAlRDAlQjQlRDAlQkUlRDAlQkIlRDAlQjMlRDAlQkUlRDAlQjMlRDAlQkUlMjAlMjIlRDAlQkMlRDElOEYlRDAlQjMlRDAlQkElRDAlQkUlRDAlQjMlRDAlQkUlMjIlMjAlRDAlQkElRDAlQjAlRDElODclRDAlQjUlRDElODElRDElODIlRDAlQjIlRDAlQjAlMjAlRDAlQjIlMjAlRDElODElRDAlQjUlRDElODAlRDAlQjUlRDAlQjQlRDAlQjglRDAlQkQlRDAlQjUuJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwY29uc3QlMjByYW5nZSUyMCUzRCUyMCUyOHZhbCUyMC0lMjBDRkcudGhyZXNob2xkJTI5JTIwJTJGJTIwJTI4MTAwJTIwLSUyMENGRy50aHJlc2hvbGQlMjklM0IlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjBjb25zdCUyMGN1cnZlJTIwJTNEJTIwTWF0aC5wb3clMjhyYW5nZSUyQyUyMDIuNSUyOSUzQiUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMHB4JTIwJTNEJTIwNTAlMjAlMkIlMjAlMjh3JTIwLSUyMDUwJTI5JTIwJTJBJTIwY3VydmUlM0IlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlN0QlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjBjb25zdCUyMHN3JTIwJTNEJTIwTWF0aC5mbG9vciUyOHB4JTI5JTNCJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwY29uc3QlMjBzaCUyMCUzRCUyME1hdGguZmxvb3IlMjhzdyUyMCUyQSUyMCUyOGglMjAlMkYlMjB3JTI5JTI5JTNCJTBBJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTJGJTJGJTIwJUQwJTlGJUQwJUI1JUQxJTgwJUQwJUI1JUQwJUJBJUQwJUJCJUQxJThFJUQxJTg3JUQwJUI1JUQwJUJEJUQwJUI4JUQwJUI1JTIwJUQxJTgwJUQwJUI1JUQwJUI2JUQwJUI4JUQwJUJDJUQwJUIwJTNBJTIwJUQwJTlGJUQwJUI4JUQwJUJBJUQxJTgxJUQwJUI1JUQwJUJCJUQwJUI4JTIwLSUzRSUyMCVEMCU5MSVEMCVCQiVEMSU4RSVEMSU4MCUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyRiUyRiUyMCVEMCU5RCVEMCVCMCUyMDMzJTI1JTIwJUQwJUI4JTIwJUQwJUIyJUQxJThCJUQxJTg4JUQwJUI1JTIwJUQwJUIyJUQwJUJBJUQwJUJCJUQxJThFJUQxJTg3JUQwJUIwJUQwJUI1JUQxJTgyJUQxJTgxJUQxJThGJTIwJUQxJTgxJUQwJUIzJUQwJUJCJUQwJUIwJUQwJUI2JUQwJUI4JUQwJUIyJUQwJUIwJUQwJUJEJUQwJUI4JUQwJUI1JTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwY29uc3QlMjBpc0JsdXIlMjAlM0QlMjB2YWwlMjAlM0UlM0QlMjBDRkcudGhyZXNob2xkJTNCJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwZWwuY3R4LmltYWdlU21vb3RoaW5nRW5hYmxlZCUyMCUzRCUyMGlzQmx1ciUzQiUwQSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyRiUyRiUyMCVEMCVBMCVEMCVCNSVEMCVCRCVEMCVCNCVEMCVCNSVEMSU4MCUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMGNvbnN0JTIwdG1wJTIwJTNEJTIwZG9jdW1lbnQuY3JlYXRlRWxlbWVudCUyOCUyN2NhbnZhcyUyNyUyOSUzQiUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMHRtcC53aWR0aCUyMCUzRCUyMHN3JTNCJTIwdG1wLmhlaWdodCUyMCUzRCUyMHNoJTNCJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwY29uc3QlMjB0Q3R4JTIwJTNEJTIwdG1wLmdldENvbnRleHQlMjglMjcyZCUyNyUyOSUzQiUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyRiUyRiUyMCVEMCU5RiVEMSU4MCVEMCVCOCUyMCVEMSU4MyVEMCVCQyVEMCVCNSVEMCVCRCVEMSU4QyVEMSU4OCVEMCVCNSVEMCVCRCVEMCVCOCVEMCVCOCUyMCVEMCVCMiVEMSU4MSVEMCVCNSVEMCVCMyVEMCVCNCVEMCVCMCUyMCVEMSU4MSVEMCVCMyVEMCVCQiVEMCVCMCVEMCVCNiVEMCVCOCVEMCVCMiVEMCVCMCVEMCVCNSVEMCVCQyUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMHRDdHguaW1hZ2VTbW9vdGhpbmdFbmFibGVkJTIwJTNEJTIwdHJ1ZSUzQiUyMCUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMHRDdHguZHJhd0ltYWdlJTI4aW1nJTJDJTIwMCUyQyUyMDAlMkMlMjBzdyUyQyUyMHNoJTI5JTNCJTBBJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTJGJTJGJTIwJUQwJTlGJUQxJTgwJUQwJUI4JTIwJUQxJTgzJUQwJUIyJUQwJUI1JUQwJUJCJUQwJUI4JUQxJTg3JUQwJUI1JUQwJUJEJUQwJUI4JUQwJUI4JTIwJUQxJTgxJUQwJUJCJUQxJTgzJUQxJTg4JUQwJUIwJUQwJUI1JUQwJUJDJTIwJUQxJTg0JUQwJUJCJUQwJUIwJUQwJUIzJTIwJUQxJTg0JUQwJUIwJUQwJUI3JUQxJThCJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwZWwuY3R4LmRyYXdJbWFnZSUyOHRtcCUyQyUyMDAlMkMlMjAwJTJDJTIwc3clMkMlMjBzaCUyQyUyMDAlMkMlMjAwJTJDJTIwdyUyQyUyMGglMjklM0IlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlN0QlMEElMjAlMjAlMjAlMjAlM0MlMkZzY3JpcHQlM0U= - [Гномы корпоративные гении](https://xleb.studio/kalsony/) - [Клиенты](https://xleb.studio/clients/) - [Обработка данных](https://xleb.studio/obrabotka-dannyh/) - [Делаем сайты, в которых всё учтено](https://xleb.studio/) - [Проекты](https://xleb.studio/projects/) - [Блог](https://xleb.studio/blog/) --- ## Записи - [Физичность](https://xleb.studio/articles/fizichnost-novaya-era-polzovatelskogo-interfeysa/) - [7 Wentworth Selborne](https://xleb.studio/razbory/7-wentworth-selborne/) - [Ethnocare](https://xleb.studio/razbory/ethnocare/) - [Sapori e Natura](https://xleb.studio/razbory/sapori-e-natura/) - [Crusoe](https://xleb.studio/razbory/crusoe/) - [Autex Acoustics](https://xleb.studio/razbory/autex-acoustics/) - [Holcomb](https://xleb.studio/razbory/holcomb/) - [LAS Art Foundation](https://xleb.studio/razbory/las-art-foundation/) - [Fuel](https://xleb.studio/razbory/fuel/) - [Caravanclub](https://xleb.studio/razbory/caravanclub/) - [Suitsupply](https://xleb.studio/razbory/suitsupply/) - [Knob](https://xleb.studio/razbory/knob/) - [Что мы продаём, когда к нам приходят за дизайном?](https://xleb.studio/articles/chto-takoe-dizayn/) - [99 вопросов](https://xleb.studio/articles/99-voprosov/) --- ## Кейсы - [Аудит карты смыслов АСБ](https://xleb.studio/projects/audit-karty-smyslov-asb/) - [Прототипирование АСБ](https://xleb.studio/projects/prototipirovanie-asb/) - [Сайт под ключ АСБ](https://xleb.studio/projects/sayt-pod-klyuch-asb/) - [Портал для жителей Мегаград](https://xleb.studio/projects/portal-dlya-zhiteley-megagrad/) - [Редизайн на поддержке для производителя окон](https://xleb.studio/projects/redizajn-na-podderzhke-dlya-proizvoditelya-okon/) - [Доработка конфигуратора](https://xleb.studio/projects/dorabotka-konfiguratora/) - [Аудит и стратегия для производителя окон](https://xleb.studio/projects/audit-i-strategiya-dlya-proizvoditelya-okon/) - [История о компании](https://xleb.studio/projects/istoriya-o-kompanii/) - [Комплексный запуск АФС](https://xleb.studio/projects/kompleksnyj-zapusk-afs/) - [Развитие сайта GF-Estet](https://xleb.studio/projects/razvitie-sajta-gf-estet/) - [Лендинг Смартек для Эридана](https://xleb.studio/projects/lending-smartek-dlya-eridana/) - [Коллаборации с дизайнерами](https://xleb.studio/projects/kollaboratsii-s-dizaynerami/) - [Адаптация 3D-моделей](https://xleb.studio/projects/adaptatsiya-3d-modeley/) - [Фикс AmoCRM](https://xleb.studio/projects/fiks-amocrm/) - [Гео-маршрутизация заявок](https://xleb.studio/projects/geo-marshrutizatsiya-zayavok/) - [Аксессуары Мононова](https://xleb.studio/projects/aksessuary-mononova/) - [Интеграция CRM Дружба](https://xleb.studio/projects/integratsiya-crm-druzhba/) - [Выставочные образцы Мононова](https://xleb.studio/projects/rasprodazha-mononova/) - [Карта шоурумов](https://xleb.studio/projects/karta-shourumov/) - [Мультирегиональность Коста Белла](https://xleb.studio/projects/multiregionalnost-kostabella/) - [Галерея интерьеров](https://xleb.studio/projects/galereya-intererov/) - [Сеть сайтов Дружба](https://xleb.studio/projects/set-saytov-druzhba/) - [Страницы для партнеров](https://xleb.studio/projects/stranitsy-dlya-partnerov/) - [Дашборды Эридан](https://xleb.studio/projects/dashbordy-eridan/) - [Интерактивная карта Дружба](https://xleb.studio/projects/interaktivnaya-karta-druzhba/) - [Маршрутизация заявок](https://xleb.studio/projects/marshrutizatsiya-zayavok/) - [SEO-переезд Коста Белла](https://xleb.studio/projects/seo-pereezd-kostabella/) - [Платформа Коста Белла](https://xleb.studio/projects/platforma-kostabella/) - [Сайт для мультибренда](https://xleb.studio/projects/zapustili-novyy-sayt-distribyutora-elektrotehniki-dlya-masshtabirovaniya-assortimenta-i-dopolnitelnyh-razrabotok/) - [Бренд-платформа Коста Белла](https://xleb.studio/projects/brend-platforma-kostabella/) - [Топ-3 в поиске клиник эстетической медицины](https://xleb.studio/projects/zapustili-sayt-dlya-kliniki-esteticheskoy-meditsiny-i-vyveli-ego-v-top-poiska/) - [От макета к жизни](https://xleb.studio/projects/ot-maketa-k-zhizni/) - [Лендинг Диалог PRO](https://xleb.studio/projects/lending-dialog-pro/) - [Цирк в истории](https://xleb.studio/projects/zapustili-sayt-dlya-ekaterinburgskogo-tsirka-i-rasskazali-o-ego-istorii-s-1930-h-godov/) - [Магазин цифровых товаров](https://xleb.studio/projects/razrabotali-sobstvennuyu-universalnuyu-sistemu-oplaty-tsifrovyh-tovarov/) - [Срочный запуск Дружба](https://xleb.studio/projects/srochnyy-zapusk-druzhba/) - [Визуальный язык бюро](https://xleb.studio/projects/vizualnyj-yazyk-byuro/) - [AR-примерка Мононова](https://xleb.studio/projects/ar-primerka-mononova/) - [Редизайн сайта Эридан](https://xleb.studio/projects/obnovili-dizayn-i-pomogli-lyudyam-razobratsya-so-slozhnym-oborudovaniem/) - [Аудит сайта Эридан](https://xleb.studio/projects/otsenili-masshtab-bedstviya-i-razrabotali-strategiyu-na-polgoda/) - [Сайт на Xleb theme](https://xleb.studio/projects/zapustili-sayt-dlya-marketingovogo-agentstva-na-sobstvennoy-platforme/) - [Рендеры школы](https://xleb.studio/projects/sdelali-rendery-innovatsionnoy-shkoly-i-pomogli-zakazchiku-predstavit-sebya-na-mezhdunarodnom-forume-100-technobuild/) - [Сайт для проектного бюро](https://xleb.studio/projects/zapustili-sayt-dlya-proektnoy-masterskoy-item-kotoryy-privlekaet-soiskateley-i-zakazchikov/) - [Концепция продуктовой страницы](https://xleb.studio/projects/za-nedelyu-soglasovali-kontseptsiyu-dizayna-k-kotoromu-kompaniya-ne-mogla-priyti-god/) - [Удалили трояны с сайта клиента](https://xleb.studio/projects/zalatali-dyry-i-izbavilis-ot-troyanov-cherez-kotorye-mogli-vzlomat-sayt-zakazchika-i-pohitit-informatsiyu/) - [Консультация по рекламе](https://xleb.studio/projects/za-2-vstrechi-razoblachili-reklamschikov-klienta-i-sekonomili-dengi-na-neeffektivnom-prodvizhenii/) - [3д-конфигуратор](https://xleb.studio/projects/razrabotali-svoy-3d-konfigurator-i-sekonomili-dengi-zakazchika-na-podpiske/) - [Дизайн сайта Mononova](https://xleb.studio/projects/vsegda-byli-na-svyazi-s-klientom-i-bystro-otreagirovali-na-fidbek-polzovateley/) - [Сайт поставщика бронестали](https://xleb.studio/projects/sdelali-sayt-postavschika-bronestali-konkurentnym-preimuschestvom/) - [Сервис с нейросетью](https://xleb.studio/projects/zapustili-na-sayte-servis-podbora-komplektuyuschih-po-elektricheskoy-sheme-s-pomoschyu-neyroseti/) - [Сайт с высокой посещаемостью](https://xleb.studio/projects/sait-i-seo/) - [Xleb theme](https://xleb.studio/projects/xleb-theme/) - [Форма для заказа](https://xleb.studio/projects/uprostili-oformlenie-zakaza-na-elektro-teh-ni-ches-kiy-shkaf-do-zapolneniya-inn-telefona-i-pochty/) - [Редизайн R1](https://xleb.studio/projects/redizayn-r1/) - [Редизайн сайта Бонпет](https://xleb.studio/projects/redizayn-sayta/) - [3д-модели и AR для мягкой мебели](https://xleb.studio/projects/zapustili-onlayn-shourum-i-dali-poschupat-divany-krovati-kresla-i-pufy-ne-vyhodya-iz-doma/) - [Кабинет сотрудника](https://xleb.studio/projects/pomogali-inhaus-komande-s-razrabotkoy-novoy-funktsionalnosti-kogda-u-nee-ne-hvatalo-ruk/) - [Видео для соискателей](https://xleb.studio/projects/r1-video/) - [Автоматический подбор товаров](https://xleb.studio/projects/avtomatizirovali-podbor-oborudovaniya-po-artikulam-konkurentov-i-poluchaem-2-000-posetiteley-ezhemesyachno/) - [Сайт для узкой В2В-сферы](https://xleb.studio/projects/kaz-novyy-sayt/) - [Лендинг продажи окон](https://xleb.studio/projects/sdelali-iz-tekstovoy-stranitsy-effektivnyy-lending-i-uvelichili-konversiyu-v-20-raz/) - [Интерфейс домофона](https://xleb.studio/projects/tnb-interfeys-domofona/) - [Дизайн-система для сайта](https://xleb.studio/projects/razrabotali-dizayn-sistemu-i-sdelali-na-ney-90-stranits-kotorye-vyshli-na-pervye-mesta-v-poiskovikah/) - [Дизайн брошюры](https://xleb.studio/projects/steklandiya-brochure/) - [Фирменный стиль умных домофонов](https://xleb.studio/projects/tnb-firstil/) - [Ведение соцсетей](https://xleb.studio/projects/https-xleb-studio-projects-steklandiya-social-media/) - [Облачная база заказов](https://xleb.studio/projects/steklandiya-reakt-prilozhenie/) - [Мобильное приложение для застройщика](https://xleb.studio/projects/r1-mobile-app-concept/) - [Сайт для регионов присутствия](https://xleb.studio/projects/sdelali-iz-odnogo-sayta-19-kazhdyy-iz-kotoryh-vyshel-na-pervye-strochki-poiskovikov-v-svoyom-regione/) - [Презентация-каталог для клиентов](https://xleb.studio/projects/medelectro-elektronnyy-katalog/) - [Новый логотип](https://xleb.studio/projects/polnostyu-peredelali-logotip-fabriki-okon-tak-chtoby-nikto-ne-ponyal-chto-on-izmenilsya/) - [Калькулятор расчёта стоимости](https://xleb.studio/projects/sdelali-kalkulyator-kotoryy-pokazyvaet-stoimost-razdvizhnoy-reshetki-eschyo-do-vvoda-eyo-parametrov/) - [Лендинги для пяти аудиторий](https://xleb.studio/projects/tnb-kontent/) - [Разработали концепцию личного кабинета подрядчика для прозрачного взаимодействия с компанией (под НДА)](https://xleb.studio/projects/razrabotali-kontseptsiyu-lichnogo-kabineta-podryadchika-dlya-prozrachnogo-vzaimodeystviya-s-kompaniey-pod-nda/) - [Каталог товаров в Гугл Докс](https://xleb.studio/projects/chint-katalog-tipovyh-resheniy/) - [Навигатор](https://xleb.studio/projects/otgovorili-klienta-ot-razrabotki-bolshogo-i-dorogogo-sayta-sdelali-sayt-vizitku/) - [База знаний](https://xleb.studio/projects/razrabotali-zakrytuyu-bazu-znaniy-kompanii-i-obuchili-sotrudnikov-kak-eyo-napolnyat-pod-nda/) - [Редизайн сайта в узкой В2В-сфере](https://xleb.studio/projects/perlit-grupp-redizayn-logo-i-pereezd/) - [Поиск товаров](https://xleb.studio/projects/redizayn-i-mobilnaya-versiya-sayta/) - [Смысловой логотип](https://xleb.studio/projects/razrabotali-logotip-kotoryy-otrazhaet-nazvanie-i-sferu-deyatelnosti-kompanii/) - [Передача заявок в базы застройщика](https://xleb.studio/projects/avtomatizirovali-sbor-i-klassifikatsiyu-stroitelnyh-defektov-i-ih-peredachu-v-dzhiru-dispetcher-24-i-edo/) - [Адаптация сайта под все устройства](https://xleb.studio/projects/razrabotali-adaptivnuyu-versiyu-kabineta-sotrudnika-ot-telefona-do-ogromnogo-televizora/) - [Подборка товаров по запросу пользователя](https://xleb.studio/projects/sgenerirovali-neskolko-tysyach-podborok-tovarov-dlya-tochnogo-otveta-na-zapros-polzovatelya/) - [Презентация для партнёров](https://xleb.studio/projects/steklandiya-presentation/) - [Блог об электротехнике](https://xleb.studio/projects/pomogli-lyudyam-razobratsya-s-elektrikoy-a-oni-stali-pokupat-elektrotehnicheskoe-oborudovanie/) - [Брендинг для салона красоты](https://xleb.studio/projects/zadizaynili-logotip-sertifikaty-i-instagram-dlya-studii-krasoty/) - [Разработка и дизайн сайта](https://xleb.studio/projects/steklandiya-pereezd/) - [Полезная карточка товара](https://xleb.studio/projects/sobrali-v-kartochke-tovara-vsyo-chto-nuzhno-znat-dlya-prinyatiya-resheniya-o-pokupke-elektrotehniki/) - [Типовые решения уникальных товаров](https://xleb.studio/projects/pridumali-300-tovarov-v-uzkoy-v2v-nishe-kotorye-stali-pokupat-i-zakladyvat-v-proekty/) - [Фирменный стиль для встречи с заказчиками](https://xleb.studio/projects/peredelali-firmennyy-stil-sayt-i-katalog-proektnogo-byuro-dlya-vstrechi-s-krupnym-zakazchikom/) - [Автоматизированный счёт](https://xleb.studio/projects/avtomaticheskaya-generatsiya-schetov/) - [Дизайн чайных карт](https://xleb.studio/projects/ural-tea-company-konstruktor-kart/) - [Печатная презентация](https://xleb.studio/projects/dizayn-prezentatsii/) - [Калькулятор окон](https://xleb.studio/projects/steklandiya-calculator/) - [Сайт для масштабирования транспортной компании](https://xleb.studio/projects/za-god-uvelichili-poseschaemost-sayta-transportnoy-kompanii-v-5-raz-i-priveli-zayavku-na-perevozku-vertoleta/) - [Автоматическое обновление остатков](https://xleb.studio/projects/avtomatizatsiya-obnovleniya-ostatkov/) - [Франшиза транспортной компании](https://xleb.studio/projects/sformulirovali-preimuschestva-franshizy-transportnoy-kompanii-i-sobrali-iz-nih-lending/) - [Калькулятор грузоперевозок](https://xleb.studio/projects/sdelali-kalkulyator-gruzoperevozok-kotoryy-sam-otpravlyaet-kp-klientu-i-zapolnyaet-kartochku-v-srm/) - [Интерактивная карта посёлка](https://xleb.studio/projects/sdelali-interaktivnuyu-kartu-poselka-i-raskazali-ob-uchastkah-i-domah-kotorye-mozhno-na-nih-postroit/) - [Презентация партнёрам](https://xleb.studio/projects/chint-presentation/) - [Редизайн сайта Бонпет](https://xleb.studio/projects/chint-redesign-1/) --- ## Проекты - [Дружба](https://xleb.studio/client/druzhba/) - [АФС](https://xleb.studio/client/afs/) - [АСБ](https://xleb.studio/client/asb/) - [Мегаград](https://xleb.studio/client/megagrad/) - [Стекландия](https://xleb.studio/client/steklandia/) - [Bonpet](https://xleb.studio/client/bonpet/) - [R1](https://xleb.studio/client/r1/) - [ТНБ](https://xleb.studio/client/tnb/) - [Медэлектро](https://xleb.studio/client/medelectro/) - [КАЗ](https://xleb.studio/client/kaz/) - [Уральская Чайная Компания](https://xleb.studio/client/utc/) - [Xleb](https://xleb.studio/client/xleb/) - [Авис](https://xleb.studio/client/avis/) - [Скорекс](https://xleb.studio/client/skorex/) - [Краеведческий музей](https://xleb.studio/client/krayevedcheskiy-muzey/) - [Квестор](https://xleb.studio/client/questore/) - [Альтернатива](https://xleb.studio/client/alternativa/) - [Брусянка](https://xleb.studio/client/brusyanka/) - [Topbau](https://xleb.studio/client/topbau/) - [Мononova](https://xleb.studio/client/mononova/) - [Авалон](https://xleb.studio/client/avalon/) - [Enjoy](https://xleb.studio/client/enjoy/) - [Нагано](https://xleb.studio/client/nagano/) - [Эверест](https://xleb.studio/client/everest/) - [Максидев](https://xleb.studio/client/maksidev/) - [КБ Кочубея](https://xleb.studio/client/kb-kochubey/) - [Навигатор](https://xleb.studio/client/navigator/) - [Брусника](https://xleb.studio/client/brusnika/) - [Чайное дерево](https://xleb.studio/client/chaynoe-derevo/) - [Екатеринбургский цирк](https://xleb.studio/client/tsirk/) - [Регион-снаб](https://xleb.studio/client/region-snab/) - [Item](https://xleb.studio/client/item/) - [Twoview](https://xleb.studio/client/twoview/) - [Эридан](https://xleb.studio/client/eridan/) - [GF-Estet](https://xleb.studio/client/gf-estet/) - [Costa Bella](https://xleb.studio/client/costabella/) - [Студия 40](https://xleb.studio/client/studio40/) --- ## Решения - [Сайт](https://xleb.studio/website/) - [Лэндинг](https://xleb.studio/website/landing/) - [Промо-сайт](https://xleb.studio/website/promo/) - [Вордпресс](https://xleb.studio/website/wordpress/) - [Опенкарт](https://xleb.studio/website/opencart/) - [Мебельный сайт](https://xleb.studio/website/furniture/) - [Агентство недвижимости](https://xleb.studio/?post_type=solution&p=18479) - [Медицинский сайт](https://xleb.studio/website/medicine/) - [Сайт для производства](https://xleb.studio/website/production/) - [MVP](https://xleb.studio/mvp/) - [Веб-сервис](https://xleb.studio/applications/) - [Личный кабинет](https://xleb.studio/account/) - [Бренд-портал](https://xleb.studio/brandportal/) - [Строительный сайт](https://xleb.studio/website/construction/) - [Интернет-магазин](https://xleb.studio/website/e-commerce/) - [Корпоративный сайт](https://xleb.studio/website/corporate/) - [Сайт-визитка](https://xleb.studio/website/basic/) --- ## Услуги - [Продвижение](https://xleb.studio/optimization/) - [В Яндексе](https://xleb.studio/optimization/yandex/) - [В Гугле](https://xleb.studio/optimization/google/) - [СЕО-аудит](https://xleb.studio/optimization/audit/) - [Консультация](https://xleb.studio/optimization/consultation/) - [Интернет-магазин](https://xleb.studio/optimization/e-commerce/) - [Мебельный сайт](https://xleb.studio/optimization/furniture/) - [Глубинное интервью](https://xleb.studio/analytics/interview/) - [Анализ конкурентов](https://xleb.studio/analytics/competitor-analysis/) - [Веб-аналитика](https://xleb.studio/analytics/web-analytics/) - [Прототипирование](https://xleb.studio/analytics/prototyping/) - [Аналитика](https://xleb.studio/analytics/) - [Тестирование](https://xleb.studio/development/testing/) - [Интеграция](https://xleb.studio/development/integration/) - [Аутсорс](https://xleb.studio/development/outsource/) - [Fullstack](https://xleb.studio/development/fullstack/) - [Frontend](https://xleb.studio/development/frontend/) - [Backend](https://xleb.studio/development/backend/) - [Разработка](https://xleb.studio/development/) - [Вордпресс](https://xleb.studio/development/wordpress/) - [Опенкарт](https://xleb.studio/development/opencart/) - [Дизайн-система](https://xleb.studio/wev-design/design-system/) - [Редизайн](https://xleb.studio/wev-design/redesign/) - [UX/UI](https://xleb.studio/web-design/ux-ui/) - [Интернет-магазин](https://xleb.studio/web-design/site/e-commerce/) - [Сайт](https://xleb.studio/wev-design/site/) - [Веб-дизайн](https://xleb.studio/web-design/) - [Поддержка](https://xleb.studio/support/) - [Каталог](https://xleb.studio/graphic-design/catalog/) - [Фирменный стиль](https://xleb.studio/graphic-design/corporate-identity/) - [Брендинг](https://xleb.studio/graphic-design/branding/) - [Референсы](https://xleb.studio/graphic-design/reference/) - [Презентации](https://xleb.studio/graphic-design/presentation/) - [Лого](https://xleb.studio/graphic-design/logo/) - [Графический дизайн](https://xleb.studio/graphic-design/) - [3Д-визуализация](https://xleb.studio/content/3d-visualization/) - [3Д-моделирование](https://xleb.studio/content/3d-modeling/) - [Видео](https://xleb.studio/content/video/) - [Фото](https://xleb.studio/content/photo/) - [Копирайтинг](https://xleb.studio/content/copywriting/) - [Контент](https://xleb.studio/content/) --- # # Detailed Content ## Страницы Как работает прогрессивный JPG JTIwJTIwJTNDZGl2JTIwY2xhc3MlM0QlMjJjb250cm9scyUyMiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ2lucHV0JTIwdHlwZSUzRCUyMnJhbmdlJTIyJTIwaWQlM0QlMjJzbGlkZXIlMjIlMjBtaW4lM0QlMjIwJTIyJTIwbWF4JTNEJTIyMTAwJTIyJTIwdmFsdWUlM0QlMjIwJTIyJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDZGl2JTIwY2xhc3MlM0QlMjJzdGF0dXMlMjIlMjBpZCUzRCUyMnBlcmNlbnQlMjIlM0UwJTI1JTIwJUQwJUI3JUQwJUIwJUQwJUIzJUQxJTgwJUQxJTgzJUQwJUI3JUQwJUJBJUQwJUI4JTNDJTJGZGl2JTNFJTBBJTIwJTIwJTIwJTIwJTNDJTJGZGl2JTNFJTNDaW1nJTIwaWQlM0QlMjJzdGQtaW1nJTIyJTIwY2xhc3MlM0QlMjJ2aWV3LWFyZWElMjIlMjBhbHQlM0QlMjJTdGFuZGFyZCUyMiUzRQ== Обычный JPG JTNDY2FudmFzJTIwaWQlM0QlMjJwcm9nLWNhbnZhcyUyMiUyMGNsYXNzJTNEJTIydmlldy1hcmVhJTIyJTNFJTNDJTJGY2FudmFzJTNF Прогрессивный JPG JTIwJTIwJTIwJTIwJTNDc2NyaXB0JTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwY29uc3QlMjBDRkclMjAlM0QlMjAlN0IlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjBzcmMlM0ElMjAlMjIlMkZ3cC1jb250ZW50JTJGdXBsb2FkcyUyRjIwMjYlMkYwMiUyRnBpbmd1aW4ucG5nJTIyJTJDJTIwJTJGJTJGJTIwJUQwJTkyJUQwJUIwJUQxJTg4JUQwJUIwJTIwJUQwJUJBJUQwJUIwJUQxJTgwJUQxJTgyJUQwJUI4JUQwJUJEJUQwJUJBJUQwJUIwJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwdGhyZXNob2xkJTNBJTIwMzMlMjAlMkYlMkYlMjAlRDAlQTIlRDAlQkUlRDElODclRDAlQkElRDAlQjAlMjAlRDAlQkYlRDAlQjUlRDElODAlRDAlQjUlRDAlQkElRDAlQkIlRDElOEUlRDElODclRDAlQjUlRDAlQkQlRDAlQjglRDElOEYlMjAlMjgzMyUyNSUyOSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCU3RCUzQiUwQSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMGNvbnN0JTIwZWwlMjAlM0QlMjAlN0IlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjBpbWclM0ElMjBkb2N1bWVudC5nZXRFbGVtZW50QnlJZCUyOCUyN3N0ZC1pbWclMjclMjklMkMlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjBjdnMlM0ElMjBkb2N1bWVudC5nZXRFbGVtZW50QnlJZCUyOCUyN3Byb2ctY2FudmFzJTI3JTI5JTJDJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwY3R4JTNBJTIwZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQlMjglMjdwcm9nLWNhbnZhcyUyNyUyOS5nZXRDb250ZXh0JTI4JTI3MmQlMjclMjklMkMlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjBzbGlkZXIlM0ElMjBkb2N1bWVudC5nZXRFbGVtZW50QnlJZCUyOCUyN3NsaWRlciUyNyUyOSUyQyUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMHBlcmMlM0ElMjBkb2N1bWVudC5nZXRFbGVtZW50QnlJZCUyOCUyN3BlcmNlbnQlMjclMjklMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlN0QlM0IlMEElMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjBjb25zdCUyMGltZyUyMCUzRCUyMG5ldyUyMEltYWdlJTI4JTI5JTNCJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwaW1nLnNyYyUyMCUzRCUyMENGRy5zcmMlM0IlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjBpbWcub25lcnJvciUyMCUzRCUyMCUyOCUyOSUyMCUzRCUzRSUyMCU3QiUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMGFsZXJ0JTI4JTIyJUQwJTlFJUQxJTg4JUQwJUI4JUQwJUIxJUQwJUJBJUQwJUIwJTIwJUQwJUI3JUQwJUIwJUQwJUIzJUQxJTgwJUQxJTgzJUQwJUI3JUQwJUJBJUQwJUI4JTIxJTIwJUQwJTlGJUQxJTgwJUQwJUJFJUQwJUIyJUQwJUI1JUQxJTgwJUQxJThDJUQxJTgyJUQwJUI1JTIwJUQxJTg0JUQwJUIwJUQwJUI5JUQwJUJCJTIwJTI3JTIyJTIwJTJCJTIwQ0ZHLnNyYyUyMCUyQiUyMCUyMiUyNyUyMCVEMSU4MCVEMSU4RiVEMCVCNCVEMCVCRSVEMCVCQyUyMCVEMSU4MSUyMEhUTUwuJTIyJTI5JTNCJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTdEJTNCJTBBJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwaW1nLm9ubG9hZCUyMCUzRCUyMCUyOCUyOSUyMCUzRCUzRSUyMCU3QiUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMGVsLmN2cy53aWR0aCUyMCUzRCUyMGltZy5uYXR1cmFsV2lkdGglM0IlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjBlbC5jdnMuaGVpZ2h0JTIwJTNEJTIwaW1nLm5hdHVyYWxIZWlnaHQlM0IlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjBlbC5pbWcuc3JjJTIwJTNEJTIwQ0ZHLnNyYyUzQiUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMHJlbmRlciUyODAlMjklM0IlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlN0QlM0IlMEElMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjBlbC5zbGlkZXIuYWRkRXZlbnRMaXN0ZW5lciUyOCUyN2lucHV0JTI3JTJDJTIwJTI4ZSUyOSUyMCUzRCUzRSUyMHJlbmRlciUyOCUyQmUudGFyZ2V0LnZhbHVlJTI5JTI5JTNCJTBBJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwZnVuY3Rpb24lMjByZW5kZXIlMjh2YWwlMjklMjAlN0IlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjBlbC5wZXJjLmlubmVyVGV4dCUyMCUzRCUyMCU2MCUyNCU3QnZhbCU3RCUyNSUyMCVEMCVCNyVEMCVCMCVEMCVCMyVEMSU4MCVEMSU4MyVEMCVCNyVEMCVCQSVEMCVCOCU2MCUzQiUwQSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyRiUyRiUyMDEuJTIwU3RhbmRhcmQlMjBMb2dpYyUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMGVsLmltZy5zdHlsZS5jbGlwUGF0aCUyMCUzRCUyMCU2MGluc2V0JTI4MCUyMDAlMjAlMjQlN0IxMDAlMjAtJTIwdmFsJTdEJTI1JTIwMCUyOSU2MCUzQiUwQSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyRiUyRiUyMDIuJTIwUHJvZ3Jlc3NpdmUlMjBMb2dpYyUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMGNvbnN0JTIwdyUyMCUzRCUyMGVsLmN2cy53aWR0aCUzQiUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMGNvbnN0JTIwaCUyMCUzRCUyMGVsLmN2cy5oZWlnaHQlM0IlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjBlbC5jdHguY2xlYXJSZWN0JTI4MCUyQyUyMDAlMkMlMjB3JTJDJTIwaCUyOSUzQiUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMGlmJTIwJTI4dmFsJTIwJTNEJTNEJTNEJTIwMCUyOSUyMHJldHVybiUzQiUwQSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMGxldCUyMHB4JTNCJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTJGJTJGJTIwJTNEJTNEJTNEJTIwJUQwJUEwJUQwJTkwJUQwJUExJUQwJUE3JUQwJTk1JUQwJUEyJTIwJUQwJTlBJUQwJTkwJUQwJUE3JUQwJTk1JUQwJUExJUQwJUEyJUQwJTkyJUQwJTkwJTIwJTI4MzMlMjUlMjAlRDAlOUYlRDAlOUUlRDAlQTAlRDAlOUUlRDAlOTMlMjklMjAlM0QlM0QlM0QlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjBpZiUyMCUyOHZhbCUyMCUzQyUzRCUyMENGRy50aHJlc2hvbGQlMjklMjAlN0IlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMkYlMkYlMjAlRDAlQUQlRDAlQTIlRDAlOTAlRDAlOUYlMjAxJTNBJTIwJUQwJTlBJUQwJUIyJUQwJUIwJUQwJUI0JUQxJTgwJUQwJUIwJUQxJTgyJUQxJThCJTIwJTI4MC0zMyUyNSUyOSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyRiUyRiUyMCVEMCU5QiVEMCVCOCVEMCVCRCVEMCVCNSVEMCVCOSVEMCVCRCVEMSU4QiVEMCVCOSUyMCVEMSU4MCVEMCVCRSVEMSU4MSVEMSU4MiUyMCVEMSU4MCVEMCVCMCVEMCVCNyVEMSU4MCVEMCVCNSVEMSU4OCVEMCVCNSVEMCVCRCVEMCVCOCVEMSU4Ri4lMjAlRDAlOUQlRDAlQjAlMjAzMyUyNSUyMCVEMSU4OCVEMCVCOCVEMSU4MCVEMCVCOCVEMCVCRCVEMCVCMCUyMCVEMCVCMSVEMSU4MyVEMCVCNCVEMCVCNSVEMSU4MiUyMH41MHB4LiUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyRiUyRiUyMCVEMCVBRCVEMSU4MiVEMCVCRSUyMCVEMCVCNCVEMCVCMCVEMCVCNSVEMSU4MiUyMCVEMSU4NyVEMCVCNSVEMSU4MiVEMCVCQSVEMCVCOCVEMCVCNSUyQyUyMCVEMCVCRCVEMCVCRSUyMCVEMCVCQSVEMSU4MCVEMSU4MyVEMCVCRiVEMCVCRCVEMSU4QiVEMCVCNSUyMCVEMCVCMSVEMCVCQiVEMCVCRSVEMCVCQSVEMCVCOC4lMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjBsZXQlMjBtYXhCbG9ja1NpemUlMjAlM0QlMjA1MCUzQiUyMCUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMHB4JTIwJTNEJTIwTWF0aC5tYXglMjgyJTJDJTIwJTI4dmFsJTIwJTJGJTIwQ0ZHLnRocmVzaG9sZCUyOSUyMCUyQSUyMG1heEJsb2NrU2l6ZSUyOSUzQiUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCU3RCUyMGVsc2UlMjAlN0IlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMkYlMkYlMjAlRDAlQUQlRDAlQTIlRDAlOTAlRDAlOUYlMjAyJTNBJTIwJUQwJUEzJUQxJTgyJUQwJUJFJUQxJTg3JUQwJUJEJUQwJUI1JUQwJUJEJUQwJUI4JUQwJUI1JTIwJTI4MzQtMTAwJTI1JTI5JTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTJGJTJGJTIwJUQwJTlGJUQwJUJCJUQwJUIwJUQwJUIyJUQwJUJEJUQxJThCJUQwJUI5JTIwJUQxJTgwJUQwJUIwJUQwJUI3JUQwJUIzJUQwJUJFJUQwJUJEJTIwJUQwJUJFJUQxJTgyJTIwNTBweCUyMCVEMCVCNCVEMCVCRSUyMCVEMCVCRSVEMSU4MCVEMCVCOCVEMCVCMyVEMCVCOCVEMCVCRCVEMCVCMCVEMCVCQiVEMCVCMC4lMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMkYlMkYlMjAlRDAlOTglRDElODElRDAlQkYlRDAlQkUlRDAlQkIlRDElOEMlRDAlQjclRDElODMlRDAlQjUlRDAlQkMlMjAlRDElODElRDElODIlRDAlQjUlRDAlQkYlRDAlQjUlRDAlQkQlRDElOEMlMjAyLjUlMjAlRDAlQjQlRDAlQkIlRDElOEYlMjAlRDAlQjQlRDAlQkUlRDAlQkIlRDAlQjMlRDAlQkUlRDAlQjMlRDAlQkUlMjAlMjIlRDAlQkMlRDElOEYlRDAlQjMlRDAlQkElRDAlQkUlRDAlQjMlRDAlQkUlMjIlMjAlRDAlQkElRDAlQjAlRDElODclRDAlQjUlRDElODElRDElODIlRDAlQjIlRDAlQjAlMjAlRDAlQjIlMjAlRDElODElRDAlQjUlRDElODAlRDAlQjUlRDAlQjQlRDAlQjglRDAlQkQlRDAlQjUuJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwY29uc3QlMjByYW5nZSUyMCUzRCUyMCUyOHZhbCUyMC0lMjBDRkcudGhyZXNob2xkJTI5JTIwJTJGJTIwJTI4MTAwJTIwLSUyMENGRy50aHJlc2hvbGQlMjklM0IlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjBjb25zdCUyMGN1cnZlJTIwJTNEJTIwTWF0aC5wb3clMjhyYW5nZSUyQyUyMDIuNSUyOSUzQiUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMHB4JTIwJTNEJTIwNTAlMjAlMkIlMjAlMjh3JTIwLSUyMDUwJTI5JTIwJTJBJTIwY3VydmUlM0IlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlN0QlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjBjb25zdCUyMHN3JTIwJTNEJTIwTWF0aC5mbG9vciUyOHB4JTI5JTNCJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwY29uc3QlMjBzaCUyMCUzRCUyME1hdGguZmxvb3IlMjhzdyUyMCUyQSUyMCUyOGglMjAlMkYlMjB3JTI5JTI5JTNCJTBBJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTJGJTJGJTIwJUQwJTlGJUQwJUI1JUQxJTgwJUQwJUI1JUQwJUJBJUQwJUJCJUQxJThFJUQxJTg3JUQwJUI1JUQwJUJEJUQwJUI4JUQwJUI1JTIwJUQxJTgwJUQwJUI1JUQwJUI2JUQwJUI4JUQwJUJDJUQwJUIwJTNBJTIwJUQwJTlGJUQwJUI4JUQwJUJBJUQxJTgxJUQwJUI1JUQwJUJCJUQwJUI4JTIwLSUzRSUyMCVEMCU5MSVEMCVCQiVEMSU4RSVEMSU4MCUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyRiUyRiUyMCVEMCU5RCVEMCVCMCUyMDMzJTI1JTIwJUQwJUI4JTIwJUQwJUIyJUQxJThCJUQxJTg4JUQwJUI1JTIwJUQwJUIyJUQwJUJBJUQwJUJCJUQxJThFJUQxJTg3JUQwJUIwJUQwJUI1JUQxJTgyJUQxJTgxJUQxJThGJTIwJUQxJTgxJUQwJUIzJUQwJUJCJUQwJUIwJUQwJUI2JUQwJUI4JUQwJUIyJUQwJUIwJUQwJUJEJUQwJUI4JUQwJUI1JTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwY29uc3QlMjBpc0JsdXIlMjAlM0QlMjB2YWwlMjAlM0UlM0QlMjBDRkcudGhyZXNob2xkJTNCJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwZWwuY3R4LmltYWdlU21vb3RoaW5nRW5hYmxlZCUyMCUzRCUyMGlzQmx1ciUzQiUwQSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyRiUyRiUyMCVEMCVBMCVEMCVCNSVEMCVCRCVEMCVCNCVEMCVCNSVEMSU4MCUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMGNvbnN0JTIwdG1wJTIwJTNEJTIwZG9jdW1lbnQuY3JlYXRlRWxlbWVudCUyOCUyN2NhbnZhcyUyNyUyOSUzQiUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMHRtcC53aWR0aCUyMCUzRCUyMHN3JTNCJTIwdG1wLmhlaWdodCUyMCUzRCUyMHNoJTNCJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwY29uc3QlMjB0Q3R4JTIwJTNEJTIwdG1wLmdldENvbnRleHQlMjglMjcyZCUyNyUyOSUzQiUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyRiUyRiUyMCVEMCU5RiVEMSU4MCVEMCVCOCUyMCVEMSU4MyVEMCVCQyVEMCVCNSVEMCVCRCVEMSU4QyVEMSU4OCVEMCVCNSVEMCVCRCVEMCVCOCVEMCVCOCUyMCVEMCVCMiVEMSU4MSVEMCVCNSVEMCVCMyVEMCVCNCVEMCVCMCUyMCVEMSU4MSVEMCVCMyVEMCVCQiVEMCVCMCVEMCVCNiVEMCVCOCVEMCVCMiVEMCVCMCVEMCVCNSVEMCVCQyUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMHRDdHguaW1hZ2VTbW9vdGhpbmdFbmFibGVkJTIwJTNEJTIwdHJ1ZSUzQiUyMCUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMHRDdHguZHJhd0ltYWdlJTI4aW1nJTJDJTIwMCUyQyUyMDAlMkMlMjBzdyUyQyUyMHNoJTI5JTNCJTBBJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTJGJTJGJTIwJUQwJTlGJUQxJTgwJUQwJUI4JTIwJUQxJTgzJUQwJUIyJUQwJUI1JUQwJUJCJUQwJUI4JUQxJTg3JUQwJUI1JUQwJUJEJUQwJUI4JUQwJUI4JTIwJUQxJTgxJUQwJUJCJUQxJTgzJUQxJTg4JUQwJUIwJUQwJUI1JUQwJUJDJTIwJUQxJTg0JUQwJUJCJUQwJUIwJUQwJUIzJTIwJUQxJTg0JUQwJUIwJUQwJUI3JUQxJThCJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwZWwuY3R4LmRyYXdJbWFnZSUyOHRtcCUyQyUyMDAlMkMlMjAwJTJDJTIwc3clMkMlMjBzaCUyQyUyMDAlMkMlMjAwJTJDJTIwdyUyQyUyMGglMjklM0IlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlN0QlMEElMjAlMjAlMjAlMjAlM0MlMkZzY3JpcHQlM0U= --- Гномы корпоративные гении --- Все фильтры {{ taxonomy. name }} Фильтр Закрыть {{ data. taxonomies_names }} Все {{ data. found_posts }} {{ term. name }} {{ termCounts }} Применить {{ postCount }} шт. — Загрузить ещё --- Настоящим в соответствии с Федеральным законом № 152-ФЗ «О персональных данных» от 27. 07. 2006 года свободно, своей волей и в своем интересе выражаю свое безусловное согласие на обработку моих персональных данных ИП Глазков Юрий Дмитриевич (ИНН 741304632801, ОГРНИП 313741333200036 от 28 ноября 2013 г), зарегистрированным в соответствии с законодательством РФ по адресу: Российская Федерация, Челябинская область, город Кыштым, ул. Ленина, дом № 25А (далее по тексту — Оператор). Персональные данные — любая информация, относящаяся к определенному или определяемому на основании такой информации физическому лицу. Согласие выдано мною на обработку следующих персональных данных: фамилия, имя и отчество, телефон, электронная почта, комментарий. Согласие дано Оператору для совершения следующих действий с моими персональными данными с использованием средств автоматизации и без использования таких средств: сбор, систематизация, накопление, хранение, обновление, изменение, использование, обезличивание, передача третьим лицам для указанных ниже целей, а также осуществление любых иных действий, предусмотренных действующим законодательством РФ как неавтоматизированными, так и автоматизированными способами. Согласие дается Оператору для обработки моих персональных данных в целях: предоставления мне услуг и работ; направления мне уведомлений, касающихся предоставляемых услуг и работ; подготовки и направление ответов на мои запросы; направления мне информации, в том числе рекламной, о мероприятиях, товарах, услугах, работах Оператора. Настоящее согласие действует до момента его отзыва путем направления соответствующего уведомления на электронный адрес info@xleb. studio. В случае отзыва мною согласия на обработку персональных данных оператор вправе продолжить обработку персональных данных без моего согласия при наличии оснований, указанных в пунктах 2-11 части 1 статьи 6, части 2 статьи 10 и части 2 статьи 11 Федерального закона № 152-ФЗ «О персональных данных» от 26. 06. 2016г. --- С 2013 года мы разрабатываем и развиваем сайты. С большей частью клиентов мы работаем больше 3 лет, поэтому знаем всё, что нужно от сайта ОКУПАЕМОСТЬ Изначально проектируем сайт как инструмент, с помощью которого компания зарабатывает ЭСТЕТИКА Создаем уникальный дизайн, который повышает доверие к бренду и запоминается клиентам УДОБСТВО Прорабатываем интуитивно понятную структуру, чтобы нужная информация находили за пару кликов ИНТЕГРАЦИИ Свяжем сайт с вашей CRM системой, настроим сквозную аналитику и автоматическое обновление цен УПРАВЛЯЕМОСТЬ Удобная панель администратора, чтобы ваши сотрудники могли управлять контентом всего сайта, в визуальном редакторе ПРОЗРАЧНОСТЬ На берегу формируем реалистичные ожидания, не беремся за проекты в успех которых не верим Мononova — Бренд мягкой мебели из Екатеринбурга. 3D конфигуратор, онлайн примерка мебели в дополненной реальности Costa Bella — Красноярский бренд мебели: ребрендинг, богатые страницы товаров, 3D конфигуратор, онлайн примерка Студия 40 — Сайт портфолио по комплектации МОПов. Разработали шаблон для детального рассказа о лучших кейсах студии Item — Сайт портфолио архитектурной компании. HR лендинг, разработка рендеров и 3D модель целой школы на сайте Стекландия — Фабрика окон и дверей. Ребрендинг, контент и продвижение с 30 до 5800 посещений в месяц с конверсией 13% Закрываем весь цикл работ «в одном окне». Вам не нужно разбираться с переводом стрелок между подрядчиками 01 АНАЛИТИКА Изучаем ваш бизнес, конкурентов и аудиторию. Превращаем данные в понятные выводы и четкий план действий для роста 02 ВЕБ-ДИЗАЙН Сочетаем эстетику и логику. Проектируем интерфейсы, которые вызывают эмоции и ведут пользователя к целевому действию 03 РАЗРАБОТКА Берем на себя всю техническую реализацию вашего проекта. От серверной логики до интерфейса 04 ПРОДВИЖЕНИЕ Приводим целевых клиентов... --- Все фильтры {{ taxonomy. name }} Фильтр Закрыть {{ data. taxonomies_names }} Все {{ data. found_posts }} {{ term. name }} {{ termCounts }} Применить {{ postCount }} шт. — Загрузить ещё --- Новая эра пользовательского интерфейсаСтатьи Сайт коллегии адвокатов 7 Wentworth SelborneРазборы Сайт производителя протезов EthnocareРазборы Сайт итальянской кондитерской Sapori e NaturaРазборы Сайт разработчика эко-инфраструктуры CrusoeРазборы Сайт производителя акустических панелей Autex AcousticsРазборы Сайт дизайн студии HolcombРазборы Сайт художественной организации LAS Art FoundationРазборы Сайт облачного сервиса FuelРазборы Сайт фото/видео продакшена CaravanclubРазборы Сайт бренда одежды SuitsupplyРазборы Страница предзаказа механической клавиатуры KnobРазборы Что мы продаём, когда к нам приходят за дизайном? Статьи 99 вопросов для упаковки проектаСтатьи document. addEventListener("DOMContentLoaded", function{ jQuery(". article-load"). removeClass("article-load"); const countPage = jQuery(". count_page"); const queryString = window. location. search; const urlParams = new URLSearchParams(queryString); const loadOnScroll = "false"; let processing = false; let filterProcces = false; const multipleFilterFlag = ""; const display_lead = ""; const container = jQuery("#_690cbef7a4ad4"); const containerId = "_690cbef7a4ad4"; // const pageCookie = JSON. parse(getCookie("page_data")); // const next_page = pageCookie. next_page; // const pages_count = pageCookie. pages_count; // console. log(pageCookie); paramsGet = urlParams. toString. split("&"); if (paramsGet ! == "") { paramsGet. forEach(data => { const = data. split("="); const decodedValue = decodeURIComponent(value). split(","); jQuery(`. filter`). removeClass("active"); decodedValue. forEach(data => jQuery(`. filter`). addClass("active")); }); } const getElementByDataAttr = (selector, containerId) => document. querySelector(`${selector}`); const toggleFilters = getElementByDataAttr(". toggle-filters", containerId); const closeFilters = getElementByDataAttr(". close-filters", containerId); const applyFilters = getElementByDataAttr(". apply-filters", containerId); const filters = getElementByDataAttr(". filters-container", containerId); // Function to toggle filter visibility const toggleFilterVisibility = => { const isVisible = filters? . classList. contains("show"); filters? . classList. toggle("show", ! isVisible); closeFilters? . classList. toggle("show", ! isVisible); if (window. innerWidth { filters? . classList. remove("show"); closeFilters? . classList. remove("show");... --- --- ## Записи Перевод статьи Себастиана де Вита. Время чтения: 18 мин. Сейчас захватывающее время для дизайнера на iOS. Моя профессиональная вселенная дрожит и грохочет, наполненная глубоким чувством тайны. Ходит много слухов и шепотков о грядущем масштабном редизайне операционной системы iPhone — таком, который обещает стать «крупнейшим за долгое время». Подобный момент был лишь однажды: весной 2013 года. 10 июня Apple продемонстрировала то, что станет величайшей сменой парадигмы в дизайне пользовательских интерфейсов за всю историю: iOS 7. Я точно помню, где я был и что чувствовал. Это был шок. Если в этом году действительно произойдет крупный редизайн, он будет иметь далеко идущие и значительные последствия, которые по множеству причин превзойдут по значимости обновление iOS 7. По слухам, редизайн будет всеобъемлющим; переосмысление стиля iOS, macOS, iPadOS, tvOS, watchOS и visionOS. За годы, прошедшие между анонсом iOS 7 и сегодняшним днем, iPhone превратились из просто популярного устройства в самый важный объект в жизни людей. Дизайн iOS повлиял и вдохновил многое вокруг, от веба до графического дизайна и любого другого компьютерного интерфейса. Вот почему я решил воспользоваться этим моментом неопределенности, этим драгоценным мгновением, когда изменения все еще окутаны туманом, чтобы насладиться кое-чем: полной наивностью относительно того, куда все движется, чтобы я мог дать волю своему воображению. Что бы я сделал, будь я командой дизайнеров Apple? Какие изменения я хотел бы увидеть, и что, по моему мнению, вероятно? Учитывая, куда движутся технологии, как, по-моему, должен измениться дизайн интерфейса, чтобы соответствовать этим изменениям? Давайте посмотрим, что нас ждет (или что могло бы ждать). Умные люди изучают историю, чтобы... --- Фишка этого сайта — подача информации. Во-первых, сайт не пытается с нами заигрывать. Он не премиум-лакшери-голд-эдишн. Ничего не вертится, не вылетает из ниоткуда. Фокус на контент, и весь контент по делу и с «доказательствами». По сути ключевое что есть у компании её классные адвокаты. И это красной нитью проходит через весь сайт. И через призму людей и подается информация. Мы международная компания — потому-что вот адвокаты которые имеют практику по всему миру. По сути ключевое что есть у компании её классные адвокаты. И это красной нитью проходит через весь сайт. И через призму людей и подается информация. Мы международная компания — потому-что вот адвокаты которые имеют практику по всему миру. И как вишенка на торте — сетка всей команды. Заметьте она тут умышленно не такая сложная, как на мебельных и архитектурных сайтах. Потому что задача сложной сетки — чтобы было интересно разглядывать всё и подсвечивать, что каждый проект уникальный и стоит внимания. А задача стандартной сетки — показать что у нас есть огромный выбор под любую задачу, и все варианты одинаково хороши. Сетка призывает фильтровать и отбирать адвоката по параметрам. Поэтому есть фильтрация по опыту, специализации и грейду. Есть даже поиск и сортировка по опыту и алфавиту. А по клику, можно перейти на страницу человека и просмотреть все премии, образование и контакты. Подход фокус на контент — идеален для такой отрасли как юриспруденция. Но мы любим применять его везде. Когда мы честны с пользователем, не манипулируем им и даём всё проверить — это создает невероятный уровень доверия даже у самого скептически настроенного человека. Настоятельно рекомендую посмотреть вживую: 7thfloor. com. au --- Сайт хорош тем, что очень классно продаёт через лайфстайл. Протезы тут показаны как новомодный гаджет. А люди которые ими пользуются живут полноценную и счастливую жизнь. Сайт очень тщательно задизайнен. Это видно не только по классным рендерам, фоткам и щепетильной верстой текста, по и по проработанным деталям и сценариям использования. Всегда под рукой кнопки для получения протеза и просмотра документации. После клика на «Получить протез», сайт предлагает на выбор: купить прямо на сайте, выбрать клинику партнера или самому запартнёриться с производителем. А в подвале огромными кнопками выделены страницы на которые чаще всего переходят. Кайфаните: ethnocare. ca --- Кондитерская делает всего 9 видов печенек, но как же классно они подошли к упаковке. С крупными фотками все понятно — кайф. Но это далеко не всё. На сайте нет чёрного цвета, весь текст, плашки, кнопки и даже ободка при наведении — одного контрастного оранжевого цвета, это сразу создает теплые ощущения. Сетка товаров — не скучная таблица, где всё параллельно и перпендикулярно, как на маркетплейсе, а замороченная сетка. В ней кроме товаров есть еще и тезисы о продукте — очень классное решение писать о продуктах не где то на отдельной странице, а прям в сетке, так разглядывать каталог гораздо интереснее.   На странице сладости всё четко: крупная фотка, полный состав, инфа об упаковке и аллергенах. Даже засунули блочок с перелинковкой на другие сладости. И всё в рамках одного экрана. Круто, когда люди так заморачиваются и с таким трепетом относятся к своему сайту, хотя по сути это вообще не принципиально для кондитерской. Я, когда вижу такое, проникаюсь уважением за их стремлением сделать лучший в мире продукт. Кайфаните: saporienatura. it  --- Главная страница здесь — это больше навигационный инструмент: нужно показать всё что есть, и развести разные аудитории к разному контенту. Энергетических партнеров мы уводим на страницу с проблематикой и нашими ноу-хау. Облачным покупателям рассказываем о том, какие есть фишки и отзывы наших клиентов. На страницах облачных решений, очень изящно выведены последние новости, в первом экране сайта. Аккуратно и информативно, нужно будет утащить в какой-нибудь проект. Действующих пользователей — в личный кабинет, чтобы управлять своими услугами. Соискателей — для удобного подбора работы. Посмотреть вживую: crusoe. ai --- Компания продаёт через кейсы Фишка сайта — 2 связанных раздела: выполненные проекты и продукты. Это классное решение рассказывать о компании через свои проекты. Проекты — это один из основных источников классного контента: фотографии, регионы присутствия, сферы использования. И если всё это грамотно разметить через фильтрацию, то на сайте можно детально познакомиться с вашей работой. Например: какие были проекты в медицинской отрасли в США или какие были проекты с использованием продукта Грув в Новой Зеландии. document. addEventListener('DOMContentLoaded', function { let tags_690cbf05cda0e = ; let slider = document. getElementById('690cbf05cda0e'); let slides = slider. querySelectorAll('. swiper-slide'); let pagination = slider. querySelector('. swiper-pagination'); slides. forEach( slide => { const tag = slide. getAttribute('data-tag'); const caption = slide. querySelector('. illustration-caption p'); const caption_tags = pagination? . getAttribute('data-caption-tags'); if (tag) { tags_690cbf05cda0e. push(tag); } else if (caption && caption_tags === 'true') { tags_690cbf05cda0e. push(caption. textContent); } else { tags_690cbf05cda0e. push(''); } }); let sliderCounter = document. getElementById('swiper-counter-690cbf05cda0e'); var swiper = new Swiper('', { /* */ autoplay: { delay: 1, pauseOnMouseEnter: false, disableOnInteraction: false, }, /* */ init: false, speed: 5000, grabCursor: false, slidesPerView: 'auto', spaceBetween: 0, loop: true, centeredSlides: false, initialSlide: 0, resistance: true, resistanceRatio: 0, freeMode: { enabled: false, sticky: true, momentumBounce: true, momentumRatio: 1, momentumBounceRatio: 0. 2, momentumVelocityRatio: 0. 8, minimumVelocity: 0. 1 }, navigation: { nextEl: "#swiper-button-next-690cbf05cda0e", prevEl: "#swiper-button-prev-690cbf05cda0e" }, pagination: { el: "#swiper-pagination-690cbf05cda0e", clickable: true, renderBullet: function (index, className) { if (index < tags_690cbf05cda0e. length) { return '' + tags_690cbf05cda0e + ''; } else { return ''; } }, }, breakpoints: { 0: { slidesPerGroup: 1 }, 768: { slidesPerGroup: 1 }, 992: { slidesPerGroup: 1... --- Лайфстайл на главной странице Сайт — классный пример любви к своему продукту и продажу через лайфстайл. А главная страница — это такая презентация компании и её продуктов. Грубо говоря, всё самое важное с сайта в миниатюре.   Первый экран — классная, эстетичная кухня, которая наполнена продуктами бренда. Она объединяет всю коллекцию и создаёт ощущение: «Хочу сюда, хочу так же». Так за несколько слайдов мы получаем довольно целостное представление о всём сайте, и идём в интересующий нас раздел, такое «меню на стероидах». Мы в Хлебе часто делаем такие главные в своих проектах. Полезные продуктовые страницы Если главная — это презентация компании, то продуктовые страницы — это и есть, простите за каламбур, главные страницы сайта. Продукты показаны и на нейтральном фоне, и в интерьере. Рассказано и о технических характеристиках, и об основных фишках, и преимуществах. Есть ответы на часто задаваемые вопросы и рекомендации о других продуктах, которые будут классно смотреться вместе. Главная — не главное Компании так заморачиваются за продуктовые страницы, потому что главная — не главное. Самая важная страница на сайте — страница вашего продукта или услуги. Это же было видно и в прошлом выпуске на страницах эвентов. Мы часто начинаем работу с продуктовых страниц, а «Главную» делаем уже в самом конце, с полным пониманием всего сайта, как вишенку на торте. Посмотреть вживую: holcombstudio. com --- Сайт ребят — образцовый сайт компании, которая проводит эвенты. Основной принцип — «Не рассказываем, а показываем». С первого же экрана — нарезка самых интересных моментов с их мероприятий. Сразу захватывает и интригует. Дальше идёт ближайшие мероприятия — это главное, что сайт продвигает в данный момент. Можно сразу узнать больше об эвенте и добавить его в любой удобный календарь: Гугл, Яху, Оутлук. Страница эвента как самодостаточный сайт. На первом экране: крупный заголовок, видео с мероприятия, дата и место проведения. Дальше интересный и хорошо свёрстанный рассказ, о том что ждет посетителя и кто проводит событие. Почему-то на сайтах часто делают классную главную, а на остальные страницы сил уже не хватает. А на этом сайте страница эвента даже более богатая, чем главная. Хочу подсветить блок с соцcетями: не просто иконки в подвале, а прямо кусочки контента, которые вас ждут в этих соцсетях. На эвентах прячут кучу контента под кнопкой «Load more», рекомендую заглянуть: las-art. foundation --- Сайт довольно простой с точки зрения разработки и дизайна. Но контент написан так кайфово и с любовью, так, что невозможно оторваться, как будто друг рассказывает вам что-то вечером в баре. «Мы — ваш финансовый отдел, с мощью искусственного интеллекта. Мы займёмся вашими финансами». Мы делаем вам таблицы, графики и автоматизацию. Вы получите бухгалтерский учет, P&L, кэшфлоу, фин. прогнозы, план/факт, юнит экономику и, наконец, душевное спокойствие. И всё это в привычных Гугл таблицах. Забудьте о многомесячных интеграциях и безумных затратах на настройку — от $1199 в месяц. «Забронировать презентацию» — уже звучит мощно и очень уверенно. Дальше сайт рассказывает о фишках сервиса и закрывает основное возражение «У меня особенный бизнес». И бетонируем всё это кейсами использования, чтобы показать как продукт работает у наших клиентов. Было бы клёво, чтобы они были кликабельные и можно было прочитать подробней. Страница бронирования презентации тоже кайфовая, просто сравните её с тем что вы обычно видите на сайтах. Кроме самой формы, тут и объяснение пользы от звонка, и показ компаний с которыми мы работаем, и отзыв клиента. Сайт собран из 4 цветов, 3 размеров шрифта, и простой верстки. Но не смотря на это сайт классно работает, потому что ребята чётко понимают свою аудиторию и говорят с ней на понятном ей языке. Посмотреть вживую: fuelfinance. me только с VPN --- Сайт ценен как классный пример принципа пользу наружу. Уже с загрузочного экрана сайт показывает свои особенности. Тут нет какой-то стандартной крутилки, или бегущих процентов, зато есть крупный логотип и краткий рассказ о деятельности компании. Как только мы проваливаемся внутрь, видим проекты компании. Но обычно делают одну обложку, по которой ничего не понятно и всё. Чтобы посмотреть подробнее, нужно перейти на страницу проекта, и ,возможно, даже разочароваться: обложка красивая, а кейс никакусенький. А у Караванклаба видно сразу всё, и даже видео проигрывается по наведению. А по клику на любой проект можно перейти на классическую страницу кейса, узнать больше о задаче и проекте, крупно рассмотреть каждую деталь и даже посмотреть бэкстейдж со съёмки. При этом страница кейса, заканчивается началом следующего. Тут к уже известному нам «пользу наружу» добавляется принцип «дальше сюда». Это про управление вниманием и заботу. Мы подсказываем человеку что делать дальше: смотри это, читай то или пиши сюда. Посмотреть вживую: caravanclub. co --- Тут принцип товар лицом возведён в абсолют. Фотки занимают абсолютно весь объем. При этом часто не влазят целиком в экран — и это прекрасно. В этом и кайф своего сайта. Можно поставить два классных костюма на полтора экрана. Как в настоящем бутике Луи Витона. В карточке товара тенденция продолжается. К посетителю и его времени относятся с уважением. Не надо никуда тыкать, чтобы всплыло какое-то окно и загородило весь сайт черным туманом. Можно сразу нормально рассмотреть костюм. И про каждую детальку, заботливо рассказано без воды. При этом не обязательно даже вчитываться в текст, все считывается на лету. Посмотреть вживую: suitsupply. com --- Очень простенькая страница, которая отлично показывает силу иллюстраций. Задача страницы вызвать интерес, и собрать почты заинтересованных. Поэтому надо коротко, интригующе, эстетично показать товар лицом. И то, что клавиатуры физически не существует, никак не мешает. Ребята вложили все деньги в рендеры, и не прогадали. Кстати, возможно, у ребят нет ничего кроме этих рендеров. И это попытка понять интерес, ещё до того, как вписались в производство, логистику и серьезные затраты. Ну и здоровую красную кнопку в конце не забудьте, чтобы все старания не прошли даром. Посмотреть вживую: knob. design --- Внутренности новой машины, 30 ноября 2003 года, Нью Йорк Таймс, Роб Волкер Когда мы говорим про дизайн, многие сразу вспоминают Стива Джобса и его легендарное: «Дизайн — это не то как выглядит, а то, как работает». В оригинальной статье Нью Йорк Таймс журналист приводит цитату Джобса: «Большинство людей ошибаются, считая, что дизайн это то, как продукт выглядит. Люди думают, что это оболочка — что дизайнерам приносят коробку и говорят: „Сделайте чтобы выглядело хорошо! “. Это не то, что мы думаем о дизайне. Это не просто то, как продукт выглядит и ощущается. Дизайн — это то, как он работает. » Что значит рабочий продукт? Продукт работает, когда приносит пользу своему владельцу. В нашем контексте «владелец продукта», это покупатель. А «польза» — это то, ради чего он его покупает. Например: для моей мамы дисплей рабочий когда на нем видно картинку, а для меня — когда соотношение сторон 21×9, цвета близки к реальным, а плотность пикселей и частота кадров близки к последнему айфону. Для нас нужны разные продукты, с разным дизайном. Соответственно, нерабочий продукт, это продукт, который не приносит пользу своему владельцу. Например: объявления в подъезде, которые начинаются с «УВАЖАЕМЫЕ ЖИЛЬЦЫ! ! ! ! » их же никто не читает. А там написано про отключение свет, и УК хочет чтобы жильцы были готовы.   Объявление работает если проходящие мимо жильцы узнают, об отключении света заранее, и не придут свергать УК. Сделать хороший дизайн объявления значит сделать такое объявление, которое будет эту задачу решать. Дизайн ≠ как выглядит Возьмем самое стандартное объявление из моего... --- О продукте 1. Что вы продаёте? Зачем и в какой ситуации это покупают? 2. Какую проблему в жизни или бизнесе решает ваш продукт? 3. Почему клиенты покупают именно ваш продукт? 4. Расскажите, как устроен продукт? Из каких частей он состоит? 5. По какому принципу работает продукт? 6. Распишите вашу услугу по этапам или логическим элементам. 7. Сравните товар или услугу с аналогами. Честно укажите преимущества и недостатки. 8. Как выглядит упаковка и дополнительные материалы, которые идут с основным товаром или услугой? Это могут быть инструкции, буклеты, запчасти, подарки, отчёты. 9. Расскажите всё, что знаете по каждому из этапов жизненного цикла: из какого сырья и материалов производится товар; где, кем и как он изготавливается; как происходит транспортировка товара; как продукт хранится на складе; что можете сказать про выкладку на полках в торговом зале или на сайте; как товар используется клиентом; есть ли на данном этапе какие-то позитивные или негативные моменты; нужно ли утилизировать товар и что можно сказать про стадию после использования. О компании в целом 10. Как называется компания? Почему выбрали такое название? 11. Дайте несколько формулировок вашей сфере деятельности. 12. Покажите сайт и все рекламные материалы компании. Возможно, дизайнерские решения или маркетинг-кит. 13. «Разрежьте» свой бизнес: по направлениям товаров и услуг; по клиентским категориям; по регионам и странам; по каналам продаж; по любому другому критерию. 14. Как появилась идея? Что привело вас в этот бизнес? 15. Расскажите историю по шагам и вехам развития. 16. Представьте компанию в цифрах: оборот и прибыль; количество товара в ассортименте; количество проданных единиц; количество сотрудников — штатных и внештатных; количество клиентов; количество офисов и франшиз; количество наград; количество посетителей сайта, просмотров блога; цифры масштаба, например километры проводов, тонны сырья, миллионы человеко-часов, тысячи миль перелётов, сотни эскизов, терабайты исходников цифры времени: за какой срок происходит производство, установка и монтаж, сколько времени нужно на доставку,... --- --- ## Кейсы Вводные К нам обратился клиент с очень понятной и близкой многим проблемой. Ему нужен был новый сайт, но прошлый негативный опыт с бесконечными правками и сорванными сроками превратил эту задачу в источник стресса. И у него была амбициозная цель: получить не просто сайт, а предсказуемый и полностью управляемый процесс его создания. До: Это был классический случай, когда проблема была не в продукте, а в процессе. Классический подход "сначала рисуем, потом думаем" уже один раз привел клиента к катастрофе.   Мы диагностировали два ключевых симптома этого хаотичного подхода: Бесконечные и дорогие правки. Любые изменения в дизайне были долгими, а правки на этапе вёрстки — еще и очень дорогими. Процесс превращался в бесконечный цикл переделок. Отсутствие контроля и предсказуемости. Клиент не понимал, на каком этапе находится проект и когда он закончится. Каждый новый день мог принести неприятный "сюрприз", а сроки постоянно сдвигались. По сути, клиент боялся не самой задачи, а неуправляемого хаоса, в который она могла превратиться.   Наша миссия была не просто «сделать сайт». Мы должны были предложить и реализовать систему, которая бы гарантировала предсказуемость, контроль и результат.   Процесс Новый процесс должен был: Исключить 90% правок на дорогих этапах дизайна и вёрстки. Дать клиенту полный контроль и понимание на каждом шаге. Гарантировать запуск проекта в оговоренные сроки и бюдже.   Процесс: Сначала — «чертеж», потом — «стены» Мы полностью отказались от классического подхода и выстроили работу по принципу «сначала — логика, потом — визуал».   Проектирование «скелета» сайта (Прототипирование). Мы не начали рисовать. Сначала мы создали текстовый прототип, чтобы утвердить... --- Вводные К нам обратился клиент, который отлично знал свой продукт, но столкнулся с классической проблемой. Он был готов запустить новый сайт, но не мог перевести свое глубокое внутреннее понимание бизнеса на язык, понятный внешнему миру. И у него была амбициозная цель: получить не просто сайт, а четкую, управляемую систему, которая бы стала его настоящим цифровым голосом.   До: Это был классический случай, когда бизнес созрел, но его будущий цифровой инструмент рисковал родиться «слепым». Проблема была не в отсутствии идей, а в их хаосе.   Мы диагностировали два ключевых симптома: «Невидимая уникальность». Все самые сильные стороны компании, ее ДНК, существовали в виде разрозненных мыслей в голове у руководства. Для рынка их просто не существовало. Риск действовать «вслепую». Без четкой структуры был огромный риск создать сайт на основе вкуса, а не логики. Такой сайт не отразил бы суть бизнеса и стал бы просто впустую потраченными деньгами. По сути, у компании не было главного — фундамента, на котором можно было бы построить надежный и работающий цифровой инструмент. Наша миссия была не в том, чтобы "быстрее начать рисовать дизайн". Мы должны были сначала спроектировать «скелет» будущего сайта, его смысловой каркас.   Процесс Мы выделили три главные задачи: Извлечь из головы клиента все самые важные смыслы и ценности, его «суперсилу». Спроектировать из этого хаоса четкую и логичную структуру повествования. Вооружить клиента пошаговым планом, который бы свел к нулю риски на всех последующих этапах.     Процесс: Проектирование смыслового фундамента Мы подошли к задаче как к цифровой археологии. Нам нужно было не придумать, а найти и... --- Вводные К нам обратился клиент, который точно понимал: на современном рынке просто «быть в интернете» — значит уже проиграть. И у него была очень четкая и амбициозная цель: получить не просто сайт, а мощный бизнес-инструмент, который с первого дня начнет отстраивать его от конкурентов и привлекать клиентов. До: Это был классический случай, когда главная проблема — это не отсутствие сайта, а риск вложить время и деньги в неработающий инструмент. Начинать разработку без четкой стратегии было все равно что строить дом без чертежа.   Мы диагностировали два ключевых симптома этой ситуации: Риск «слепого запуска». Без анализа рынка и конкурентов любой, даже самый красивый сайт, рисковал стать просто еще одной «визиткой», которая не отвечает на реальные запросы аудитории и не доносит уникальность компании. Угроза «тихого старта». Можно было создать сайт, но без грамотной подготовки он остался бы невидимым для поисковых систем и неготовым к анализу трафика. Это как открыть магазин, но забыть повесить вывеску и установить кассовый аппарат. По сути, отсутствие стратегии было главным тормозом, который мог превратить инвестиции в разработку в пустую трату бюджета. Наша миссия была не просто «нарисовать и сверстать». Мы должны были провести полный цикл работ: от глубокой разведки до запуска полностью готового к бою цифрового инструмента.   Процесс Новый сайт должен был: Выделяться на фоне конкурентов на основе реальных рыночных данных, а не догадок. Говорить с аудиторией на языке ее потребностей и выгод. Быть готовым к приему трафика и его анализу с первой минуты после запуска. Процесс: От стратегии к запуску — шаг за шагом Мы выстроили... --- Вводные К нам обратилась управляющая компания, которая обслуживала несколько крупных жилых комплексов и столкнулась с неизбежным. Их бизнес рос, а система коммуникации с жителями — нет. И у них была очень четкая и амбициозная цель: построить единую цифровую платформу, которая бы раз и навсегда заменила хаос из звонков и писем на прозрачную и управляемую систему.   До: Это был классический случай, когда бизнес вырос, а его операционная система осталась в прошлом веке. Коммуникация по телефону и почте, которая работала для одного дома, стала главным тормозом для целой сети.   Мы диагностировали два ключевых симптома: Операционный хаос для сотрудников. Заявки терялись в почте, данные вносились с ошибками, а сотрудники тратили большую часть времени не на решение проблем, а на их ручную регистрацию. «Черный ящик» для жителей. Подать заявку было неудобно, отследить ее статус — невозможно. Важная информация терялась на досках объявлений. Это создавало барьер недоверия и постоянное раздражение. По сути, отсутствие единой системы приводило к прямым убыткам: недовольным жителям, ошибкам и впустую потраченному времени сотрудников.   Наша миссия была не просто «сделать сайт с контактами». Мы должны были спроектировать и запустить полноценный цифровой центр управления для всей компании. Процесс Новый инструмент должен был выполнять три функции: Создать удобное «единое окно» для жителей, где можно решить любой вопрос 24/7. Навести идеальный порядок в заявках, гарантируя, что ни одно обращение не будет потеряно. Снизить ручную нагрузку на сотрудников, автоматизировав все рутинные процессы.   Процесс: Проектирование цифровой диспетчерской Мы подошли к задаче как к проектированию современной диспетчерской службы, где каждый сигнал обрабатывается автоматически и... --- Вводные К нам обратился наш давний партнер. Его сайт, который верой и правдой служил много лет, морально устарел и перестал соответствовать масштабу бизнеса. Но была одна проблема: идея полного редизайна пугала клиента. И у нас была по-настоящему амбициозная цель — провести тотальную модернизацию сайта, но сделать это так, чтобы клиент этого почти не заметил До: Это был классический случай, когда бизнес вырос, а его главный цифровой актив — нет. Но страх перед большим, дорогим и рискованным проектом был сильнее, чем желание перемен. По сути, клиент столкнулся с несколькими симптомами, которые парализовали развитие: –Паралич редизайна. Полный редизайн представлялся сложной хирургической операцией: нужно остановить сердце (бизнес), заморозить все текущие доработки на месяцы и вложить огромный бюджет с непредсказуемым результатом. Риск был слишком велик. –Визуальный диссонанс. Старый сайт все больше отставал от реальности. Компания была современной и технологичной, а ее сайт выглядел как паспорт из прошлого, что подрывало доверие новых клиентов. –Накопленный технологический долг. Сайт не просто выглядел устаревшим, он был таким и «под капотом». Каждая мелкая доработка становилась все сложнее и дороже. В итоге, главный инструмент продаж был не просто неэффективным — он стал заложником страха перед переменами. Любое развитие было заморожено. Наша миссия была не в том, чтобы «продать большой и страшный проект». Мы должны были спроектировать процесс, который бы полностью изменил сайт, но сделал это безболезненно для бизнеса.   Процесс Эта система должна была: –Провести полную визуальную и технологическую модернизацию сайта –Сохранить 100% работоспособность бизнеса и непрерывную генерацию заявок –Уложить весь процесс в рамки комфортного и предсказуемого ежемесячного бюджета поддержки... --- Вводные К нам обратился производитель сложного оборудования. Их сайт-конфигуратор, который должен был быть главным помощником для инженеров и закупщиков, на деле сам стал источником проблем. И у них была очень четкая и амбициозная цель: научить сайт «думать» так же точно, как их собственные специалисты. До: Это был классический случай, когда сложность продукта переросла логические возможности сайта. На первый взгляд все работало, но "под капотом" система постоянно давала сбои, которые напрямую били по репутации и эффективности бизнеса. Мы диагностировали два ключевых симптома: Конфигуратор, который порождал ошибки. Пользователь мог собрать технически невозможную конфигурацию — например, корпус из нержавейки с комплектующими из обычного металла. Сайт пропускал такие заказы, которые затем приходилось вручную исправлять менеджерам, тратя время и вызывая недовольство клиентов. «Слепой» поиск. Если клиент искал базовую версию оборудования по артикулу, но без стандартных комплектующих, поиск просто ничего не находил. Система не понимала сложных запросов, создавая барьер для профессиональной аудитории. По сути, сайт был не помощником, а источником ошибок и ручной работы для менеджеров, подрывая доверие клиентов. Наша задача была не просто "подкрутить" пару настроек. Мы должны были встроить в сайт логику и экспертизу настоящего инженера-консультанта.   Процесс Ключевых целей было три: Исключить саму возможность создания "неправильной" конфигурации продукта. Научить поиск понимать сложные запросы и находить именно то, что ищет профессионал. Превратить сайт в надежный инструмент, который помогает, а не создает проблемы. Процесс: Внедрение цифровой логики Мы подошли к задаче как к программированию искусственного интеллекта для продукта. Только логика, правила и расчет. Проектирование «ДНК» продукта. Мы разработали и внедрили в конфигуратор систему сложных правил... --- Вводные К нам обратилась «Стекландия» на очередном этапе своего роста. Их сайт рос, трафик увеличивался, но это был рост «вслепую». У них была очень взрослая и амбициозная цель: перестать действовать по наитию и получить четкую, основанную на данных дорожную карту, которая превратит их сайт из загадочного «черного ящика» в предсказуемый и управляемый инструмент для доминирования на рынке До: Это был классический случай, когда количественный рост перестал переходить в качественный. Сайт становился больше, но не умнее, и это было главным тормозом на пути к настоящей эффективности. По сути, мы диагностировали несколько ключевых симптомов этого «слепого» роста: Рост без вовлечения. Несмотря на красивые цифры общего трафика, люди не оставались на сайте. Ключевые метрики — глубина просмотра, время на сайте, отказы — стояли на месте. Сайт был проходным двором, а не торговым центром. Скрытое золото и заброшенные регионы. Анализ показал парадокс: основной трафик приносили полезные статьи, которые были спрятаны глубоко в подвале сайта. В то же время ключевые региональные страницы, которые должны были продавать, наоборот, проседали. Управление вслепую. Самая главная проблема — не было ясного понимания, что именно нужно улучшать. Любые изменения были бы основаны на догадках и вкусовщине, а не на реальных данных, что неминуемо вело к риску слить бюджет впустую. В итоге сайт был не активом, а «черным ящиком». Он рос экстенсивно, а не качественно, и у руководства не было рычагов, чтобы на это повлиять. Наша миссия была не «предложить новый дизайн» или «быстро что-то подкрутить». Мы должны были выступить в роли диагностов и стратегов, чтобы создать несокрушимый фундамент для будущих... --- Вводные К нам обратился клиент, у которого была стандартная, ничем не примечательная страница «О компании». И у них была очень крутая и амбициозная цель: превратить этот скучный раздел в увлекательную историю, которая бы доказывала ценность их продукта и вызывала настоящее доверие. До: Это был классический случай, когда бизнес обладал уникальной философией и подходом, но его главный цифровой инструмент — сайт — об этом молчал. Страница «О компании» была формальностью, которая не соответствовала масштабу и ценностям самого бренда. Мы выделили два ключевых симптома: Информационный вакуум. Страница отвечала на вопрос "что мы делаем", но полностью игнорировала главный вопрос — "кто мы и почему мы это делаем? ". Она не знакомила с командой, не показывала производство и не рассказывала историю. Отсутствие эмоциональной связи. Покупатель видел продукт, но не видел людей и ценности за ним. Это была упущенная возможность объяснить, почему качество стоит своих денег, и отстроиться от безликих конкурентов. По сути, страница была пассивной формальностью, которая не помогала, а мешала строить сильный и вызывающий доверие бренд. Наша задача была не просто "написать новый текст" или "добавить пару фото". Мы должны были спроектировать и создать полноценный цифровой рассказ. Процесс Ключевые задачи были создать страницу, которая: Рассказывала убедительную историю, знакомя с командой, ценностями и "внутренней кухней" производства. Формировала эмоциональную связь и глубокое доверие к продукту. Демонстрировала уникальность бренда, которая стоит за качеством и ценой. Процесс: Проектирование истории Мы подошли к задаче как режиссеры и архитекторы одновременно. Нужно было не просто собрать факты, а спроектировать увлекательное повествование. Сценарий и визуальная архитектура. Мы разработали уникальный дизайн, где... --- Вводные К нам обратился клиент, который готовился к выходу на высококонкурентный рынок. Он точно понимал, что в таких условиях действовать "вслепую" — это прямой путь к провалу. И у него была амбициозная цель: получить не просто сайт, а продуманный до мелочей инструмент, который с первого дня начнет завоевывать свое место под солнцем.   До: Это был классический случай старта, где главная проблема — это не отсутствие сайта, а риск вложить время и деньги в неработающий инструмент.   Мы диагностировали два ключевых симптома этой ситуации: Риск действовать «вслепую». Не было четкого понимания, как отстроиться от конкурентов и на что делать акцент. Решения, основанные на вкусе, а не на данных, могли привести к созданию сайта, который никому не будет нужен. Угроза «мертвого старта». Без грамотной подготовки сайт мог быть запущен, но остаться невидимым для поисковых систем и неготовым к анализу трафика. Это как открыть магазин, но забыть повесить вывеску и установить кассовый аппарат. По сути, отсутствие стратегии было главным тормозом, который мог провалить запуск еще до его начала.   Наша миссия была не просто «нарисовать красивый сайт». Мы должны были сначала провести разведку, а затем на основе полученных данных спроектировать и запустить систему, которая будет работать с первого дня.   Процесс Новый инструмент должен был выполнять три функции: Отличаться от конкурентов на основе реальных рыночных данных, а не догадок. Формировать образ надежной компании, вызывающей доверие с первого экрана. Быть готовым к приему трафика и его анализу с момента запуска.   Процесс: От разведки к запуску Мы выстроили работу по принципу «сначала —... --- Вводные К нам обратилась клиника, для которой мы ранее запустили успешный сайт-лендинг, выведший их в топ Яндекса. Но бизнес рос, и появилась новая, еще более амбициозная цель: превратить сайт из эффективного инструмента для привлечения в главный инструмент для построения глубокого и осознанного доверия пациентов. До: Это был классический случай, когда успех порождает новую, более сложную задачу. Лендинг идеально справился со своей миссией — он привлек первых клиентов. Но клиника и ее экспертиза выросли настолько, что простая "визитка" перестала им соответствовать. Мы диагностировали два ключевых симптома: «Плоская витрина». Лендинг отвечал на вопрос "что мы делаем", но не мог показать "насколько хорошо мы это делаем" и "кто именно это делает". Ему не хватало глубины, чтобы продемонстрировать реальные кейсы и экспертизу врачей. Оборванный диалог. Сайт привлекал внимание, но не мог ответить на более глубокие вопросы пациента. Чтобы увидеть примеры работ или узнать больше о враче, человеку приходилось звонить администратору. Диалог обрывался, не успев начаться. По сути, сайт был отличным "крючком", который цеплял внимание, но ему не хватало глубины, чтобы превратить интерес в окончательное и уверенное решение. Задача: Превратить сайт в энциклопедию доверия Наша задача была не просто "добавить пару разделов". Мы должны были спроектировать и построить полноценную информационную экосистему. Процесс Наша задача создать сайт, который: Демонстрировал неоспоримую экспертизу через реальные примеры работ («до/после»). Знакомил с главным активом клиники — ее врачами, их опытом и подходом. Отвечал на все возможные вопросы пациента еще до того, как он решит позвонить.   Процесс: Проектирование экосистемы доверия Мы подошли к задаче как к созданию внутренней "википедии" клиники, где все знания... --- Вводные К нам обратился клиент, который был готов к важному стратегическому шагу — запуску совершенно нового продуктового направления под брендом «Смартек». И у них была очень четкая и амбициозная цель: сделать так, чтобы этот запуск не просто состоялся, а стал громким и заметным событием для всего рынка. До: Это был классический случай, когда бизнес-стратегия опережала возможности цифровых инструментов. Компания была готова к запуску флагмана, но ее главный сайт был спроектирован как обычный склад, а не как сцена для премьеры. Мы диагностировали два ключевых симптома: Архитектура, не готовая к запуску. Структура сайта была рассчитана только на существующие линейки продуктов. Не было никакого механизма, чтобы выделить новый бренд, рассказать его историю и донести уникальность. Риск «тихого старта». Просто добавить «Смартек» в общий каталог означало бы похоронить его среди сотен других позиций. Без специальной презентации важный стратегический запуск прошел бы незамеченным. По сути, сайт был не готовым инструментом для запуска, а главным препятствием, которое могло его провалить. Наша задача была не просто "добавить новый раздел". Мы должны были спроектировать и построить для нового бренда собственную цифровую территорию и обеспечить ему максимальную видимость. Процесс Ключевых целей было три: Создать для «Смартек» отдельную, мощную посадочную страницу, которая бы работала как полноценный промо-сайт. Гарантировать, чтобы каждый посетитель сайта узнал о появлении нового флагманского направления. Превратить страницу бренда в эффективный инструмент для всего последующего маркетинга. Процесс: Проектирование цифрового запуска Мы подошли к задаче как к организации премьеры. Только расчет, фокус на главном герое и максимальное привлечение внимания. Проектирование «главной сцены». Мы разработали с нуля отдельную страницу, посвященную... --- Вводные К нам обратилась мебельная компания, которая активно сотрудничала с дизайнерами интерьеров. У них был мощный, но совершенно невидимый актив — десятки готовых проектов. И была амбициозная цель: вытащить этот актив из архивов и заставить его работать на бизнес. До: Диагностика точки роста Это был классический случай, когда успешная офлайн-деятельность компании никак не отражалась в ее цифровом поле. Бизнес наладил партнерства, накопил ценный контент, но сайт не был к этому готов. Мы выделили два ключевых симптома: Отсутствие «точки входа» для партнеров. Новым дизайнерам было некуда прийти. Не было страницы, где четко и ясно изложены условия и выгоды сотрудничества. Это был упущенный B2B-канал. Потерянное социальное доказательство. Розничные покупатели не видели, что мебель компании востребована профессионалами. Компания теряла мощнейший инструмент для повышения доверия и демонстрации продукта в деле. По сути, целый пласт успешной работы компании оставался невидимым, а ценный контент был пассивным архивом, а не инструментом продаж. Наша задача была не просто «сделать страницу». Мы должны были спроектировать систему, которая бы эффективно работала сразу на две разные аудитории: на профессионалов и на конечных покупателей Процесс Ключевых задач было три — создать страницу, которая: Привлекала к сотрудничеству новых дизайнеров и архитекторов. Демонстрировала розничным покупателям ценность продукта через реальные проекты. Укрепляла имидж бренда как серьезного игрока, интегрированного в профессиональное сообщество Процесс: Проектирование системы для двух аудиторий Мы подошли к задаче как к проектированию моста, который должен соединить две разные группы людей. Только логика, структура и четкое разделение потоков. Двухъядерная архитектура. Мы спроектировали страницу так, чтобы она работала как два инструмента в одном. Верхняя часть... --- Вводные К нам обратился производитель мебели с очень крутой и амбициозной целью: разрушить барьер между онлайн-витриной и реальным шоу-румом, дав покупателям возможность взаимодействовать с продуктом так, будто он стоит прямо перед ними. До: Диагностика точки роста Это был классический случай, когда у компании были ценнейшие цифровые активы (профессиональные 3D-модели), но ее главный инструмент — сайт — был не в силах с ними работать. Сайт оставался пассивной витриной в тот момент, когда покупателям нужна была интерактивность. Мы выделили два ключевых симптома: Барьер «стеклянной витрины». Клиенты видели красивые, но статичные картинки. Они не могли "покрутить" диван, примерить другую обивку или мгновенно узнать точные размеры конкретной конфигурации. Путь к покупке обрывался на не отвеченных вопросах. Технологический тупик. Исходные 3D-модели были созданы для полиграфии и были слишком "тяжелыми" для веба. Их использование "в лоб" привело бы к минутной загрузке и неработающему сайту на мобильных устройствах. По сути, сайт был пассивным каталогом, а не активным помощником, который вовлекает и помогает сделать выбор. Наша задача была не просто "адаптировать модели". Мы должны были спроектировать и внедрить полноценный инструмент продаж. Процесс Ключевых задач было три — создать систему, которая: Позволяла покупателю в реальном времени "собрать" свой уникальный диван: выбрать обивку, ножки и конфигурацию. Демонстрировала продукт со всех сторон, показывая точные размеры и давая возможность рассмотреть его в деталях. Работала мгновенно на любом устройстве, от мощного компьютера до смартфона со слабым интернетом. Процесс: Проектирование интерактивной системы Мы подошли к задаче как к созданию сложного симулятора. Только расчет, оптимизация и фокус на пользовательском опыте. Пересборка 3D-моделей для веба. Это... --- Вводные К нам обратился клиент, у которого отдел продаж и маркетинг фактически работали "вслепую". У них был сайт, была AmoCRM, но связь между ними была сломана. Амбициозная цель была проста и критически важна: построить систему, которая гарантирует, что 100% заявок с сайта доходят до менеджеров со всей необходимой информацией. До: Диагностика точки роста Это был классический случай, когда рост бизнеса обогнал его техническую инфраструктуру. Заявок становилось больше, но система их обработки давала сбои, превращаясь из помощника в источник проблем. Мы диагностировали три ключевых симптома: Потерянные клиенты и прибыль. Заявки с сайта либо терялись по пути, либо приходили неполными. Каждый такой сбой — это прямой финансовый убыток и упущенный клиент. Маркетинг «вслепую». Без передачи UTM-меток отдел маркетинга не понимал, какая реклама работает, а какая — сжигает бюджет. Решения принимались на основе догадок, а не данных. Операционный хаос в продажах. Менеджеры тратили время на ручной поиск информации, которая должна была приходить автоматически. Важные файлы от клиентов терялись, замедляя обработку сделок. По сути, интеграция была не надежным мостом, а "дырявой трубой", которая создавала хаос и приводила к постоянным потерям. Наша задача была не просто "починить" интеграцию. Мы должны были с нуля спроектировать и построить абсолютно надежную и прозрачную систему передачи данных. Процесс Мы создавали систему которая: Гарантировала доставку 100% заявок со всей информацией в CRM. Вооружала маркетологов точными данными для сквозной аналитики. Упрощала и ускоряла работу менеджеров отдела продаж. Процесс: Проектирование системы передачи данных Мы подошли к задаче как к постройке транспортной артерии. Никаких догадок и временных "заплаток" — только полный аудит и... --- Вводные К нам обратился клиент, у которого отдел продаж и маркетинг фактически работали "вслепую". У них был сайт, была AmoCRM, но связь между ними была сломана. Амбициозная цель была проста и критически важна: построить систему, которая гарантирует, что 100% заявок с сайта доходят до менеджеров со всей необходимой информацией. До: Это был классический случай, когда рост бизнеса обогнал его техническую инфраструктуру. Заявок становилось больше, но система их обработки давала сбои, превращаясь из помощника в источник проблем. Мы диагностировали три ключевых симптома: Потерянные клиенты и прибыль. Заявки с сайта либо терялись по пути, либо приходили неполными. Каждый такой сбой — это прямой финансовый убыток и упущенный клиент. Маркетинг «вслепую». Без передачи UTM-меток отдел маркетинга не понимал, какая реклама работает, а какая — сжигает бюджет. Решения принимались на основе догадок, а не данных. Операционный хаос в продажах. Менеджеры тратили время на ручной поиск информации, которая должна была приходить автоматически. Важные файлы от клиентов терялись, замедляя обработку сделок. По сути, интеграция была не надежным мостом, а "дырявой трубой", которая создавала хаос и приводила к постоянным потерям. Наша задача была не просто "починить" интеграцию. Мы должны были с нуля спроектировать и построить абсолютно надежную и прозрачную систему передачи данных. Процесс Была задача создать систему, которая: Гарантировала доставку 100% заявок со всей информацией в CRM. Вооружала маркетологов точными данными для сквозной аналитики. Упрощала и ускоряла работу менеджеров отдела продаж. Процесс: Проектирование системы передачи данных Мы подошли к задаче как к постройке транспортной артерии. Никаких догадок и временных "заплаток" — только полный аудит и пересборка системы... --- Вводные К нам обратился клиент, который был готов к следующему большому шагу в развитии. Он хотел не просто продавать мебель, а предлагать покупателям комплексные интерьерные решения, увеличивая средний чек. И у них была цель: запустить совершенно новое товарное направление, начав с ковров. До: Это был классический случай, когда бизнес-стратегия опередила возможности цифровых инструментов. Компания была готова расширять ассортимент, но ее сайт был спроектирован исключительно под одну задачу — продажу диванов и кресел. Мы диагностировали два ключевых симптома: Архитектура, не рассчитанная на рост. Структура каталога и карточки товара были жестко "заточены" под мягкую мебель. Добавить новый тип товара, такой как ковер, было технически невозможно без полной перестройки. Упущенная возможность увеличить средний чек. Сайт не позволял предложить клиенту сопутствующие товары. Покупатель выбирал диван, но компания не могла тут же предложить ему идеально подходящий ковер, теряя дополнительную продажу. По сути, сайт был узкоспециализированным инструментом, который стал тормозом для стратегического развития бизнеса. Наша задача была не просто "добавить страницу с коврами". Мы должны были спроектировать и заложить фундамент для будущего роста всего ассортимента. Процесс Наши ключевые цели: Открыть для компании новый источник дохода за счет продажи аксессуаров. Создать гибкую и масштабируемую систему, готовую к добавлению любых новых товарных групп. Обеспечить максимально быстрый и экономичный запуск нового направления. Процесс: Проектирование платформы для роста Мы подошли к задаче как к расширению существующего здания: нужно было пристроить новый корпус, который бы идеально вписался в общую архитектуру. Проектирование новой архитектуры. Мы разработали дизайн для нового раздела и спроектировали универсальную карточку товара, которая учитывала специфику аксессуаров: материал, размеры, особенности... --- Вводные К нам обратилась сеть индустриальных парков, которая столкнулась с последствиями собственного роста. Заявки с трех региональных сайтов шли, но процесс их обработки был сломан. И у них была простая и критически важная цель: построить систему, которая гарантирует, что 100% заявок будут мгновенно попадать к нужным менеджерам. До: Это был классический случай, когда бизнес вырос, а его операционная система — нет. Сеть расширилась, а система обработки заявок осталась на уровне одного маленького офиса, превратившись в главный тормоз.   Мы диагностировали два ключевых симптома: Цифровая «черная дыра». Заявки, падающие на почту, терялись в спаме, пропускались или просто забывались. Каждый такой случай — это упущенный клиент и прямой убыток для компании. Упущенное время — упущенный клиент. Менеджерам приходилось вручную копировать данные из писем в CRM. Этот медленный процесс приводил к тому, что с "горячим" клиентом связывались через несколько часов, когда он уже мог найти другое предложение.   По сути, вся система обработки заявок держалась на ручном труде и удаче, что для растущей федеральной сети было недопустимым риском.   Наша миссия была не в том, чтобы просто «подключить CRM». Мы должны были с нуля спроектировать и построить надежный, полностью автоматизированный конвейер. Процесс Новый инструмент должен был выполнять три функции: Гарантировать 100% доставку всех заявок со всех трех сайтов напрямую в CRM. Ускорять реакцию менеджеров на обращение до нескольких минут, а не часов. Вооружать руководство прозрачной аналитикой по каждому региональному филиалу. Процесс: Проектирование безотказного конвейера Мы подошли к задаче как к запуску серийного производства. Сначала — идеальный прототип, и только потом — масштабирование на... --- Вводные К нам обратился производитель мебели с очень прагматичной задачей. Успешные выставки и постоянное обновление шоурумов порождали новую проблему: склад заполнялся выставочными образцами в идеальном состоянии. И у компании была амбициозная цель: превратить этот забитый склад в эффективный и управляемый канал продаж. До: Это был классический случай, когда успех порождает новую задачу. Компания росла, активно участвовала в выставках, но ее главный цифровой инструмент — сайт — был к этому совершенно не готов. Мы диагностировали два ключевых симптома: «Замороженные» деньги на складе. Идеальные диваны и кресла занимали место и были, по сути, неликвидным грузом, в котором были заморожены средства компании. Невидимое предложение для покупателя. Эти товары либо вовсе не попадали на сайт, либо терялись в общем каталоге. Покупатели не видели главного: возможности купить отличную мебель с хорошей скидкой и забрать ее сразу, без ожидания. По сути, ценные товары, готовые к продаже, были скрыты от самой заинтересованной аудитории. Наша задача была не просто "сделать еще один раздел". Мы должны были спроектировать и запустить полноценную систему быстрых продаж. Процесс Ключевых целей было три: Создать отдельную, визуально понятную "витрину" для выставочных образцов. Ускорить цикл сделки до минимума, предложив самый быстрый канал для связи. Превратить проблемный сток в новый, управляемый источник дохода. Процесс: Проектирование системы быстрых продаж Мы подошли к задаче как к созданию отдельного, очень динамичного маркетплейса внутри основного сайта. Отдельная витрина для особых товаров. Мы спроектировали для раздела уникальный дизайн, который сразу давал понять: здесь особые условия. Акцент на цене, скидке и яркой пометке "в наличии" мгновенно доносил до покупателя суть предложения. Главная... --- Вводные К нам обратилась компания с федеральной сетью из 58 шоу-румов по всей стране. И у них была очень практичная, но критически важная цель: сделать так, чтобы путь клиента с сайта в ближайший салон был не квестом, а прямой и удобной дорогой. До: Это был классический случай, когда бизнес вырос, а его навигационные инструменты — нет. Огромная сеть из 58 салонов — это мощный актив, но сайт не позволял им эффективно пользоваться. Он стал барьером между компанией и ее клиентами. Мы диагностировали два ключевых симптома: Информационный лабиринт. Чтобы найти ближайший салон, покупателю приходилось вручную просеивать длинный и неудобный список. Это была упущенная возможность быстро направить клиента в нужную точку. Барьер на последнем шаге. Неточные адреса, некликабельные номера телефонов — все эти мелкие неудобства создавали трение и могли отпугнуть клиента в самый важный момент, прямо перед визитом в магазин. По сути, страница контактов была пассивным справочником, который создавал для клиента лишние сложности вместо того, чтобы их решать. Наша задача была не просто "разместить карту на сайте". Мы должны были спроектировать умный и удобный инструмент, который бы работал на конкретную бизнес-цель — приводить покупателей в офлайн-магазины Процесс Ключевых задач было три — создать систему, которая: Направляла покупателя к ближайшему салону за несколько секунд. Устраняла все барьеры на пути: от поиска адреса до звонка менеджеру. Легко управлялась, позволяя поддерживать актуальность данных по всем 58 точкам. Процесс: Проектирование навигационной системы Мы подошли к задаче как к созданию городской навигационной системы. Никаких догадок, только логика, точность и данные. Фундамент из точных данных. Всё началось с... --- Вводные К нам обратилась компания, которая столкнулась с амбициозной задачей: она активно росла и выходила в десятки новых регионов, и ей нужен был цифровой инструмент, способный поддержать эту экспансию. Цель была — создать полноценное федеральное присутствие, не утонув в операционных расходах. До: Это был классический случай, когда бизнес вырос, а его главный цифровой инструмент — нет. Сайт был спроектирован для одного города и стал цифровым якорем, который мешал компании превратиться в полноценную федеральную сеть. Мы диагностировали два ключевых симптома: Административный тупик. Чтобы полноценно работать в 33 городах, компании пришлось бы создать и поддерживать 33 отдельных сайта. Это был путь к неуправляемому хаосу, колоссальным затратам на поддержку и продвижение. Отсутствие диалога с регионами. Сайт говорил на языке одного города. Клиенты из других регионов видели неактуальные акции, адреса и цены, что создавало путаницу и мешало продажам. По сути, старая архитектура была главным тормозом для региональной экспансии, делая каждый шаг в новый город дорогим и сложным. Наша задача была не просто "скопировать сайт 32 раза". Мы должны были спроектировать единую, централизованную систему, которая бы работала как один организм. Процесс Была задача создать платформу, которая: Обеспечивала полноценное и независимое представительство в 33 городах на поддоменах. Позволяла управлять всеми 33 версиями из одной-единственной панели администратора. Демонстрировала каждому посетителю релевантную информацию: его город, его цены, его акции и адреса ближайших салонов. Процесс: От хаоса к централизованной системе Фундамент для экспансии (Мультирегиональная архитектура). Мы спроектировали и разработали механизм, который позволил запустить 33 городских версии сайта на поддоменах (например, ekb. site. ru). Для поисковых систем и пользователей каждый... --- Вводные К нам обратилась мебельная фабрика, у которой был на руках настоящий цифровой клад — сотни качественных фотографий их продукции в реальных интерьерах, созданных в партнерстве с дизайнерами. И у них была очень крутая и амбициозная цель: превратить этот разрозненный контент в мощную систему, которая будет не просто вдохновлять, а напрямую вести к покупке. До: Это был классический случай, когда бизнес создал ценнейший актив, но его главный цифровой инструмент — сайт — был не готов с ним работать. Компания росла, накапливала экспертизу и партнерства, но все это оставалось "за кадром". Мы выделили два ключевых симптома: Скрытый актив. Лучшие фотографии, доказывающие качество и стиль продукта, были хаотично разбросаны по сайту или вовсе лежали в архивах. Это была колоссальная упущенная возможность показать товар лицом. Разорванный путь клиента. Даже если покупатель находил красивую картинку, он не мог узнать, что это за диван и как его купить. Путь от вдохновения до покупки обрывался, не успев начаться. По сути, ценнейший контент был пассивным архивом, а не активным инструментом продаж. Наша задача была не просто "создать еще один раздел с картинками". Мы должны были спроектировать систему, которая бы работала на бизнес-цели клиента. Процесс Было необходимо создать галерею, которая: Вовлекала и вдохновляла покупателей, показывая, как мебель "живет" в реальной обстановке. Демонстрировала экспертизу и ценность продукта через проекты с профессиональными дизайнерами. Сокращала путь к покупке, напрямую связывая вдохновляющую картинку с товаром в каталоге. Процесс: От хаоса к системе Мы подошли к задаче как к проектированию умного механизма, где каждая деталь работает на общий результат. Фундамент для контента. Сначала... --- Вводные К нам обратилась сеть индустриальных парков, которая росла так стремительно, что их цифровое присутствие перестало за ней успевать. И у них была очень четкая и амбициозная цель: построить логичную и масштабируемую онлайн-структуру, которая бы соответствовала их новому, федеральному статусу. До: Это был классический случай, когда бизнес вырос, а его главный цифровой инструмент — нет. Открытие новых парков в Хабаровске и Перми превратило единый сайт, изначально созданный для Казани, в источник проблем.   Мы диагностировали два ключевых симптома: Отсутствие диалога с регионами. Сайт говорил на языке одного города. Посетители из Хабаровска видели информацию, актуальную для Казани, что создавало путаницу и подрывало доверие на самом старте. Архитектурный тупик. Единый сайт не позволял вести эффективное региональное SEO-продвижение. Он был цифровым монолитом, который невозможно было адаптировать под локальные задачи. По сути, единый сайт стал тормозом для региональной экспансии, мешая каждому новому филиалу работать со своей аудиторией.   Наша задача была не просто "скопировать сайт два раза". Мы должны были спроектировать и запустить целую экосистему из взаимосвязанных, но независимых представительств.   Процесс Перед нами стояла цель: Обеспечить каждый филиал (Казань, Хабаровск, Пермь) полноценным региональным сайтом. Создать единую и понятную "точку входа", которая бы встречала всех посетителей. Сделать это максимально быстро и с умной экономией ресурсов.   Процесс: Проектирование федеральной сети Мы подошли к задаче как к проектированию федеральной транспортной сети: с единым центральным хабом и удобными маршрутами до каждого пункта назначения.   Клонирование как умный фундамент. Мы не стали строить три сайта с нуля. Мы взяли успешный и уже работающий сайт казанского филиала и... --- Вводные К нам обратилась компания, которая росла так быстро, что начала активно выстраивать партнерскую сеть по всей стране. И у них была очень четкая и амбициозная цель: превратить свой сайт из простого каталога в магнит для лучших дилеров, поставщиков и дизайнеров. До: Это был классический случай, когда успешное офлайн-развитие компании опережало ее цифровые инструменты. Бизнес был готов к партнерству, но сайт об этом молчал, становясь "бутылочным горлышком" для B2B-роста. Мы диагностировали два ключевых симптома: Отсутствие «точки входа». Потенциальные партнеры, попадая на сайт, не видели ничего, что было бы адресовано им. Это была закрытая дверь там, где требовался гостеприимный вход. Размытое предложение. Потребности дилера (маржа, логистика) и дизайнера (вдохновение, 3D-модели) — это два разных мира. Сайт пытался говорить со всеми сразу и в итоге не говорил ни с кем, что замедляло развитие партнерского направления. По сути, сайт не помогал, а мешал компании строить свою B2B-экосистему. Наша задача была не просто "сделать пару страниц". Мы должны были спроектировать систему "посадочных площадок", каждая из которых идеально подходила бы для своей целевой аудитории.   Процесс Ключевых целей было три: Создать отдельные, сфокусированные "точки входа" для коммерческих и творческих партнеров. Сформулировать для каждой аудитории четкое и убедительное предложение на их языке. Автоматизировать первичную обработку заявок, чтобы они сразу попадали к нужным специалистам. Процесс: Проектирование системы для разных аудиторий Мы подошли к задаче как к проектированию бизнес-терминала с отдельными входами для разных типов партнеров. Архитектура для разных потоков. Мы спроектировали две разные страницы. Для коммерческих партнеров (дилеров, поставщиков) акцент был сделан на цифрах, выгодах и условиях.... --- Вводные К нам обратилось руководство крупного завода с очень нетипичной, но крутой задачей. Им нужно было найти способ достучаться до самого сердца производства — до рабочих в цехах, и сделать это не приказами, а языком цифр и фактов, которые бы напрямую влияли на мотивацию команды. До: Это был классический случай, когда производство выросло, а его внутренняя система коммуникации — нет. Старые методы информирования перестали справляться с масштабом и скоростью, с которыми работал завод. Мы диагностировали два ключевых симптома: Информационный вакуум в цехах. Рабочие не видели в реальном времени, как их труд влияет на общий результат и, что самое главное, на их премию. Это создавало ощущение "черного ящика" и снижало вовлеченность. Разорванная связь с производством. У руководства не было быстрого и гарантированного способа донести до всех смен важные новости или объявления. Информация либо доходила с опозданием, либо искажалась. По сути, между руководством и цехом была «слепая зона», которая мешала компании работать как единый, слаженный организм. Наша задача была не просто "повесить телевизоры и показывать на них картинки". Мы должны были спроектировать и запустить полноценную цифровую систему коммуникации. Процесс Ключевых целей было три — создать систему, которая: Транслировала ключевые производственные показатели в режиме реального времени. Связывала работу каждого сотрудника с размером его вознаграждения, делая систему премий прозрачной. Создавала единое информационное поле для всего завода, от новостей до поздравлений. Процесс: Проектирование внутреннего «телеканала» Мы подошли к задаче как к созданию собственного телеканала для завода, где каждая деталь должна работать на общую цель. Сначала — дизайн для взгляда издалека. Мы спроектировали несколько типов "слайдов"... --- Вводные К нам обратился клиент — крупный индустриальный парк. У них на сайте была впечатляющая, но абсолютно статичная 3D-схема территории. И у них была очень четкая и амбициозная цель: заставить эту красивую картинку работать и превратить ее в полноценный инструмент для потенциальных резидентов.   До: Это был классический случай, когда форма опередила функцию. Схема была красивой, но бесполезной, она создавала барьер там, где должна была помогать.   Мы диагностировали два ключевых симптома: Разорванный пользовательский путь. Чтобы узнать детали о конкретном корпусе — его площадь, статус, назначение — пользователю приходилось уходить со схемы и искать информацию в скучных таблицах. Путь был неудобным и нелогичным. «Мертвый» визуал. Красивая 3D-схема была просто картинкой. Она не отвечала на вопросы, не вовлекала и не вела к целевому действию. Это был неиспользованный потенциал, который не работал на бизнес. По сути, самый наглядный элемент на сайте был не рабочим инструментом, а просто цифровым декором.   Наша задача была не просто "добавить анимацию". Мы должны были спроектировать и внедрить систему, которая бы позволила пользователю получить всю нужную информацию, не сходя с одного места.   Процесс Ключевых целей было три: Связать визуальный образ каждого корпуса с его ключевыми бизнес-показателями. Сделать процесс изучения 165 000 м² территории интуитивно понятным и быстрым. Превратить схему из картинки в инструмент, который удерживает внимание и ведет к заявке.   Процесс: Проектирование интерактивной системы Мы подошли к задаче как к созданию цифрового двойника индустриального парка, где каждый объект можно "потрогать" кликом мыши.   Проектирование логики «баблов». Мы начали не с кода, а с логики. Продумали,... --- Вводные К нам обратилась компания, которая столкнулась с обратной стороной бурного роста: чем больше становилось салонов, тем больше хаоса возникало в обработке заявок. И у них была критически важная цель: превратить этот хаос в предсказуемую и управляемую систему, готовую к дальнейшему масштабированию. До: Это был классический случай, когда бизнес-процессы не успевали за ростом компании. Система обработки заявок, которая работала для одного-двух салонов, стала главным тормозом для всей сети. Мы диагностировали два ключевых симптома: Операционный хаос. Все заявки — от запроса на сотрудничество для дизайнеров до обращений по гарантии — падали в один "общий котел" в CRM. Менеджеры тратили драгоценное время на споры и сортировку, а клиенты ждали ответа и уходили к конкурентам. Аналитическая «слепота». Было совершенно невозможно понять, какой из салонов работает эффективно, а какой — нет. Руководство не видело реальной картины, что мешало принимать верные управленческие решения. По сути, каждый новый филиал не усиливал, а усложнял систему, создавая путаницу и приводя к прямым финансовым потерям. Наша задача была не просто "подключить CRM" к новому сайту. Мы должны были спроектировать единый центр управления, который бы навел в заявках идеальный порядок. Процесс Наша ключевая цель создать систему, которая: Направляла каждую заявку (независимо от ее типа) автоматически и мгновенно к нужному менеджеру. Вооружала руководство прозрачной аналитикой по эффективности каждого салона. Упрощала и ускоряла работу менеджеров, освобождая их от рутинной сортировки Процесс: Проектирование системы маршрутизации Мы подошли к задаче как к проектированию умной почтовой станции, где каждое "письмо" автоматически находит своего адресата. Фундамент — сквозная аналитика (Roistat). Мы начали с главного — с... --- Вводные К нам обратился клиент с работающим бизнесом и очень нетривиальной задачей. Его сайт приносил стабильный поток заявок и занимал высокие позиции в поиске, но был построен на устаревшей платформе. Амбициозная цель была в том, чтобы получить современный фундамент для роста, не пожертвовав ни одним клиентом и ни одной позицией в метриках.   До: Это был классический случай, когда успешный цифровой актив превратился в «золотую клетку». Сайт отлично работал, но его технологический фундамент не позволял двигаться дальше, внедрять новый функционал и современный дизайн. Бизнес вырос, а его главный инструмент — нет. Мы выделили два ключевых симптома: Накопленный актив под угрозой. Главной проблемой была не сама платформа, а риск. Неправильный «переезд» мог обрушить все наработанные годами SEO-позиции и на месяцы остановить поток клиентов из поиска. Технологический тупик. Любая попытка внедрить новую функцию или интегрировать сервис превращалась в сложную и дорогую задачу. Платформа стала тормозом, который мешал бизнесу быстро реагировать на вызовы рынка. По сути, сайт был ценным, но хрупким активом. Любое неосторожное движение могло его разрушить. Наша задача была не просто "сделать редизайн", а выполнить сложнейшую техническую операцию по замене фундамента работающей системы. Нужно было действовать с точностью хирурга. Процесс Ключевых задач было три: Сохранить 100% накопленного SEO-авторитета, трафика и позиций в поисковых системах. Обеспечить абсолютно бесшовный переход для пользователей и бесперебойную передачу заявок в CRM. Заложить новый, гибкий фундамент для будущего роста и масштабирования. Процесс: Операция «Бесшовный переезд» Мы подошли к задаче не как дизайнеры, а как инженеры, проектирующие сложный логистический процесс. Никаких догадок — только расчет, планирование и тотальный... --- Вводные К нам обратилась крупная мебельная фабрика с очень понятной и амбициозной задачей: им нужен был цифровой фундамент, который бы не просто соответствовал их текущему масштабу, а был готов к росту на годы вперед. До: Диагностика точки роста Это был классический случай, когда бизнес вырос настолько, что его главный цифровой инструмент — сайт — перестал справляться. Он стал не двигателем, а тормозом для развития. Каждая новая маркетинговая задача превращалась в вызов для старой системы. Мы диагностировали два ключевых симптома: Неуправляемый актив. Добавление новых товаров или запуск акции были сложной и дорогой задачей. Отсутствие единой системы превратило сайт в хаотичный набор уникальных страниц, поддерживать который было крайне неэффективно. Разрыв между продуктом и его презентацией. Устаревший дизайн не отражал реального качества и стиля мебели. Это была упущенная возможность произвести правильное первое впечатление и донести ценность продукта до покупателя. По сути, сайт был каталогом, который мешал компании быстро и эффективно управлять своим главным преимуществом — широким и качественным ассортиментом. Наша задача была не просто "обновить картинку". Мы должны были с нуля спроектировать и построить гибкую цифровую платформу. Процесс Была задача создать систему, которая: Управляла бы ассортиментом из сотен товаров легко и без привлечения разработчиков. Демонстрировала продукт в лучшем виде, создавая целостный и профессиональный образ бренда. Масштабировалась бы вместе с бизнесом, позволяя в будущем легко добавлять новые разделы и функционал. Процесс: От логики к системе Мы подошли к задаче как к строительству промышленного объекта. Никаких догадок — только логика, проектирование и расчет на будущее. Сначала — чертежи, потом — стены (Прототипирование). Мы начали не... --- Вводные Ситуация Дистрибьютор электротехники Бонпет расширял ассортимент: он продавал постоянно увеличивающуюся продукцию Чинт и товары других брендов. Текущий сайт не подходил под новые потребности: устаревшая платформа не справлялась с большим потоком пользователей, сайт часто ломался, а добавить всю продукцию в каталог было невозможно. Важно было сохранить всё удачное, что мы уже сделали для Бонпета, — удобный дизайн, понятный каталог, оформление заказа. Решение Переделать структуру сайта под универсальную работу с мультибрендом. Перенести сайт на новую платформу, которую можно адаптировать под наши прежние разработки. Платформа должна справляться с большой активностью на сайте, а ещё выдерживать расширяющийся каталог товаров и все документы к ним. Процесс Переехали на новую платформу для большого расширения магазина «До». Бонпет планировал значительно масштабироваться: работать с новыми компаниями и идентифицировать себя самостоятельным брендом. Возможностей текущей платформы 2010 года для этого не хватало. От большого количества посетителей и увеличивающегося ассортимента сайт стал падать. Постоянно улучшать версию платформы — невозможно, так как устройства будут слишком перегружаться, чтобы показать один лишь каталог. Пользователи либо не дожидались загрузки страницы, либо совсем не попадали на сайт. «После». Разработали платформу с заделом на будущее, чтобы Бонпет добавлял неограниченное количество товаров и новые сервисы. На новую платформу перенесли удачные разработки: каталог, продуктовые страницы, форму заказа, автоматическое создание счетов, корзину и сервис подбора комплектующий. Теперь сайт не ложится от высокого трафика, а страницы загружаются значительно быстрее. Продуктовая страницаКорзинаСервис подбора комплектующихАвтоматическое создание счетов Адаптировали структуру сайта под мультибренд Раньше структура сайта и дизайн должны были соответствовать сайту Чинт Электрик. Сейчас Бонпет перестал зависеть от производителя, поэтому мы пересобрали каталог и меню. Изучили, какие категории пользователи выбирают чаще всего. Чтобы покрыть максимум спроса, добавили в хайлайты меню популярные категории товаров. ДоПосле Пересобрали каталог. Каталог «до» повторял структуру... --- Вводные К нам обратился крупный производитель, который был готов к большому и очень амбициозному шагу — выходу на федеральный уровень. Для этого компании нужен был не просто новый логотип, а цельный и сильный голос, понятный клиентам по всей стране. До: Диагностика точки роста Это был классический случай, когда бизнес вырос, а его язык общения с рынком — нет. Компания масштабировалась так быстро, что ее старая визуальная система перестала справляться с новыми задачами. Она стала тормозом для региональной экспансии. Мы выделили два ключевых симптома: Локальный визуальный язык. Существующий фирменный стиль был слишком привязан к домашнему региону и не считывался одинаково хорошо новой аудиторией. Это был барьер, который мешал произвести правильное первое впечатление в новых городах. Отсутствие единого фундамента. Без четко прописанной стратегии бренда дизайнерские решения принимались на основе вкуса, а не логики. Это приводило к хаосу и размывало образ компании при расширении географии. По сути, у компании не было системного инструмента для коммуникации на новом, федеральном уровне. Был набор картинок, а нужна была — инженерная система смыслов. Наша задача была не просто "нарисовать красивый логотип". Мы должны были спроектировать и построить систему, которая позволит бренду говорить уверенно и последовательно в любом регионе. Процесс Ключевых задач было три: Сформулировать ДНК бренда в четком документе — бренд-платформе. Создать на этом фундаменте новый визуальный язык, который будет эффективно работать по всей стране. Вооружить клиента первыми практическими инструментами для старта на ключевой отраслевой выставке. Процесс: Мы подошли к брендингу как к проектированию здания. Никаких догадок и "я так вижу" — только стратегия, логика и расчет.... --- Вводные К нам обратилась клиника эстетической медицины GF-Estet. По закону они были обязаны иметь сайт, но их амбициозная цель была куда масштабнее: им нужен был мощный инструмент, который с первого же дня начнет завоевывать премиальный рынок и привлекать пациентов. До: Это был классический случай старта с нуля. Проблема была не в том, что старый инструмент не справлялся — его просто не было. Компания была готова оказывать услуги высочайшего класса, но для своего главного источника клиентов — поиска в Яндексе — она была абсолютно невидима. Мы диагностировали два ключевых симптома "нулевой точки": Цифровая невидимость. Потенциальные пациенты, ищущие косметологические услуги, просто не могли найти клинику. Каждый их поисковый запрос приводил их прямо к конкурентам. Отсутствие фундамента для доверия. В медицине доверие — это все. Без сайта у клиники не было площадки, чтобы продемонстрировать свою экспертизу: команду врачей, лицензированные препараты и лучшее в регионе оборудование. По сути, отсутствие сайта было не просто формальным нарушением, а главным барьером, который не давал бизнесу стартовать. Наша задача была не просто "сделать сайт для галочки". Мы должны были спроектировать и запустить систему, которая бы с первого дня начала работать как полноценный отдел продаж. Процесс Нашей задачей было – создать сайт, который: Привлекал целевую аудиторию из поиска, сразу заявив о клинике как о серьезном игроке. Демонстрировал неоспоримую экспертизу и формировал глубокое доверие. Генерировал поток записей на процедуры через максимально простой и удобный путь. Процесс: Проектирование системы для быстрого старта Мы понимали, что клиенту нужен результат не через полгода, а сейчас. Поэтому мы спроектировали максимально эффективный одностраничный сайт, где... --- Вводные Ситуация Был утвержден дизайн-макет «эталонного» проекта, но система существовала только в теории. Нужно было воплотить ее в жизнь на примере флагманского объекта — ЖК «Александровский сад». Решение Взять утвержденный дизайн и безупречно реализовать его в виде живой, работающей веб-страницы. Продемонстрировать на реальном примере эффективность созданной системы и подготовить платформу для дальнейшей самостоятельной работы клиента. Процесс 1. Упаковка контента. Мы взяли сырые материалы по ЖК «Александровский сад» и полностью подготовили их: написали и отредактировали тексты, обработали изображения, чтобы они идеально вписались в дизайн. 2. Сборка страницы, как из «Лего». Используя утвержденный «эталонный» проект как инструкцию, мы сверстали страницу. Это была не разработка с нуля, а именно сборка из уже продуманных и спроектированных блоков. 3. Запуск на боевой платформе. Мы развернули и настроили платформу Xleb Theme, установили все необходимые плагины и перенесли готовую страницу, проведя финальные тесты и внеся корректировки. Результат Флагманский проект запущен.  ЖК «Александровский сад» получил идеальную цифровую презентацию, которая стала образцом для всех последующих проектов. Система доказала свою работоспособность.  Мы на практике показали, что наш подход позволяет быстро и качественно запускать новые, сложные страницы. Клиент получил полную автономию.  Благодаря настроенной платформе и системному подходу, теперь бюро может самостоятельно добавлять новые проекты, следуя отработанному шаблону. Результат Наш заказчик сэкономил деньги на неэффективной рекламе. И перенаправил деньги в более продуктивное русло. Посмотреть вживую mononova. ru Ещё Мононова Запустили раздел «Аксессуары» от дизайна новой карточки товара до наполнения каталога коврами Запустили на сайте раздел выставочных образцов и сделали для него быструю заявку через WhatsApp. Наполнили страницу 42 товарами Навели порядок в заявках: теперь каждый салон получает «своих» клиентов напрямую в CRM Позволили покупателям... --- Вводные К нам обратился крупный производитель инновационного оборудования. Они были лидерами в своей отрасли, но их цифровое лицо совершенно этому не соответствовало. И у них была очень четкая и амбициозная цель: сделать так, чтобы их сайт не просто информировал, а с первого взгляда доказывал их статус технологического лидера.   До: Это был классический случай, когда бизнес ушел далеко вперед, а его главный цифровой инструмент безнадежно отстал. Сайт не просто не помогал, а активно мешал росту. Мы диагностировали два ключевых симптома: Цифровой диссонанс. Устаревший дизайн создавал пропасть между реальностью — инновационной компанией — и ее цифровым образом. Это подрывало доверие еще до начала диалога. Информационный лабиринт. Важнейшая информация была спрятана. Каталог с тройной вложенностью отпугивал клиентов, а главное конкурентное преимущество — собственная инновационная разработка — было зарыто так глубоко, что его никто не мог найти. По сути, сайт был цифровым барьером, который вредил репутации и напрямую тормозил продажи. Наша задача была не просто "перекрасить стены". Мы должны были с нуля перепроектировать всю логику и архитектуру сайта, чтобы он стал продолжением самого продукта — понятным, удобным и эффективным. Процесс Сайт должен был: Демонстрировать технологическое лидерство компании с первого экрана. Направлять пользователя к нужной информации по самому короткому и логичному пути. Строить доверие через факты, доказательства и безупречный пользовательский опыт. Процесс: От хаоса к системе, основанной на логике Мы полностью пересобрали сайт, поставив во главу угла логику и пользу для клиента. Главная страница как презентация, а не свалка. Мы превратили ее в навигационный хаб, который знакомит с продукцией, рассказывает об инновациях, показывает сертификаты... --- Вводные К нам обратились с очень крутой и социально значимой задачей. Нужно было взять многолетний архив цирка — гору оцифрованных фотографий, афиш, календарей и книг — и превратить его в общедоступный цифровой ресурс. Главное условие: сделать это нужно было в рамках строгих ограничений по срокам и бюджету муниципального тендера. До: Это был классический случай, когда ценнейший культурный пласт существовал, но был абсолютно недоступен для широкой аудитории. Мы диагностировали два ключевых симптома: Архивный хаос. Оцифрованные материалы — фотографии, афиши, книги — существовали в виде разрозненных файлов разных форматов и размеров. Без системы это был не архив, а просто «цифровая свалка». Барьер недоступности. У исследователей, студентов, журналистов и просто любителей истории не было никакой возможности прикоснуться к этому наследию. Ценнейший контент был заперт «в столе». По сути, у огромного пласта истории не было своего «цифрового дома», где он мог бы быть представлен и сохранен для будущих поколений. Наша миссия была не просто «выложить картинки в интернет». Мы должны были стать цифровыми архивариусами и системными проектировщиками. ДоПосле Процесс Мы выделили три главные задачи: –Привести весь разнородный материал к единому стандарту –Спроектировать простую и интуитивно понятную навигацию по десятилетиям –Сделать это в рамках жестких сроков и бюджета, используя максимально эффективные инструменты Процесс: От хаоса к системе Мы подошли к задаче как к проектированию библиотеки. Только логика, структура и максимальная эффективность. «Инвентаризация» и унификация. Это стало первым и самым важным шагом. Мы самостоятельно разобрали весь массив материалов, распределили их по десятилетиям, привели все изображения к единому размеру и формату, а книги подготовили к публикации в... --- Вводные К нам обратился клиент, который продавал цифровые товары — презентации и видеоуроки — и столкнулся с классической дилеммой роста. Старый, ручной способ приема оплат стал тормозом, а стандартные решения от банков — слишком дорогими и негибкими. И у них была очень четкая и амбициозная цель: построить собственную, полностью управляемую систему, которая бы делала процесс покупки мгновенным для клиента и выгодным для бизнеса. До: Это был классический случай, когда бизнес перерос свои стартовые процессы. Ручная работа и стандартные инструменты стали не помощниками, а барьерами. Мы диагностировали два ключевых симптома: «Ручной конвейер» продаж. Процесс «получили оплату → вручную отправили чек и ссылку» был медленным и ненадежным. Это создавало задержки для клиента и отнимало драгоценное время у сотрудников. «Налог на эквайринг». Стандартные системы эквайринга брали высокую комиссию за каждую транзакцию, их нельзя было подстроить под себя, а их функционал был избыточным и дорогим. Это был настоящий «цифровой налог» на каждую продажу. По сути, у компании не было инструмента, который бы делал процесс покупки мгновенным для клиента и выгодным для бизнеса. Наша миссия была не просто «прикрутить кнопку оплаты». Мы должны были с нуля спроектировать и запустить собственную, гибкую и экономически эффективную систему. Процесс Новый инструмент должен был выполнять три функции: –Автоматизировал весь процесс: от оплаты до моментальной отправки товара клиенту –Снижал комиссию за транзакции до абсолютного минимума –Был гибкой платформой, готовой к будущему росту: подключению CRM и продаже физических товаров Процесс: Проектирование собственного «платежного шлюза» Мы подошли к задаче как к созданию собственного IT-продукта. Только нужный функционал, максимальная выгода и расчет на... --- Вводные К нам обратился клиент с задачей, которую обычно описывают словами "нужно было еще вчера". Вся его маркетинговая машина была готова к запуску нового проекта, но не хватало главного — посадочной площадки для трафика. И у них была амбицициозная, почти невыполнимая цель: получить профессиональный лендинг прямо сейчас. До: Это был классический случай, когда скорость и амбиции бизнеса опередили его производственные возможности. Запуск был спланирован настолько идеально, что разработка сайта стала "бутылочным горлышком", которое грозило провалить все дело.   Мы диагностировали два ключевых симптома: Горящий запуск без «посадочной площадки». Рекламные кампании были готовы к старту, но им некуда было вести трафик. Каждый день промедления — это риск срыва всего запуска. Риск «временного» решения. Существующие наработки на Тильде не соответствовали уровню проекта. Запустить их — означало бы с самого начала подорвать имидж нового продукта. По сути, запуск всего проекта оказался под угрозой срыва из-за отсутствия одного, но самого важного элемента.   Наша задача была не просто "сделать лендинг". Мы должны были бросить вызов стандартным срокам разработки и выдать результат в режиме реального времени.   Процесс Ключевых целей было три: Запустить проект в экстремально сжатые сроки, чтобы не сорвать старт маркетинговых активностей. Гарантировать, что несмотря на скорость, сайт будет выглядеть безупречно и соответствовать брендбуку. Обеспечить полную техническую готовность к приему трафика с первой минуты.   Процесс: Проектирование в режиме «турбо» Мы понимали, что в таких условиях нет права на долгие размышления. Нужна была система, которая работает как гоночный болид.   Фундамент из готовых решений. Мы не стали изобретать велосипед. Мы взяли брендбук клиента,... --- Вводные Ситуация Архитектурное бюро переросло свое цифровое представительство. Нужен был флагманский сайт, который бы перевел их сложный архитектурный язык на язык, понятный клиентам и будущим сотрудникам. Решение Спроектировать визуальный язык и создать систему, которая позволила бы бюро в будущем самостоятельно рассказывать о своих самых сложных проектах. Создать «золотой стандарт» — идеальный шаблон для всех будущих кейсов. Процесс 1. Проектирование «ДНК» сайтаФундамент из смыслов. Мы начали с серии глубоких консультаций, чтобы понять суть бизнеса. Помогли структурировать информацию, отредактировали ключевые тексты и на основе референсов согласовали общую стилистику будущего сайта. 2. Создание «эталонного» проектаКлючевым шагом стала разработка дизайна страницы эталонного проекта. Это был не просто макет, а продуманная система блоков, которая идеально решала задачу презентации сложной архитектурной работы. 3. Систематизация и шлифовкаНа базе эталона мы начали проектировать другие страницы, в процессе чего оттачивали и пересобирали сам эталон, пока не получили идеальный, гибкий и переиспользуемый набор компонентов — по сути, «Лего» для будущих страниц. Результат Появилась полная ясность.  Вместо разрозненных идей клиент получил четкую дизайн-концепцию и визуальную систему, которая на 100% отражает его бренд. Создан «золотой стандарт».  Дизайн эталонного проекта стал тем самым шаблоном, который гарантирует высокое качество подачи для всех будущих работ. Заложен фундамент для роста.  Мы создали не просто набор красивых картинок, а систему, готовую к вёрстке и наполнению, что значительно ускорило и удешевило следующий этап разработки. Результат Наш заказчик сэкономил деньги на неэффективной рекламе. И перенаправил деньги в более продуктивное русло. Посмотреть вживую mononova. ru Ещё Мононова Запустили раздел «Аксессуары» от дизайна новой карточки товара до наполнения каталога коврами Запустили на сайте раздел выставочных образцов и сделали... --- Вводные К нам обратился клиент, у которого уже был один из самых продвинутых инструментов на рынке — 3D-конфигуратор. Но бизнес рос, и появилась новая, еще более амбициозная цель: полностью стереть грань между цифровым шоурумом и реальной гостиной покупателя. До: Это был классический случай, когда успешный инструмент доходит до предела своих возможностей. Конфигуратор отлично справлялся с кастомизацией, но не мог решить главную проблему, которая возникает на финальном этапе выбора. Мы диагностировали два ключевых симптома: Пропасть воображения. Даже самый детальный конфигуратор не мог ответить на главный вопрос покупателя: "А как этот диван будет смотреться именно в моей комнате? ". Это был последний и самый мощный барьер, мешающий принять решение о покупке. Технологический потолок. Существующая платформа не поддерживала функцию дополненной реальности. Она была хороша для своего времени, но стала тормозом для следующего технологического рывка. По сути, даже самый продвинутый конфигуратор не мог перешагнуть через экран монитора и попасть в реальный мир клиента. Наша задача была не просто "обновить технологию". Мы должны были спроектировать и внедрить систему, которая бы давала покупателю абсолютную уверенность в своем выборе. Процесс Мы начали создавать систему, которая: Разрушала главный барьер онлайн-покупки, позволяя "примерить" мебель в реальном интерьере. Давала покупателю 100% уверенность в выборе габаритов и цвета. Создавала мощный «вау-эффект», который отстраивает бренд от всех конкурентов. Процесс: Проектирование портала в реальный мир Мы подошли к задаче как к созданию портала между двумя мирами — цифровым и реальным. Только расчет, современные технологии и фокус на безупречном пользовательском опыте. Новый, более мощный фундамент. Мы полностью переписали конфигуратор на базе современной библиотеки Model-viewer.... --- Вводные Ситуация Производитель взрывозащищённого оборудования только что закончил разработку сайта, но он уже не устраивал всё руководство компании. Нужно было разработать современный дизайн, чтобы сайт понятно доносил информацию и им было удобно пользоваться. Руководство хотело увидеть положительный результат изменений как можно раньше. Решение Проанализировать ошибки и удачные моменты на старом и свежеразработанном сайте. Проработать сценарии использования и отразить в дизайне поведение пользователя на сайте. Переработать структуру сайта и страниц. Представить имеющийся контент так, чтобы он хорошо выглядел и считывался, но при этом не заполнять сайт с нуля. Процесс Главная — как презентация, которая рассказывает о компании и разводит пользователей по всему сайту Прошлая главная была короткая и бесполезная: куча одинаковых элементов, непонятно, куда жать и на что смотреть. С каждого блока информации пользователь может перейти на отдельную страницу. На первый экран вынесли продукцию компании. Рассказали об инновационном предложении — «Диалог PRO». Это уникальная разработка компании, поэтому важно не прятать информацию о ней. Крупно вынесли информацию по сертификатам. Для многих партнёров в первую очередь важно, чтобы продукция соответствовала определённым стандартам и требованиям. Вынесли на главную новости компании, актуальное оборудование и важные статьи о продукции. Это полезно людям, которые следят за обновлениями в товарах и работают с Эриданом на постоянной основе. Вытащили самое важное из отзывов наружу, чтобы пользователи считывали преимущества и опыт заказчика. Переделали запутанную структуру в понятный каталог с фильтрацией Вложенные категории и неудобный каталог заменили на фильтрацию. Теперь пользователь может начать выбирать товар как сразу по артикулу, так и из характеристик — тип продукции, материал или назначение. ДоПосле Проработали акценты для более лёгкого считывания контента На исходной продуктовой странице — цветовые акценты, плашки и украшательства, мелкий текст и пустые места. Решили убрать всё, что мешает изучению информации. Вытащили контент, скрытый в выпадающем списке, важное вынесли фактоидами. Прибрали неаккуратный дизайн, крупно показали продукцию на фото. ДоПосле Подробно рассказали о компании и проиллюстрировали каждый тезис Страница «О компании» существовала... --- Вводные Ситуация Для производителя взрывозащищённого оборудования Эридан сторонний подрядчик разработал сайт. Он не устроил весь совет директоров. С сайтом надо было что-то делать. Руководство хотело, чтобы мы оценили качество и эффективность выполненных работ, а также предложили свои способы решения проблемы. Решение Проанализировать текущий сайт с точки зрения пользовательского опыта, дизайна и управления вниманием. Подсветить провальные места, предложить изменения и распланировать их по итерациям. Процесс Изучили структуру сайта Составили карту сайта. Посмотрели, как пользователь может передвигаться по сайту. Какие страницы связаны друг с другом. Разобрались, как люди ведут себя на главной странице Изучили карту кликов главной. Кликабельные и некликабельные элементы на ней не отличаются. Пользователь просто не видит контент и не понимает, где его искать. Поняли, что выпадающее меню слишком сложное 213 единиц оборудования схлопнуты в каталог с тройной вложенностью, как на маркетплейсах. Тут тяжело найти важную для принятия решения информацию. Предложили упростить меню и заменить клик на скролл — более дешёвое действие. Пользователи не понимают, как пользоваться каталогом На странице оборудования чаще всего кликают в выпадающий список, а не на продукцию. Люди не понимают, как пользоваться страницей, и пытаются вернуться в меню. Структура диктует свою последовательность изучения каталога Огромная страница категорий в каталоге не даёт пользователю выбора. Она начинается сразу со взрывозащищённого оборудования и заставляет идти по списку характеристик. Нельзя посмотреть всё адресное оборудование или всё видеонаблюдение из нержавейки. Вложенность категорий открывает ещё один выпадающий список, например, адресного и безадресного оборудования, который повторяется для каждого продукта. Предложили не плодить новые сущности категорий и подкатегорий, а сделать фильтрацию. В ней человек может прийти к продукту по любому пути — характеристики, материал и так далее. Предложили заняться акцентами и сценариями использования Решили избавиться от обилия лишних украшательств и максимизировать полезный контент — убрать пустые места, ненужные акценты, огромную портянку текста разделить заголовками, чтобы информация лучше считывалась. Поняли, что обилие украшательств прикрывает кривую вёрстку Новый дизайн Эридана... --- Вводные К нам обратилось маркетинговое агентство с очень четкой и понятной задачей. У них уже был готовый дизайн-макет их будущего сайта — по сути, «чертеж» их цифрового дома. И у них была очень прагматичная и амбициозная цель: найти надежного «строителя», который бы безупречно воплотил этот чертеж в жизнь До: Это был классический случай, когда у бизнеса есть видение, но нет его технического воплощения. Мы диагностировали два ключевых симптома: Идея, запертая в картинке. Утвержденный и продуманный дизайн существовал только в виде статичного макета. Он не мог привлекать клиентов, демонстрировать проекты и работать на имидж. Отсутствие «цифрового дома». Без работающего сайта у агентства не было своей центральной площадки в интернете, куда можно было бы вести трафик, демонстрировать портфолио и просто отправлять ссылку потенциальным клиентам. По сути, у компании был идеальный план, но не было самого «здания». Наша миссия была не в том, чтобы «придумывать». Мы должны были стать высококлассными «цифровыми строителями». Процесс Наша работа должна была: –Безупречно воплотить в коде все детали и задумки утвержденного дизайн-макета –Гарантировать, что сайт будет работать быстро, стабильно и одинаково хорошо на всех устройствах –Сделать это в кратчайшие сроки, чтобы агентство как можно быстрее получило свой главный рабочий инструмент Процесс: От макета к запуску Мы подошли к задаче как к сборке высокоточного механизма по готовой инструкции. Никаких догадок — только чистое и качественное исполнение. Выбор надежного фундамента. Мы предложили использовать нашу собственную, проверенную временем платформу Xleb Theme. Это позволило нам не тратить время на настройку с нуля, а сразу приступить к главному — к реализации. Сборка по... --- Вводные К нам обратилась проектная мастерская, которая готовилась к одному из главных событий года — международному форуму и выставке 100+ TechnoBuild 2023. На кону стояла не просто репутация, а возможность получить высшую награду за свой инновационный проект — «Железную» школу в п. Ола. И у них была очень четкая и амбициозная цель: им нужна была визуализация, достойная международного уровня До: Это был классический случай, когда гениальный проект существовал только в виде чертежей и сложных технических описаний.   Мы диагностировали два ключевых симптома: Проект, невидимый для жюри. Без качественной, фотореалистичной визуализации было практически невозможно донести до международного жюри всю инновационность и продуманность архитектурного замысла. Чертежи не вызывают эмоций. Риск «проиграть на подаче». В конкурсе такого уровня судят не только идею, но и ее презентацию. Некачественные рендеры могли «убить» даже самый сильный проект и перечеркнуть месяцы работы всей команды.   По сути, у блестящего проекта не было достойного «лица», которое могло бы представить его на главной сцене.   Наша миссия была не просто «сделать пару картинок». Мы должны были стать цифровыми художниками и режиссерами, которые бы превратили технический проект в захватывающую и убедительную историю Процесс Наша работа должна была: –Раскрыть весь потенциал проекта, показав не только экстерьер, но и продуманные детали интерьера –Создать нужную атмосферу и «поместить» здание в живой, реалистичный контекст –Дать клиенту визуальный инструмент, с которым не стыдно выходить на международный уровень.   Процесс: Проектирование визуальной истории Мы подошли к задаче как к созданию ключевых кадров для фильма. Каждый ракурс, каждая деталь должны были работать на общую идею.   Погружение... --- Вводные К нам обратилась проектная мастерская, которая столкнулась с неизбежным. Их реальный масштаб и статус лидера давно переросли их цифровое лицо. И у них была амбициозная, двуединая цель: создать сайт, который бы, во-первых, впечатляюще демонстрировал их портфолио, а во-вторых, стал бы главным каналом для привлечения лучших кадров на рынке. До: Это был классический случай, когда сайт из помощника превратился в тормоз. Он не просто устарел — он начал активно мешать развитию двух самых важных для компании направлений. Мы диагностировали два ключевых симптома: «Мертвое» портфолио. Десятки реализованных проектов — главное доказательство экспертизы — существовали в виде разрозненного архива. Это была не витрина, а цифровой склад, который скрывал, а не показывал масштаб компании. «Сломанный» HR-канал. Раздел "Карьера" был формальной страницей, которая не продавала компанию как место для работы. В битве за таланты компания проигрывала еще на старте, потому что ее главный рекрутинговый инструмент был неэффективен. По сути, сайт не работал ни на клиентов, ни на будущих сотрудников, создавая пропасть между реальным успехом компании и ее виртуальным образом. Наша миссия была не просто «сделать редизайн». Мы должны были спроектировать систему, которая бы одинаково эффективно работала на две совершенно разные, но одинаково важные аудитории Процесс Новый инструмент должен был выполнять две главные функции: –Демонстрировать проекты в виде впечатляющей и удобной витрины, которая убеждает клиентов –Привлекать лучшие таланты, рассказывая историю компании и продавая ее как лучшего работодателя Процесс: Проектирование системы для двух аудиторий Мы подошли к задаче как к проектированию современного бизнес-центра с отдельными, идеально продуманными входами для клиентов и для будущих сотрудников. Портфолио: от... --- Вводные К нам обратился крупный производитель инновационного оборудования, который оказался в состоянии настоящего цифрового кризиса. Они только что запустили новый сайт, и он стал полным разочарованием. И у них была амбициозная, но очень сложная цель: найти выход из тупика, не начиная всю разработку с нуля. До: Это был нетипичный, но очень показательный случай. Проблема была не в том, что старый инструмент перестал справляться. Проблемой стал сам новый инструмент, который должен был стать решением. Мы диагностировали два ключевых симптома этой ситуации: Визуальный диссонанс. Дизайн сайта выглядел устаревшим в момент запуска. Он не просто не отражал, а прямо противоречил инновационному и технологичному образу самой компании, создавая пропасть между продуктом и его цифровой витриной. Цифровой тупик. Компания оказалась в ловушке. Начинать разработку с абсолютного нуля было слишком долго и дорого. Но и мириться с неудобным, медленным и некрасивым сайтом было нельзя — это наносило прямой урон репутации. По сути, новый сайт, на который были потрачены время и деньги, стал главной головной болью для всего руководства. Наша задача была не в том, чтобы "провести аудит и написать отчет". Мы должны были предложить быстрый и эффективный выход из кризиса, который бы вернул руководству уверенность. Процесс Ключевых целей было три: Продемонстрировать на практике, как может и должен выглядеть их сайт, без долгих разговоров и презентаций. Предложить решение, которое не требует начинать все "с чистого листа". Превратить стресс и разочарование клиента в понятную и предсказуемую дорожную карту.   Процесс: От кризиса к концепту через «тест-драйв» Мы понимали, что клиенту не нужны слова, ему нужно было увидеть свет... --- Вводные К нам обратилась проектная мастерская «Item» с, казалось бы, стандартной задачей. Им нужен был редизайн сайта по новому брендбуку, и успеть нужно было к важному международному конкурсу. Но когда мы заглянули «под капот», мы поняли, что клиенту нужна не косметическая операция, а экстренная реанимация. До: Это был тот самый случай, когда под красивым фасадом скрывалась настоящая катастрофа. Сайт не просто не соответствовал новому брендбуку — он был в критическом состоянии. Мы диагностировали три ключевых симптома, угрожающих бизнесу: Полная потеря контроля. Сайт был взломан. В плагинах были вирусы, которые похищали данные. Мы не могли попасть в админку даже с правильными доступами. Это был не их сайт, а плацдарм для злоумышленников. Абсолютная цифровая невидимость. Поисковики вообще не видели сайт. Пользователи не могли найти компанию даже по прямому запросу «Item Екатеринбург». Для рынка их просто не существовало. Информационный хаос. Внутри сайта были размещены посторонние статьи, которые добавили взломщики. Это не просто мешало, а напрямую било по репутации компании. По сути, сайт был не просто неэффективным инструментом. Он был бомбой замедленного действия, которая вот-вот должна была взорваться. А самое страшное — прямо во время нашего первого анализа злоумышленники предприняли новую атаку. Наша миссия мгновенно изменилась. Речь шла уже не о редизайне. Мы должны были провести экстренную спасательную операцию. Процесс Наши задачи превратились в план реанимации: –Отбить атаку и немедленно вернуть контроль над сайтом –Провести полную «дезинфекцию»: вычистить все вирусы и залатать все дыры в безопасности –Вернуть сайт из небытия: сделать его видимым для поисковых систем Процесс: Операция «Цифровая реанимация» Мы действовали как команда... --- Вводные К нам обратился клиент с очень нетипичной и деликатной задачей. Он уже инвестировал серьезные средства в рекламу, но не видел результата. И у него была амбициозная цель: ему нужен был независимый взгляд со стороны, чтобы понять, почему его инвестиции не работают и куда на самом деле уходят деньги. До: Это был классический случай, когда бизнес вырос, а его система контроля за маркетингом — нет. Компания была готова вкладывать в рекламу, но делала это без прозрачной и управляемой системы, что приводило к прямым убыткам. Мы диагностировали три ключевых симптома: Маркетинг — «черный ящик». Клиент видел только одну цифру — сумму расходов. Но что происходило внутри рекламных компаний, какие решения принимались и почему — оставалось полной загадкой. Сжигание бюджета вместо инвестиций. Деньги тратились, но не приносили измеримого результата в виде заявок и продаж. Реклама была статьей расходов, а не инструментом для роста. Отсутствие связи с бизнес-целями. Рекламные кампании работали "в вакууме", без четко настроенных целей. Система не понимала, какое действие пользователя считать успехом, и просто тратила деньги впустую. По сути, рекламные кампании были неуправляемым потоком расходов, а не рабочим инструментом. Наша задача была не просто "найти ошибки". Мы должны были выступить в роли финансовых ревизоров, чтобы дать клиенту полную картину и защитить его интересы. Процесс Нашей задачей было: Найти "пробоины", через которые утекает рекламный бюджет. Оценить реальную компетенцию текущего подрядчика на основе неопровержимых фактов. Дать клиенту четкое, основанное на данных заключение для принятия стратегического решения. Процесс: Хирургическое вмешательство Мы отказались от многостраничных отчетов и выбрали самый быстрый и эффективный путь —... --- Вводные К нам обратился клиент, у которого уже был современный и работающий 3D-конфигуратор. Но со временем стало очевидно, что это решение, идеальное для быстрого старта, превратилось в источник рисков. И у компании появилась амбициозная цель: получить полный контроль над своим ключевым продающим инструментом и навсегда избавиться от внешней зависимости. До: Это был классический случай, когда временное решение, которое помогло бизнесу вырасти, стало его же тормозом и источником угроз. Компания стала слишком зрелой, чтобы мириться с рисками, которые раньше казались несущественными. Мы диагностировали три ключевых симптома: Цифровые активы в заложниках. Все 3D-модели, в создание которых были вложены сотни часов и большие деньги, хранились на серверах в США. Из-за санкций или смены политики сервиса клиент мог в любой момент потерять всё. Потеря гибкости и постоянные расходы. Любое обновление каталога было медленным из-за необходимости отправлять запросы на зарубежный сервер. А годовая подписка в $950 была постоянной статьей расходов с риском внезапного повышения. По сути, ключевой продающий инструмент не принадлежал компании, а был взят в аренду со всеми вытекающими рисками. Задача: Превратить арендованный сервис в собственный инструмент Наша задача была не просто "сделать аналог". Мы должны были спроектировать и построить собственную, независимую и более эффективную систему. Процесс Ключевых целей было три: Вернуть полный контроль над всеми 3D-моделями, разместив их на хостинге клиента. Устранить зависимость от сторонних серверов, радикально увеличив скорость работы и обновления. Свести к нулю постоянные лицензионные платежи, заменив их разовой инвестицией в разработку.   Процесс: Проектирование независимой системы Мы решили отказаться от "коробочных" решений и подошли к задаче как к созданию собственного... --- Вводные К нам обратился клиент, для которого мы уже запустили первую версию сайта. Проект был успешным и выполнял свои базовые задачи, но мы оба понимали — это лишь фундамент. И у нас появилась новая, еще более амбициозная цель: превратить просто работающий сайт в систему, которая реализует 100% своего продающего потенциала. До: Это был классический случай, когда запуск сайта — это не финал, а начало. Первая версия собрала трафик и показала, как реальные пользователи ведут себя в спроектированной нами среде. И мы увидели точки роста. Аналитика вскрыла два ключевых симптома: «Слепые зоны» в интерфейсе. Анализ тепловых карт показал, что пользователи часто кликали мимо активных кнопок, не замечали важные ссылки и не раскрывали списки. Это были невидимые барьеры на пути к цели. Разрыв между намерением и действием. Мы видели, что пользователь хочет получить информацию или применить фильтр, но интерфейс не всегда подсказывал ему очевидный следующий шаг. Это приводило к потере вовлеченности и, как следствие, — к потере заявок. По сути, сайт был как мощный двигатель, работающий на половину своей мощности из-за небольших, но многочисленных потерь на трение. Задача: Превратить догадки в точный расчет Наша задача была не "предположить", что можно улучшить, а провести точную диагностику и на основе реальных данных пересобрать пользовательский путь.   Процесс Ключевых целей было три: Найти и устранить все точки "трения" в интерфейсе, которые мешают пользователю. Сделать следующий шаг пользователя на сайте очевидным и интуитивно понятным. Превратить возросшее удобство в измеримый рост количества заявок.   Процесс: Диагностика и точечная настройка Мы отказались от догадок и выстроили итерационный процесс,... --- Вводные К нам обратился поставщик бронированной стали с очень четкой и амбициозной задачей. Ему нужен был не просто сайт, а цифровой инструмент, который бы с первого дня выделил его на фоне всех конкурентов и начал системно привлекать клиентов До: Это был классический случай, когда вся отрасль застряла в прошлом. Сайты конкурентов были не просто устаревшими — они были абсолютно недружелюбными к клиенту. Мы диагностировали два ключевых симптома: «Слепая зона» для клиентов. Сайты конкурентов были перегружены текстом, лишены качественных изображений и не давали никакого внятного описания продукции. Разобраться в них мог только сверхмотивированный эксперт. Визуальная серость. У всех были одинаковые, устаревшие сайты. Никто не пытался выделиться, создать запоминающийся образ или просто сделать процесс выбора удобным. Это была идеальная ситуация, чтобы стать первым. По сути, вся отрасль говорила на сложном «заводском» языке, игнорируя базовые принципы современного онлайна. И это был наш шанс. Наша миссия была не просто «сделать сайт лучше, чем у других». Мы должны были с нуля спроектировать и запустить инструмент, который бы задал в этой нише совершенно новый стандарт. Процесс Новый инструмент должен был выполнять три функции: –Выделялся на фоне конкурентов не только дизайном, но и подходом к подаче информации –Переводил сложный технический продукт на понятный визуальный язык –Упрощал и ускорял путь клиента от первого знакомства до заказа. Процесс: От «завода» к современному интернет-магазину Мы подошли к задаче как к запуску современного B2C-продукта в B2B-нише. Только простота, наглядность и фокус на клиенте. Фундамент — уникальный визуальный язык. Чтобы выделиться, нужно было перестать быть «как все». Мы разработали с нуля логотип,... --- Вводные Ситуация Иногда у заказчика на руках есть только электротехническая схема, а купить нужно целый комплекс товаров. Чтобы хотя бы узнать стоимость комплектующих, нужно ждать ответа от дня до недели. Решение Разработали сервис на сайте, в который можно закинуть схему, а он выдаст список оборудования с ценами. Процесс Сервис принимает электротехническую схему хоть в пдф, хоть картинкой Пользователю не нужно форматировать свой файл под формат сервиса. Распознает схему в ЕТИМ с помощью нейросети Конерджи Соотносит схему с ЕТИМ — единым стандартом классификации в техническом секторе. Это унифицирует все обозначения и помогает находить оборудование по общепринятым стандартам. Подбирает нужное оборудование из ЕТИМ в артикул Сервис определяет, какое оборудование требуется электросхеме, а затем предлагает эти товары или их аналоги от Чинт Электрик. Результат Пользователь экономит огромное количество времени, а компания получает больше заказов Посмотреть вживую chint-electric. ru Ещё Chint Electric document. addEventListener("DOMContentLoaded", function{ jQuery(". article-load"). removeClass("article-load"); const countPage = jQuery(". count_page"); const queryString = window. location. search; const urlParams = new URLSearchParams(queryString); const loadOnScroll = "false"; let processing = false; let filterProcces = false; const multipleFilterFlag = ""; const display_lead = ""; const container = jQuery("#projects_690cbf7caabbc"); const containerId = "projects_690cbf7caabbc"; // const pageCookie = JSON. parse(getCookie("page_data")); // const next_page = pageCookie. next_page; // const pages_count = pageCookie. pages_count; // console. log(pageCookie); paramsGet = urlParams. toString. split("&"); if (paramsGet ! == "") { paramsGet. forEach(data => { const = data. split("="); const decodedValue = decodeURIComponent(value). split(","); jQuery(`. filter`). removeClass("active"); decodedValue. forEach(data => jQuery(`. filter`). addClass("active")); }); } const getElementByDataAttr = (selector, containerId) => document. querySelector(`${selector}`); const toggleFilters = getElementByDataAttr(". toggle-filters", containerId); const closeFilters = getElementByDataAttr(". close-filters", containerId); const applyFilters = getElementByDataAttr(". apply-filters", containerId); const filters = getElementByDataAttr(". filters-container", containerId); //... --- Вводные К нам обратилась дорожно-строительная компания, которая много лет успешно работала на личных контактах собственника и тендерах. И у них была очень крутая и амбициозная цель: построить совершенно новый для себя канал продаж и начать системно привлекать клиентов из интернета До: Это был классический случай, когда бизнес вырос настолько, что старые, не масштабируемые каналы продаж стали его главным тормозом.   Мы диагностировали два ключевых симптома:   Цифровая невидимость. Для потенциальных клиентов, которые искали в Яндексе услуги по асфальтированию или поставке материалов, компания попросту не существовала. Каждый такой запрос уходил прямо к конкурентам. Отсутствие системного канала продаж. Весь маркетинг держался на личных контактах собственника. Это был непредсказуемый и не масштабируемый процесс, который не мог обеспечить компании стабильный рост.   По сути, у компании не было управляемого инструмента для привлечения клиентов, а весь их огромный опыт оставался невидимым для широкого рынка.   Наша миссия была не просто «сделать сайт-визитку». Мы должны были с нуля спроектировать и запустить полноценный механизм для лидогенерации, заточенный под SEO и контекстную рекламу.   Процесс Новый инструмент должен был выполнять три функции: –Привлекал целевую B2B-аудиторию из поисковых систем –Отвечал на их конкретные вопросы об услугах, продукции и условиях –Превращал этот интерес в конкретные заявки и звонки Процесс: От разведки к быстрому запуску Мы подошли к задаче как к спецоперации: сначала — глубокая разведка, а затем — быстрая и точная реализация.   Фундамент из запросов аудитории. Мы начали не с дизайна, а с самого главного — с анализа спроса. Составили полное семантическое ядро, чтобы понять, что и как ищут... --- Xleb theme — платформа для быстрого запуска проекта. На ней можно собрать простую страницу из готовых компонентов за один день, а потом развить её в большой сайт с сотнями страниц Масштабируемая Все наши сайты, от небольших визиток до крупных порталов с сотнями страниц, работают на Xleb theme. Прелесть в том, что платформа подразумевает расширение из небольшой странички в огромный сайт без изменений ядра. При этом остаётся полноценной платформой, никак не ограничивая дизайн и функциональность. Быстрая Несмотря на серьёзный набор инструментов под капотом, страницы загружаются быстро. Это достигается за счёт того, что платформа собирает только необходимое, объединяет в один файл, сжимает и кеширует. Доступная Мы разработали набор компонентов, которые можно перетаскивать и настраивать без знания программирования. Дизайнер, редактор или SEO-специалист могут самостоятельно собирать несложные страницы. --- Вводные Ситуация Не все покупатели, которые складывают товары в корзину, в дальнейшем оформляли заказ. Одна из причин — муторное заполнение формы заказа. Решение Максимально упростить форму: убрать из неё все поля, без которых можно обойтись, а большую часть полей, без которой нельзя обойтись, заполнять автоматически. Процесс Реквизиты автоматически заполняются по ИНН Название компании и юридический адрес сами подтягиваются после заполнения ИНН. Телефон и почта для связи и отправки документов Результат Теперь, чтобы оформить заказ, пользователь указывает ИНН, телефон и почту, а сайт сам составляет счёт на оплату и отправляет на почту Посмотреть вживую chint-electric. ru Ещё Chint Electric document. addEventListener("DOMContentLoaded", function{ jQuery(". article-load"). removeClass("article-load"); const countPage = jQuery(". count_page"); const queryString = window. location. search; const urlParams = new URLSearchParams(queryString); const loadOnScroll = "false"; let processing = false; let filterProcces = false; const multipleFilterFlag = ""; const display_lead = ""; const container = jQuery("#projects_690cbf7c30e15"); const containerId = "projects_690cbf7c30e15"; // const pageCookie = JSON. parse(getCookie("page_data")); // const next_page = pageCookie. next_page; // const pages_count = pageCookie. pages_count; // console. log(pageCookie); paramsGet = urlParams. toString. split("&"); if (paramsGet ! == "") { paramsGet. forEach(data => { const = data. split("="); const decodedValue = decodeURIComponent(value). split(","); jQuery(`. filter`). removeClass("active"); decodedValue. forEach(data => jQuery(`. filter`). addClass("active")); }); } const getElementByDataAttr = (selector, containerId) => document. querySelector(`${selector}`); const toggleFilters = getElementByDataAttr(". toggle-filters", containerId); const closeFilters = getElementByDataAttr(". close-filters", containerId); const applyFilters = getElementByDataAttr(". apply-filters", containerId); const filters = getElementByDataAttr(". filters-container", containerId); // Function to toggle filter visibility const toggleFilterVisibility = => { const isVisible = filters? . classList. contains("show"); filters? . classList. toggle("show", !... --- Вводные К нам обратилось крупное проектное бюро, которое столкнулось с неизбежным. Их реальный масштаб и статус лидера давно переросли их цифровое лицо. И у них была амбициозная, двуединая цель: создать сайт, который бы, во-первых, впечатляюще демонстрировал их огромное портфолио, а во-вторых, стал бы главным каналом для привлечения лучших кадров на рынке.   До: Это был классический случай, когда сайт из помощника превратился в тормоз. Он не просто устарел — он начал активно мешать развитию двух самых важных для компании направлений.   Мы диагностировали два ключевых симптома: «Мертвое» портфолио. Сотни реализованных проектов — главный актив и доказательство экспертизы — были похоронены в виде бесконечного списка. Это была не витрина, а цифровой склад, который скрывал, а не показывал масштаб компании. «Слепой» HR-канал. Раздел "Карьера" был формальной страницей, которая не продавала компанию как место для работы. В битве за таланты компания проигрывала еще на старте, потому что ее главный рекрутинговый инструмент был сломан. По сути, сайт не работал ни на клиентов, ни на будущих сотрудников, создавая пропасть между реальным успехом компании и ее виртуальным образом.   Наша миссия была не просто «сделать редизайн». Мы должны были спроектировать систему, которая бы одинаково эффективно работала на две совершенно разные, но одинаково важные аудитории. Процесс Новый инструмент должен был выполнять две главные функции: Демонстрировать сотни проектов в виде интерактивной и удобной галереи, которая убеждает клиентов. Привлекать лучшие инженерные таланты, рассказывая историю компании и продавая ее как лучшего работодателя.   Процесс: Проектирование системы для двух аудиторий Мы подошли к задаче как к проектированию современного бизнес-центра с отдельными,... --- Вводные Ситуация В течение пяти лет сотрудничества с дистрибьютором электротехники мы ежемесячно генерировали гипотезы и экспериментировали. Это принесло свои результаты: приходили заказчики, стало проще редактировать данные, но сайт стал визуально разваливаться от огромного количества изменений, сделанных в разное время разными людьми. Решение Провести редизайн и переосмыслить все изменения в цельный продукт. Процесс Переделали первый экран Избавились от украшательства и вещей, которые не несли смысла. Вынесли всё на главную страницу. ДоПосле Переверстали страницу категорий ДоПосле Рассказали о сервисах Показали статьи и кейсы, переверстали их карточки КейсыСтатьи Результат Полноценно продуманный сайт, удобный и пользователям, и заказчику Посмотреть вживую chint-electric. ru Ещё Chint Electric document. addEventListener("DOMContentLoaded", function{ jQuery(". article-load"). removeClass("article-load"); const countPage = jQuery(". count_page"); const queryString = window. location. search; const urlParams = new URLSearchParams(queryString); const loadOnScroll = "false"; let processing = false; let filterProcces = false; const multipleFilterFlag = ""; const display_lead = ""; const container = jQuery("#projects_690cbf7c23433"); const containerId = "projects_690cbf7c23433"; // const pageCookie = JSON. parse(getCookie("page_data")); // const next_page = pageCookie. next_page; // const pages_count = pageCookie. pages_count; // console. log(pageCookie); paramsGet = urlParams. toString. split("&"); if (paramsGet ! == "") { paramsGet. forEach(data => { const = data. split("="); const decodedValue = decodeURIComponent(value). split(","); jQuery(`. filter`). removeClass("active"); decodedValue. forEach(data => jQuery(`. filter`). addClass("active")); }); } const getElementByDataAttr = (selector, containerId) => document. querySelector(`${selector}`); const toggleFilters = getElementByDataAttr(". toggle-filters", containerId); const closeFilters = getElementByDataAttr(". close-filters", containerId); const applyFilters = getElementByDataAttr(". apply-filters", containerId); const filters = getElementByDataAttr(". filters-container", containerId); // Function to toggle filter visibility const toggleFilterVisibility = => { const isVisible = filters? . classList. contains("show"); filters? . classList. toggle("show", ! isVisible); closeFilters?... --- Вводные К нам обратился производитель мягкой мебели, который стоял на пороге "идеального шторма": одновременного ребрендинга и выхода на сверхконкурентный рынок Москвы. Старый сайт не выдержал бы такого напора. И у компании была амбициозная цель: за 4 месяца с нуля создать мощный цифровой актив, который стал бы их главным конкурентным преимуществом. До: Это был классический случай, когда амбиции бизнеса выросли настолько, что старый цифровой инструмент перестал им соответствовать. Сайт стал якорем, который не давал двигаться вперед. Мы диагностировали два ключевых симптома: Отсутствие диалога с новой аудиторией. Старый сайт не мог произвести "вау-эффект", необходимый для искушенного московского покупателя. Он не отражал ни новый бренд, ни высокое качество продукта. Пассивный инструмент вместо шоурума. Сайт был просто каталогом картинок. Он не давал покупателю главного — возможности взаимодействовать с продуктом, "почувствовать" его и убедиться в выборе, как в реальном магазине. По сути, это был инструмент из прошлой эпохи, совершенно не готовый к штурму нового рынка. Наша задача была не просто "сделать сайт к сроку". Мы должны были спроектировать и запустить систему, которая бы решала стратегическую бизнес-задачу.   Процесс Мы начали создавать сайт, который: Завоевывал доверие и внимание на новом, сложном рынке. Давал покупателю опыт, сравнимый с посещением реального шоурума. Превращал "вау-эффект" в управляемый и измеримый поток заявок. Процесс: Проектирование уникального опыта В условиях сжатых сроков мы сосредоточились на главном — создании ключевого конкурентного преимущества, которое нельзя было скопировать. Фундамент — виртуальный шоурум (3D и AR). Мы дали пользователям возможность не просто смотреть, а "собирать" свой идеальный диван как конструктор. В конфигураторе можно было менять всё:... --- Вводные К нам обратилась «Брусника» — одна из самых технологичных девелоперских компаний страны. У них огромный бэклог по развитию внутреннего «кабинета сотрудника», но их лучшая инхаус-команда, как спецназ, постоянно переключается на более срочные и критически важные задачи. И у них была очень четкая и амбициозная цель: найти внешнего партнера, который бы стал их надежным флангом и гарантировал, что развитие их внутренних сервисов не остановится ни на день До: Это был классический случай, когда компания растет и развивается так стремительно, что ее внутренние ресурсы просто не успевают за ее же амбициями. Проблема была не в команде, а в масштабе задач.   Мы диагностировали два ключевых симптома: «Зависший» бэклог. Гора запланированных и нужных улучшений — от синхронизации задач до нового дизайна — росла, а не уменьшалась. Каждая нереализованная функция — это упущенная возможность сделать работу всей компании еще эффективнее. Риск срыва релизного плана. Постоянное переключение команды на «пожары» ставило под угрозу планомерное развитие внутренних систем. Конвейер улучшений рисковал остановиться. По сути, инхаус-команда была вынуждена выбирать между стратегией и тактикой, и стратегия рисковала проиграть.   Наша миссия была не просто «взять несколько задач». Мы должны были стать внешним, но полностью интегрированным и управляемым производственным модулем. Процесс Мы выделили три главные задачи: –Интегрироваться в процессы клиента так, чтобы стать бесшовным продолжением его команды –Обеспечить полную предсказуемость: разбить задачи на итерации, заранее оценить стоимость и сроки–Гарантировать, что, пока их «спецназ» решает срочные задачи, развитие ключевого внутреннего продукта будет идти точно по плану Процесс: От хаоса к системе Мы подошли к задаче как к проектированию надежного... --- Вводные Ситуация Проектное бюро искало новых сотрудников в компанию. Решение Снять несколько роликов о привлекательности работы в проектном бюро. Процесс Провели интервью Разобрались, что важно для соискателей. Написали сценарий Сформулировали наши преимущества в формате интервью с сотрудниками. Сняли реальных сотрудников компании, которые рассказывали о своей работе. Смонтировали четыре разных видео с одного съемочного дня Ещё R1 Заредизайнили сайт: сделали удобнее просмотр огромного портфолио компании, реализовали поиск и найм соискателей прямо с сайта Спродюсировали, сняли и смонтировали видеоролики о работе в проектном бюро Уместили всю коммуникацию с проектным бюро в мобильное приложение Разработали для проектного бюро свой трекер задач и сэкономили кучу денег на подписке Поняли, в чём уникальность проектного бюро R1, и помогли рассказать о ней заказчикам и соискателям document. addEventListener("DOMContentLoaded", function{ jQuery(". article-load"). removeClass("article-load"); const countPage = jQuery(". count_page"); const queryString = window. location. search; const urlParams = new URLSearchParams(queryString); const loadOnScroll = "false"; let processing = false; let filterProcces = false; const multipleFilterFlag = ""; const display_lead = ""; const container = jQuery("#projects_690cbf7b8982e"); const containerId = "projects_690cbf7b8982e"; // const pageCookie = JSON. parse(getCookie("page_data")); // const next_page = pageCookie. next_page; // const pages_count = pageCookie. pages_count; // console. log(pageCookie); paramsGet = urlParams. toString. split("&"); if (paramsGet ! == "") { paramsGet. forEach(data => { const = data. split("="); const decodedValue = decodeURIComponent(value). split(","); jQuery(`. filter`). removeClass("active"); decodedValue. forEach(data => jQuery(`. filter`). addClass("active")); }); } const getElementByDataAttr = (selector, containerId) => document. querySelector(`${selector}`); const toggleFilters = getElementByDataAttr(". toggle-filters", containerId); const closeFilters = getElementByDataAttr(". close-filters", containerId); const applyFilters = getElementByDataAttr(". apply-filters", containerId); const filters = getElementByDataAttr(". filters-container", containerId); // Function to toggle filter visibility const toggleFilterVisibility =... --- Вводные Ситуация После февраля 2022 г. многие европейские бренды электротоваров ушли из России, поэтому резко возросли запросы на подбор аналогов этого оборудования. Решение Сделать сервис, который находит аналог зарубежного оборудования из каталога Чинт Электрик. Процесс Организовали все ранее подобранные аналоги в единую базу данных Сделали удобный механизм обновления данных Чтобы изменить данные о продукции, админка не нужна. Надо отредактировать в Гугл таблице информацию, а сервис сам перенесёт изменения на сайт. Быстрый сервис Разработали сервис с поисковой строкой, который по нескольким введенным символам артикула находит электротехническое оборудование и его аналоги из бренда Чинт. Когда пользователь ищет на сайте товар, которого уже нет на рынке, ему достаточно начать вводить артикул на сайт Бонпета, а сервис сразу предложит несколько аналогов. Пользователь не выходит из поисковика и изучает все варианты. Продвинули сервис по всем популярным запросам в поисковиках Запросы в интернете по ушедшим с рынка электротоваров очень возросли, поэтому мы привели этот горячий трафик на сайт без дополнительной рекламы. Результат Увеличили заказы в кризисный период и повысили трафик благодаря пользователям, которые ищут аналоги ушедшим с рынка товарам Посмотреть вживую chint-electric. ru Ещё Chint Electric document. addEventListener("DOMContentLoaded", function{ jQuery(". article-load"). removeClass("article-load"); const countPage = jQuery(". count_page"); const queryString = window. location. search; const urlParams = new URLSearchParams(queryString); const loadOnScroll = "false"; let processing = false; let filterProcces = false; const multipleFilterFlag = ""; const display_lead = ""; const container = jQuery("#projects_690cbf7b8498c"); const containerId = "projects_690cbf7b8498c"; // const pageCookie = JSON. parse(getCookie("page_data")); // const next_page = pageCookie. next_page; // const pages_count = pageCookie. pages_count; // console. log(pageCookie); paramsGet = urlParams. toString. split("&"); if (paramsGet ! == "") { paramsGet. forEach(data => { const = data. split("="); const decodedValue = decodeURIComponent(value). split(",");... --- Вводные К нам обратился Кыштымский абразивный завод — предприятие, которое десятилетиями работало по многолетним контрактам с такими же крупными заводами. Но бизнес созрел для нового шага, и у них появилась очень крутая и амбициозная гипотеза: начать работать с тысячами компаний из среднего и малого бизнеса по всей стране До: Это был классический случай, когда бизнес был готов к экспансии, но его цифровые инструменты — и вся отрасль в целом — застряли в прошлом. Мы диагностировали два ключевых симптома: «Закрытый клуб» для экспертов. Конкуренты в этой нише говорили на сложном техническом языке, не показывали цены и не заботились о визуале. Их сайты были понятны только узким специалистам-закупщикам. Малый бизнес, который искал решение, а не ГОСТ, просто проходил мимо. Визуальное молчание. Старый сайт завода был не адаптирован для заказов, на нем не было фотографий продукции, а шрифт не считывался. Он не просто не продавал — он отпугивал новую аудиторию, которая привыкла к современному и понятному онлайну. По сути, вся отрасль говорила на «заводском» языке, игнорируя огромный и платежеспособный рынок малого и среднего бизнеса. И это был наш шанс. Наша миссия была не просто «сделать современный дизайн». Мы должны были стать переводчиками: взять сложный технический продукт и представить его так, чтобы он был понятен и привлекателен для новой аудитории. Процесс Новый инструмент должен был выполнять три функции: –Привлекал малый и средний бизнес из поисковых систем –Переводил сложные технические характеристики на язык выгоды и результата –Строил доверие «с нуля» к большому заводу у небольшого клиента Процесс: От ГОСТов к понятному предложению Мы подошли к... --- Вводные Наш партнер, фабрика окон «Стекландия», столкнулся с парадоксом. Их сайт привлекал много посетителей, но главный генератор прибыли — страница «Пластиковые окна» — была «мертвой зоной». У них была по-настоящему амбициозная цель: не просто оживить эту страницу, а превратить ее в самый эффективный инструмент продаж, который бы перехватывал целевой трафик и превращал его в заявки с невиданной ранее эффективностью. До: Это был классический случай, когда самая важная страница на сайте была его самым слабым звеном. Трафик до нее доходил, но там и «умирал». По сути, страница была не инструментом, а препятствием на пути клиента. –Информационный тупик. Пользователь, искавший пластиковые окна, попадал на безликую текстовую страницу. Это была не витрина, а инструкция. Ни понятных цен, ни наглядных примеров, ни четкой структуры. Страница не отвечала на вопросы, а создавала новые. –Обрыв пути клиента. Отсутствие доверия и понятной логики заставляло почти всех посетителей уходить. Страница не вела к продаже, а обрывала диалог. Она была барьером, а не мостом к сделке. –Нулевая эффективность. Как результат — почти полное отсутствие заявок. Страница была пассивным архивом информации, а не активным продавцом, который должен был работать 24/7. В итоге, самый важный продуктовый раздел был не активом, а тормозом, который сливал впустую ценный трафик и деньги. Наша миссия была не просто «сделать редизайн». Мы должны были с нуля спроектировать автономный продающий механизм. Нужно было собрать на одной странице все необходимое для принятия решения.   Процесс Чтобы превратить страницу в идеального цифрового продавца, нужно было: –Демонстрировать продукт и его стоимость максимально прозрачно и наглядно –Вызывать абсолютное доверие, показывая реальных... --- Вводные К нам обратилась компания, которая провела большой и успешный ребрендинг. У них был новый сайт, новый логотип, но осталась одна, последняя деталь, которая портила всю картину. Их домофон, технологически современный и функциональный, «смотрел» на мир древним и неаккуратным интерфейсом. И у них была очень крутая и амбициозная цель: с нуля перепроектировать этот интерфейс так, чтобы он стал финальным, убедительным штрихом в их новом, технологичном образе До: Это был классический случай, когда компания выросла, а одна, но очень важная деталь — нет. Это был яркий пример визуального диссонанса. Мы диагностировали два ключевых симптома: Визуальный диссонанс. Древний, неаккуратный интерфейс домофона полностью противоречил новому, современному бренду. Это было как поставить ржавую, скрипучую дверь в суперсовременное здание. Барьер вместо помощника. Интерфейс не помогал, а создавал стресс. Гости и курьеры не понимали, открыта ли дверь, куда нажимать после набора номера и слышно ли их. Каждое такое «непонимание» било по имиджу и удобству. По сути, самый первый физический контакт с брендом (у двери) был самым слабым и неприятным, что перечеркивало все усилия по созданию технологичного образа. Наша миссия была не просто «перекрасить экран». Мы должны были с нуля спроектировать весь опыт взаимодействия человека с домофоном. Процесс Мы сфокусировались на трех направлениях: –Создать интерфейс, который бы выглядел как часть футуристичного фильма, а не как привет из 90-х –Сделать процесс использования интуитивно понятным на каждом шаге для любого пользователя –Превратить домофон из простой «звонилки» в умного и вежливого помощника Процесс: Проектирование цифрового «швейцара» Мы подошли к задаче как к проектированию интерфейса для космического корабля. Только логика, простота... --- Вводные После успешного запуска ключевой страницы «Пластиковые окна», наш партнер, «Стекландия», стоял на пороге нового вызова. У них была невероятно амбициозная цель: повторить этот успех для всей своей продуктовой линейки — а это более 90 наименований. Нужно было превратить один удачный выстрел в системный захват рынка До: Это был классический случай, когда успех стал ловушкой. Старый метод «ручной сборки» каждой страницы, который сработал для одного продукта, оказался совершенно непригоден для масштабирования. По сути, компания столкнулась с проклятием собственного роста: –Тирания умножения. Создать 90 качественных продуктовых страниц по старой схеме означало умножить бюджет и время на 90. Рост ассортимента превращался из преимущества в неподъемную финансовую и организационную задачу. –Информационный хаос для клиента. В старом портфолио все проекты были свалены в одну кучу. Чтобы найти, как выглядят конкретные балконные двери, клиент должен был вручную пролистать гигабайты фотографий окон, перегородок и фасадов. Это был путь к потере клиента. –Зависимость от разработчиков. Каждая новая страница или правка требовала привлечения команды — дизайнера, верстальщика, программиста. Бизнес не мог быть гибким и быстрым, он был заложником производственного цикла подрядчика. В итоге, их подход к созданию продуктовых страниц был не системой, а искусством. А искусство, как известно, не масштабируется. Наша миссия была не в том, чтобы «нарисовать 90 лендингов». Мы должны были спроектировать и построить для клиента настоящую «фабрику» по производству продающих страниц. Процесс У «фабрики» было три задачи: –Генерировать новые продуктовые страницы силами менеджера, без участия дизайнеров и разработчиков –Захватывать топ поисковой выдачи по каждому из 90 продуктов –Направлять пользователя от общего интереса к конкретному продукту... --- Вводные Наш давний партнер, «Стекландия», успешно работал с 2001 года. За это время они накопили бесценный актив — базу данных всех своих клиентов. Но был один нюанс: этот актив был мертв. Их амбициозная цель была не просто спасти эти данные, а воскресить их, превратив из мертвой истории в работающий инструмент для будущего роста До: Это был классический случай, когда успех и многолетняя история компании породили системную проблему. Старая программа для расчетов, «СуперОкна», не справлялась с объемом данных за 20 лет. Решение, которое казалось логичным — ежегодное архивирование, — со временем превратилось в огромный тормоз. –Цифровое кладбище. Все данные о клиентах и заказах были похоронены в сотнях ZIP-файлов на разрозненных жестких дисках. Это был не архив, а склеп: информация физически существовала, но добраться до нее было невозможно. –Информационный хаос. Даже если открыть архив, данные внутри были похожи на археологические раскопки. Адреса записаны как попало, поля перепутаны, номера домов — то цифрой, то словом. Использовать этот массив информации было нереально. –Замороженный потенциал. Компания сидела на золотой жиле, но не могла ее использовать. Найти повторного клиента, проанализировать заказы в конкретном доме, поднять историю объекта — все это было за гранью возможного. По сути, их самый ценный актив — 20-летняя история работы — был пассивом. Он не помогал, а лежал мертвым грузом, замедляя и усложняя любые попытки работать со старой базой. Наша миссия была не просто «перенести старые файлы». Мы должны были спроектировать и построить единую облачную систему, которая бы превратила хаос в идеальный порядок.   Процесс Этот инструмент должен был: –Объединять все разрозненные... --- Вводные К нам обратилась технологическая компания ТНБ с очень тонкой и сложной задачей. Они хотели выглядеть современно и инновационно, но при этом боялись потерять узнаваемость, которую нарабатывали годами. И у них была очень четкая и амбициозная цель: провести не кардинальную революцию, а умную, бережную эволюцию своего фирменного стиля. До: Это был классический случай, когда бизнес ушел вперед, а его визуальный язык — нет. Логотип и стиль не то чтобы были плохими, они просто перестали соответствовать времени и амбициям компании. Мы диагностировали два ключевых симптома: Визуальная «усталость». Старый логотип и отсутствие единого стиля выглядели неактуально. Они не врали, но и не рассказывали всей правды о том, насколько технологичной и современной стала компания. Отсутствие системы. Без четких правил и руководства фирменный стиль применялся хаотично. Каждый новый документ или визитка могли выглядеть по-разному. Это размывало образ бренда и создавало ощущение небрежности. По сути, визуальный язык компании не помогал ей выглядеть лидером, а скорее, тянул ее в прошлое. Наша миссия была не просто «перерисовать логотип». Мы должны были выступить в роли реставраторов и системных архитекторов одновременно. Процесс Мы сфокусировались на трех направлениях: –Обновить логотип, сделав его трендовым, но сохранив его изначальный смысл и узнаваемость –Спроектировать гибкий и современный фирменный стиль, который бы говорил на языке высоких технологий –Создать простую и понятную инструкцию, которая бы позволила всей компании использовать новый стиль правильно и без ошибок Процесс: От старого логотипа к новой дизайн-системе Мы подошли к задаче как к бережной реставрации дорогого автомобиля. Нужно было сохранить его уникальный характер, но полностью обновить «начинку» и внешний вид.... --- Вводные Наш партнер, «Стекландия», уже доминировал на рынке благодаря мощному производству и выстроенной дилерской сети. Но они искали новые каналы для роста и укрепления своего имиджа как технологического лидера. Их амбициозная цель была — завоевать территорию соцсетей, превратив их из формальности в полноценное цифровое представительство компании. До: После анализа конкурентов стало очевидно: соцсети в их нише были «диким полем». Но это был и огромный шанс. Существующие аккаунты компании были классическим случаем, когда инструмент есть, но он не работает, а скорее вредит. По сути, это был симптом роста, когда масштабу бизнеса не соответствовал его публичный образ. –Отсутствие системного голоса. Посты (если они были) появлялись хаотично, без единого стиля и логики. Это создавало образ несерьезной, кустарной организации, что полностью противоречило статусу крупного производителя. –Пассивный профиль-визитка. Аккаунты были просто цифровыми заглушками. Непродуманное описание, отсутствие навигации и четких призывов к действию. Они не вели диалог, а просто пассивно существовали в сети. –Визуальный шум вместо экспертизы. Лента представляла собой набор случайных картинок, а не витрину технологических возможностей и реализованных проектов. Это не вызывало доверия и не демонстрировало масштаб компании. В итоге соцсети были не активом, а пассивом. Они не укрепляли бренд, а размывали его, создавая пропасть между реальной мощью компании и ее онлайн-образом. Наша миссия была не просто «начать постить котиков и окна». Мы должны были спроектировать и запустить контентный конвейер, который бы системно транслировал ценности бренда.   Процесс Ключевых целей было три: –Формировать образ технологичного и надежного лидера рынка в каждой публикации –Демонстрировать экспертизу через понятные и структурированные форматы контента –Превращать пассивный профиль в... --- Вводные Наш давний партнер, «Стекландия», за 20 лет работы накопил самый ценный актив — полную базу данных всех своих клиентов. Но был один нюанс: этот актив был мертв и похоронен. Их амбициозная цель была не просто спасти эти данные, а воскресить их, превратив из мертвой истории в работающий и, что важно, управляемый инструмент для будущего роста До: Это был классический случай, когда успех и многолетняя история компании породили системную проблему. Старая программа для расчетов, «СуперОкна», не справлялась с объемом данных. Решение, которое казалось логичным — ежегодное архивирование, — со временем превратилось в огромный тормоз. –Цифровое кладбище. Все данные о клиентах и заказах были похоронены в сотнях ZIP-файлов на разрозненных жестких дисках. Это был не архив, а склеп: информация физически существовала, но добраться до нее было невозможно. –Информационный хаос. Даже если открыть архив, данные внутри были похожи на археологические раскопки. Адреса записаны как попало, поля перепутаны, номера домов — то цифрой, то словом. Использовать этот массив информации было нереально. –Замороженный потенциал. Компания сидела на золотой жиле, но не могла ее использовать. Найти повторного клиента, проанализировать заказы в конкретном доме, поднять историю объекта — все это было за гранью возможного. По сути, их самый ценный актив — многолетняя история работы — был пассивом. Он не помогал, а лежал мертвым грузом, замедляя и усложняя любые попытки работать со старой базой. Наша миссия была не просто «перенести старые файлы». Мы должны были спроектировать и построить единую облачную систему, которая бы превратила хаос в идеальный порядок и безопасность.   Процесс Этот инструмент должен был: –... --- Вводные К нам обратилось крупное проектное бюро, которое столкнулось с неизбежным последствием собственного успеха: чем больше становилось проектов и команд, тем громче становился хаос. И у них была амбициозная цель: построить единый цифровой «штаб», который бы вернул в работу порядок, прозрачность и контроль.   До: Это был классический случай, когда бизнес вырос быстрее, чем его внутренние процессы. Коммуникационная система, которая держалась на чатах и почте, просто не выдержала нового масштаба.   Мы диагностировали два ключевых симптома: Цифровой «Вавилон». Вся информация была разбросана по десяткам каналов: чаты в Telegram, письма, файлы на диске, задачи в таблицах. Найти актуальный документ или понять статус задачи превращалось в настоящий квест. «Слепая зона» в управлении. Руководители не видели полной картины. Понять, на каком этапе находится проект в целом, было практически невозможно, что замедляло принятие решений и приводило к ошибкам.   По сути, у компании не было единого «нервного центра», который бы связывал все отделы и проекты в один слаженный организм. Наша миссия была не просто «создать еще один чат». Мы должны были спроектировать и построить единое цифровое пространство, которое стало бы единственным источником правды для всей компании.   Процесс Новый инструмент должен был выполнять три функции: Создать единый и единственный источник правды для каждого проекта. Вооружить каждого сотрудника персональным «пультом управления», который показывает только его задачи. Дать руководителям инструмент для полного контроля и прозрачности всех процессов Процесс: Проектирование цифрового «штаба» Мы подошли к задаче как архитекторы, проектирующие центральный командный пункт. Только логика, структура и фокус на простоте. Архитектура изолированных проектов. Мы разработали систему, где под... --- Вводные Наш партнер, «Стекландия», уже был федеральным гигантом. Но в онлайн-мире они столкнулись с проблемой: чтобы побеждать в поисковой выдаче, нужно быть не гигантом, а «местным парнем» в каждом городе. И у них была невероятно амбициозная цель: создать систему, которая позволит им выглядеть как 20 отдельных локальных компаний, но управлять всем этим как единым, отлаженным механизмом До: Бизнес вырос настолько, что их единый федеральный сайт из актива превратился в тормоз для региональной экспансии. Это был классический случай, когда масштаб компании стал ее же «узким горлышком» в цифровом пространстве. Мы диагностировали несколько ключевых симптомов роста: Невидимость на местах. В поисковой выдаче по запросу «окна в Челябинске» их большой федеральный сайт проигрывал маленьким местным компаниям. Для поисковиков он был «туристом», а не резидентом. Один оффер для всех. На одном сайте было невозможно показать жителю Екатеринбурга акции и условия доставки для его города, не запутав при этом клиента из Тюмени. Это создавало кашу из информации и снижало конверсию. Логистический хаос. Все заявки со всей страны падали в одну общую CRM, превращая процесс их распределения по 14 салонам в настоящий кошмар. Менеджеры тратили время на сортировку, а клиенты — ждали. По сути, их сайт был пассивным и неповоротливым монолитом. Он не мог гибко адаптироваться под главную задачу — быть своим в каждом городе присутствия. Наша миссия была не просто «накопировать сайты». Мы должны были спроектировать и построить единую, но многоликую цифровую платформу.   Процесс И эта цифровая платформа должна была: – Завоевывала доверие поисковых систем в каждом городе как полноценный локальный игрок – Демонстрировала... --- Вводные К нам обратилась компания, отдел продаж которой столкнулся с очень распространенной, но от этого не менее болезненной проблемой. После успешного звонка менеджеру просто нечего было отправить клиенту. И у них была очень четкая и амбициозная цель: создать единый, стильный и убедительный документ, который бы стал их главным «вторым касанием» после разговора До: Это был классический случай, когда устная презентация была сильной, а ее цифровое подкрепление — отсутствовало. Мы диагностировали два ключевых симптома: Информационный хаос. Вся информация о товарах была разбросана по нескольким разным, часто устаревшим документам и каталогам. Отправить клиенту что-то одно, полное и понятное, было невозможно. Упущенная возможность «дожать» клиента. После звонка, когда клиент был максимально «прогрет», у менеджера не было инструмента, чтобы закрепить успех. Пауза затягивалась, интерес остывал, а сделка срывалась. По сути, у сильного отдела продаж не было главного — профессионального и стандартизированного инструмента, который бы работал на них после того, как они положат трубку. Наша миссия была не просто «сверстать прайс-лист». Мы должны были спроектировать и собрать полноценный продающий инструмент. Процесс Новая презентация должна была выполнять три функции: –Собирала всю ключевую информацию о компании и продуктах в одном месте –Выглядела стильно, современно и убедительно, подкрепляя статус компании –Была гибкой и легко редактируемой самими менеджерами, без помощи дизайнера. Процесс: Проектирование продающей презентации Мы подошли к задаче как к созданию идеального коммерческого предложения. Только суть, логика и фокус на клиенте. Структура, которая ведет к сделке. Мы не просто собрали информацию, а выстроили ее в логичное повествование: начали с сильной презентации самой компании, затем — наглядно и понятно... --- Вводные Наш партнер, «Стекландия», — это компания с 20-летней историей и заслуженной репутацией. Их имя и логотип были хорошо узнаваемы на рынке. Но был один нюанс: никто, включая саму компанию, не знал, как именно выглядит «тот самый» логотип. Их амбициозная цель была в том, чтобы наконец-то навести порядок и создать единый, несокрушимый визуальный стандарт, который бы соответствовал их статусу лидера. До: Это был классический случай, когда бизнес рос быстрее, чем его визуальная система. За 20 лет логотип жил своей жизнью, обрастая новыми версиями, и это превратилось из простого недочета в системный тормоз. По сути, мы диагностировали несколько симптомов этого неконтролируемого роста: Визуальный зоопарк. Существовали десятки вариаций логотипа: с разными цветами, обводками, шрифтами. Каждый отдел, каждый подрядчик мог использовать ту версию, которая была «под рукой». Это создавало размытый и непрофессиональный образ бренда. Технологический тупик. Критически важной проблемой было отсутствие последней версии логотипа в векторном формате. Это означало, что его невозможно было качественно использовать для печати, на вывесках или автомобилях. Компания-гигант была бессильна в базовых брендинговых задачах. Синдром «украшательства». Со временем логотип оброс лишними деталями: обводками, декоративными элементами на буквах. Все это перегружало знак, делало его визуально «грязным» и устаревшим. В итоге главный символ компании был не четким сигналом, а набором шумов. Он был не активом, а хаотичным набором файлов, который подрывал целостность бренда. Наша миссия была не в том, чтобы «придумать новый логотип» и все разрушить. Мы должны были выступить в роли инженеров-реставраторов: изучить историю, очистить ее от ошибок и создать единый, функциональный стандарт. Процесс Новый логотип должен был: – Создавать... --- Вводные К нам обратилась компания «Дор-Сити», которая решила выделить продажу раздвижных решеток в отдельное, мощное направление. Но они столкнулись с почти невыполнимой задачей: сам производитель не предоставлял никаких внятных материалов, а его калькулятор был абсолютно неюзабельным для новичка. И у них была очень крутая и амбициозная цель: разобраться в этом хаосе и создать инструмент, который будет продавать решетки лучше, чем сайт самого завода До: Это был классический случай, когда у дистрибьютора есть воля к продажам, но нет главного — внятной информации о продукте. Мы диагностировали два ключевых симптома: Информационный вакуум. Производитель рассказывал о своей продукции сплошным нечитаемым текстом. Понять, какие бывают решетки, чем они отличаются и какие есть опции, было практически невозможно. «Черный ящик» вместо калькулятора. Существующий калькулятор с 30 опциями был головоломкой без инструкции. Как меняется цена при разных комбинациях, было абсолютно непонятно. Это был не инструмент продаж, а главный барьер, который отпугивал 100% потенциальных клиентов. По сути, компания была готова продавать, но у нее не было ни одного работающего инструмента, чтобы просто и понятно объяснить продукт и рассчитать его стоимость. Наша миссия была не просто «сделать сайт». Мы должны были стать инженерами-реверсерами и маркетологами в одном лице. Процесс Мы выделили три главные задачи: –«Взломать» логику продукта. Самостоятельно разобраться во всех видах решеток, их опциях и, самое главное, — в алгоритме ценообразования –Спроектировать новый, интуитивно понятный калькулятор, которым сможет пользоваться даже неспециалист –Упаковать всю эту сложную информацию в простой и убедительный лендинг.   Процесс: От реверс-инжиниринга к продажам Мы подошли к задаче как к детективному расследованию. Нам нужно было... --- Вводные К нам обратилась компания, которая много лет успешно работала со сложным госзаказом и привыкла говорить на языке юридических штампов. Но бизнес вырос, и они поставили очень крутую и амбициозную цель: завоевать совершенно новые для себя рынки — от застройщиков и интернет-провайдеров до обычных частных клиентов. Им нужен был переводчик До: Это был классический случай, когда бизнес вырос, а его язык общения с рынком — нет. Старые рекламные материалы, написанные на «казенном» языке, были абсолютно неэффективны для новой аудитории. Мы диагностировали два ключевых симптома: Разговор на «казенном» языке. Сложные формулировки и технические термины не просто не продавали, а создавали стену между компанией и потенциальным клиентом. Это был монолог, который никто не хотел слушать. Один монолог для всех. Компания пыталась говорить одно и то же и застройщику, и частному клиенту, игнорируя тот факт, что у них совершенно разные боли и потребности. По сути, их маркетинговые материалы были не мостом к клиенту, а стеной из непонятных терминов. Наша миссия была не просто «переписать тексты». Мы должны были стать «переводчиками» с языка продукта на язык выгоды для пяти разных аудиторий. Процесс Мы выделили три главные задачи: –Извлечь реальные боли и потребности каждого из пяти сегментов аудитории –Спроектировать для каждого сегмента свою отдельную «посадочную площадку» –Перевести сложные технические характеристики на простой и понятный язык решения конкретных проблем Процесс: Проектирование пяти разных «мостов» Мы подошли к задаче как к проектированию пяти разных мостов к пяти разным городам. Каждый мост должен был быть построен из материалов, понятных его «жителям». Фундамент — язык выгоды для каждой аудитории.... --- Вводные Ситуация Сделал печатный каталог для нового продукта — шкафов АВР. Мы уже делали такой каталог для других продуктов и столкнулись с проблемой: производитель менял цены примерно раз в пол года, для обновления цен нужно привлекать дизайнера, а дизайнеру долго и кропотливо сравнивать и обновлять цены по каждому артикулу. Это было дорого, неэффективно и влекло ошибки из-за человеческого фактора. Решение Придумать такой дизайн, который бы хорошо выглядел и который можно было бы собрать в Гугл Документах. Процесс Провели фотосессию продукта Высушили описание и оставили только самое важное Изучили потребителя и поняли, что очень много информации о товаре он пропускает, а важное для себя теряет из-за перегруза данными. Аккуратно сверстали таблицы с характеристиками и ценами Cверстали аккуратный каталог в Гугл Документах, который можно легко редактировать без дизайнера Менеджер редактирует информацию в Гугл Документах, а затем система сама переносит изменения в каталог на сайте. Теперь заказчик меняет данные без помощи других специалистов. Результат Удобный каталог для компании и клиентов Ещё Chint Elecric document. addEventListener("DOMContentLoaded", function{ jQuery(". article-load"). removeClass("article-load"); const countPage = jQuery(". count_page"); const queryString = window. location. search; const urlParams = new URLSearchParams(queryString); const loadOnScroll = "false"; let processing = false; let filterProcces = false; const multipleFilterFlag = ""; const display_lead = ""; const container = jQuery("#projects_690cbf7ae66fa"); const containerId = "projects_690cbf7ae66fa"; // const pageCookie = JSON. parse(getCookie("page_data")); // const next_page = pageCookie. next_page; // const pages_count = pageCookie. pages_count; // console. log(pageCookie); paramsGet = urlParams. toString. split("&"); if (paramsGet ! == "") { paramsGet. forEach(data => { const = data. split("="); const decodedValue = decodeURIComponent(value). split(","); jQuery(`. filter`). removeClass("active"); decodedValue. forEach(data => jQuery(`. filter`). addClass("active")); }); } const getElementByDataAttr = (selector, containerId) => document. querySelector(`${selector}`); const toggleFilters =... --- Вводные К нам обратилась кадастровая компания из небольшого города с очень понятной и, на первый взгляд, логичной целью: построить новый, современный сайт, чтобы системно привлекать клиентов из интернета. Они были готовы инвестировать в цифровой канал, но хотели сделать это с умом До: Это был классический случай, когда бизнес хочет повторить успешные кейсы из других ниш, не проверив, а есть ли для этого «топливо» — реальный спрос. Мы диагностировали два ключевых симптома этой ситуации: Гипотеза вместо данных. Вся стратегия строилась на предположении: «если мы сделаем хороший сайт, клиенты придут». Но не было никаких данных, которые бы подтверждали, что люди вообще ищут кадастровые услуги в интернете в их регионе. Риск «мертвых» инвестиций. Существовал огромный риск вложить серьезные деньги в разработку и SEO-продвижение сайта, который бы просто стоял впустую, потому что на него никто и никогда бы не пришел из поиска. По сути, первоначальный план был похож на постройку большого и красивого завода в месте, куда не ведут ни автомобильные, ни железные дороги. Наша миссия была не в том, чтобы слепо выполнить задачу клиента «сделать сайт». Мы должны были сначала выступить в роли бизнес-аналитиков и разведчиков Процесс Мы выделили три главные задачи: –Найти реальный, а не выдуманный спрос на кадастровые услуги в интернете –Оценить рентабельность создания большого сайта и SEO-продвижения –Предложить решение, которое будет основано на холодных цифрах, а не на горячих желаниях Процесс: Мы подошли к задаче не как веб-студия, а как стратегические консультанты. Наш главный инструмент на этом этапе — не дизайн, а анализ. Фундамент из реального спроса. Мы начали с... --- Вводные Ситуация У компании было большое количество информации для сотрудников, но вся она находилась в разных источниках, и ориентироваться в ней было очень трудно. Решение Разработать закрытую базу знаний с наглядной навигацией и удобным наполнением. Процесс Разработали базу, добавили всё необходимо и разделили по категориям Собрали главную страницу для удобной навигации по всем разделам Раздел о компании: история, бренд, миссия и ценности, стратегия, орг. структура, топ-менеджмент Все необходимые для работы документы разбиты по функциональным областям: продажи, финансы, производство Базу всех сотрудников компании с контактами, подразделениями и должностями. Словарь терминов, используемый в компании. Информацию для новичка: что делать в первый день, первую неделю, первый месяц. Информацию для сотрудника: как получить справку, как оформить отпуск и командировку, как воспользоваться льготами и так далее. Путеводитель по внутренним сервисам и компаниям. Ответы на часто задаваемые вопросы. Результат Все данные о компании собраны в одном месте с удобной навигацией и поиском --- Вводные К нам обратился производитель перлита и вермикулита — продукции для очень узкого и специфичного B2B-рынка, от аграриев до нефтяников. И у них была очень крутая и амбициозная цель: стать не просто одним из игроков, а настоящим цифровым лидером и экспертом №1 в своей нише До: Это был классический случай, когда бизнес вырос, а его главный цифровой инструмент — нет. Компания обладала огромной экспертизой, но старый сайт перестал справляться с задачей ее трансляции на рынок. Он стал тормозом для роста.   Мы выделили два ключевых симптома: Невидимость в онлайне. Самая большая проблема. Потенциальные клиенты просто не могли найти компанию в поисковых системах, потому что сайт не отвечал на их запросы. Это была упущенная возможность заявить о себе. -Отсутствие диалога с аудиторией. Сайт говорил на общем языке, в то время как клиентам из разных отраслей (сельское хозяйство, промышленность, нефтедобыча) нужна была конкретика. Они не получали ответа на свой главный вопрос: "Как этот продукт решит именно мою задачу? ". -По сути, сайт был пассивной визиткой, которая не помогала, а мешала компании реализовывать свой экспертный потенциал. Наша задача была не просто "нарисовать новый дизайн" или "написать пару текстов". Мы должны были спроектировать и построить актив, который будет системно работать на бизнес-цели клиента Процесс Ключевых задач было три — создать платформу, которая: Привлекала целевую аудиторию из поисковых систем, отвечая на сотни специфических запросов. Демонстрировала глубокую экспертизу, рассказывая о продукте на языке каждой конкретной отрасли. Генерировала поток качественных обращений от клиентов, которые уже понимают ценность продукта. Процесс: Инженерный подход и системность Мы подошли к задаче... --- Вводные Ситуация Для дистрибьютора электротехники Бонпет мы уже сделали сайт и продвигали его в интернете. Сделали так много страниц, что посетители стали пользоваться строкой поиска на сайте все чаще и чаще. Но чтобы найти товар, требовалось в точности ввести название именно так, как указано в карточке товара. Решение Упростить пользование поиском и добавить в него автодополнение. Процесс Работает в любом регистре и раскладке, без учета пробелов. Предлагает варианты уже после введения трёх символов. Результат Пользователям стало проще находить товары, а поиск стал главным инструментом навигации на сайте Посмотреть вживую bonpet. tech Ещё Chint electric document. addEventListener("DOMContentLoaded", function{ jQuery(". article-load"). removeClass("article-load"); const countPage = jQuery(". count_page"); const queryString = window. location. search; const urlParams = new URLSearchParams(queryString); const loadOnScroll = "false"; let processing = false; let filterProcces = false; const multipleFilterFlag = ""; const display_lead = ""; const container = jQuery("#projects_690cbf7b8db16"); const containerId = "projects_690cbf7b8db16"; // const pageCookie = JSON. parse(getCookie("page_data")); // const next_page = pageCookie. next_page; // const pages_count = pageCookie. pages_count; // console. log(pageCookie); paramsGet = urlParams. toString. split("&"); if (paramsGet ! == "") { paramsGet. forEach(data => { const = data. split("="); const decodedValue = decodeURIComponent(value). split(","); jQuery(`. filter`). removeClass("active"); decodedValue. forEach(data => jQuery(`. filter`). addClass("active")); }); } const getElementByDataAttr = (selector, containerId) => document. querySelector(`${selector}`); const toggleFilters = getElementByDataAttr(". toggle-filters", containerId); const closeFilters = getElementByDataAttr(". close-filters", containerId); const applyFilters = getElementByDataAttr(". apply-filters", containerId); const filters = getElementByDataAttr(". filters-container", containerId); // Function to toggle filter visibility const toggleFilterVisibility = => { const isVisible = filters? . classList. contains("show"); filters? . classList. toggle("show", ! isVisible); closeFilters? . classList. toggle("show", ! isVisible); if (window.... --- Вводные К нам обратился производитель перлита и вермикулита «Альтернатива» — компания, которая совершила мощный рывок. Они вышли на федеральный уровень, открыли 5 заводов, и теперь им нужен был не просто новый логотип, а визуальный флагман, который бы соответствовал их новому статусу и амбициям. До: Это был классический случай, когда бизнес вырос так быстро, что его старый визуальный язык перестал за ним успевать. Он не просто устарел — он начал молчать о главном.   Мы диагностировали два ключевых симптома: Визуальное молчание. Старый логотип не рассказывал историю. Он молчал о лидерстве, о шести разных рынках, на которых работает компания, о самом продукте и о стремительном росте. Это была упущенная возможность заявить о своей силе. Отсутствие единого кода. Без четкой системы смыслов логотип был просто картинкой, а не рабочим инструментом. Он не мог адаптироваться под разные направления и не нес в себе той уникальности, которая уже была у компании. По сути, у компании не было визуального языка, достойного ее реальных достижений.   Наша миссия была не просто «нарисовать знак». Мы должны были стать переводчиками и криптографами: извлечь ДНК бизнеса и зашифровать его в одном, сильном и понятном символе.   Процесс Новый инструмент должен был выполнять три функции: –Рассказывать историю о лидерстве, продукте, росте и шести направлениях деятельности. –Быть гибкой системой, которую можно адаптировать для разных отраслей. –Выглядеть как знак федерального лидера, а не локального игрока. Процесс: От смыслов к знаку Мы подошли к задаче не как художники, а как проектировщики. Нам нужно было не придумать, а собрать работающую систему из уже существующих в... --- Вводные К нам обратилась «Брусника» с очень важной и амбициозной задачей. Им нужен был не просто способ собирать гарантийные обращения от жильцов, а умная система, которая бы гарантировала, что ни одна заявка не потеряется и каждый дефект будет устранен в кратчайшие сроки До: Это был классический случай, когда отсутствие единой системы приводило к репутационным и операционным рискам.   Мы диагностировали два ключевых симптома: Риск «потерянных» обращений. Без единой точки входа заявки могли приходить по разным каналам, теряться или обрабатываться с задержкой. Каждое такое обращение — это удар по лояльности клиента. Отсутствие системы контроля. Не было простого способа отслеживать, на каком этапе находится устранение дефекта. Процесс был непрозрачным как для клиента, так и для руководства. По сути, у компании не было управляемого инструмента, который бы превращал неизбежные гарантийные случаи в демонстрацию высочайшего уровня сервиса.   Наша миссия была не просто «сделать форму для заявок». Мы должны были спроектировать и запустить полноценный сервисный конвейер.   Процесс Новый инструмент должен был выполнять три функции: –Создавал единую и удобную точку входа для всех гарантийных обращений –Гарантировал 100% доставку заявки напрямую к ответственным исполнителям –Обеспечивал полный контроль за сроками и качеством устранения дефектов Процесс: Проектирование сервисного конвейера Мы подошли к задаче как к проектированию сложной логистической системы, где каждый груз (обращение) должен быть доставлен точно по адресу и в срок.   Проектирование «умной» точки входа. Мы разработали форму сбора заявок, которая сама помогает пользователю. Все, что мы уже знаем о клиенте, например, адрес, подтягивается автоматически. Это упрощает процесс для жильца и исключает ошибки. Двойной контур... --- Вводные К нам обратилась «Брусника» — компания, где внутренние цифровые сервисы так же важны, как и внешние. Их «кабинет сотрудника» был мощным и рабочим инструментом, но у него был один фатальный недостаток. И у компании была очень практичная, но амбициозная цель: освободить их главный внутренний сервис и сделать его доступным абсолютно на любом устройстве. До: Это был классический случай, когда компания и ее сотрудники выросли и стали мобильнее, а их ключевой цифровой инструмент — нет. Он был спроектирован для мира, где все сидят за стационарными компьютерами.   Мы диагностировали два ключевых симптома: Привязка к рабочему столу. Сотрудники не могли получить доступ к своим задачам или информации с телефона или планшета. Инструмент, который должен был помогать, был доступен только в офисе, что тормозило гибкую и современную работу. «Слепая зона» на презентациях. Показать кабинет на большом экране в переговорной было невозможно. Это была упущенная возможность использовать свой же мощный инструмент для планерок и презентаций.   По сути, самый важный внутренний сервис был «заперт» в рамках десктопа, превратившись из помощника в цифровой якорь.   Наша миссия была не просто «сделать адаптивную верстку». Мы должны были перепроектировать весь интерфейс так, чтобы он стал по-настоястоящему универсальным.   Процесс Новый инструмент должен был: –Работать безупречно на смартфоне в руке у сотрудника –Выглядеть идеально на планшете на встрече –Впечатлять на огромном экране в переговорной Процесс: Проектирование универсальной системы Мы подошли к задаче не как верстальщики, а как проектировщики гибких систем. Нам нужно было не просто «сжать» десктоп, а пересобрать его на новом фундаменте.   Архитектурная пересборка. Мы... --- Вводные Ситуация Клиент пришёл с запросом: увеличить количество заказов через интернет. Проблема была в том, что заказчик поставлял только один бренд. Первые строки поиска и высокочастотные запросы забирали мультибрендовые магазины Решение Проанализировать, что ищут пользователи, и добавить страницы, которые более точно отвечают на запрос клиентов. Процесс Пользователь сам стал создавать страницы из каталога У Бонпета уже был генератор на сайте. Он создавал новые страницы для продукции, но они не индексировались поисковиками и не появлялись на первых строках. Мы сделали так, что фильтр на сайте сам генерирует новые страницы каждый раз, когда пользователь собирает заказ. Клиент составляет вариации товара. Например: «категория + свойство» или даже «категория + свойство + свойство». А фильтр создает отдельную страницу. Так как она уже удовлетворила пользователя, поисковик продвигает ее на первые строки. Увеличили посещаемость товарных страниц Так мы из одной страницы категории сделали сразу 40-100 страниц, которые не мешают пользователю, но очень помогают поисковикам подбирать нужный для пользователя ответ. Результат Увеличили количество посетителей сайта и покупателей Продвинули товары в поисковиках Посмотреть вживую chint-electric. ru Ещё Chint Electric document. addEventListener("DOMContentLoaded", function{ jQuery(". article-load"). removeClass("article-load"); const countPage = jQuery(". count_page"); const queryString = window. location. search; const urlParams = new URLSearchParams(queryString); const loadOnScroll = "false"; let processing = false; let filterProcces = false; const multipleFilterFlag = ""; const display_lead = ""; const container = jQuery("#projects_690cbf7ba4fd0"); const containerId = "projects_690cbf7ba4fd0"; // const pageCookie = JSON. parse(getCookie("page_data")); // const next_page = pageCookie. next_page; // const pages_count = pageCookie. pages_count; // console. log(pageCookie); paramsGet = urlParams. toString. split("&"); if (paramsGet ! == "") { paramsGet. forEach(data => { const = data. split("="); const decodedValue = decodeURIComponent(value). split(","); jQuery(`. filter`). removeClass("active"); decodedValue. forEach(data => jQuery(`. filter`). addClass("active")); });... --- Вводные К нам обратился крупный производитель окон, который делал действительно качественный продукт. Но у них была проблема: их коммерческое предложение совершенно не отражало масштаб и экспертизу компании. Их амбициозная цель была в том, чтобы их КП работало так же мощно, как их производство — убеждало с первого взгляда и не оставляло сомнений в выборе. До: Это был классический случай, когда реальная мощь бизнеса была заперта за фасадом слабого инструмента продаж. Их коммерческое предложение — текстовый документ на одну страницу — был главным тормозом. По сути, мы диагностировали несколько критических «симптомов роста»: Синдром «невидимого эксперта». Компания с огромной фабрикой, командой профессионалов и впечатляющими проектами выглядела в глазах клиента как маленькая фирма без лица и истории. Документ не передавал и 10% их реальной ценности. Разрыв в доверии. Текстовая страница не могла вызвать доверие. Она не показывала ни реального производства, ни людей, которые за ним стоят, ни результатов их работы. Клиенту предлагали поверить на слово. Пассивное информирование. Старое КП было просто прайс-листом. Оно не продавало, не убеждало и не работало с возражениями. Оно просто констатировало факт, оставаясь абсолютно пассивным инструментом. В итоге, их главный документ для продаж был не активом, а пассивом. Он не помогал, а мешал заключать крупные контракты, создавая пропасть между реальностью и ее восприятием. Наша миссия была не просто «сделать презентацию». Мы должны были сконструировать системный инструмент, который бы с первой страницы строил несокрушимое доверие к компании.   Процесс Инструмент был необходим, чтобы: –Демонстрировать реальный масштаб и производственную мощь фабрики –Знакомить с ключевыми людьми, превращая безликую компанию в команду экспертов... --- Вводные Ситуация Мы уже собирали большую часть трафика по горячим запросам в поисковике, например, «купить авр», «контакторы чинт». Следующий этап — привлечь ещё больше посетителей на сайт. Решение Приводить на сайт пользователей по околотематическим запросам, связанных с электротехникой в целом. Процесс Изучили спрос Изучили, что ищут покупатели и люди, похожие на покупателей, о нашей тематике. Расширили семантическое ядро и составили контент-план Мы отбирали такие запросы, которые могли искать возможные клиенты. Было бессмысленно приводить людей, которые хотят почитать об электротехнике для доклада или расширения кругозора. Наполнили сайт статьями, новостями и примерами работ компании СтатьиКейсыНовости Результат Сегодня больше 11 000 раз переходов в карточки товаров из статей, новостей и кейсов Посмотреть вживую chint-electric. ru Ещё Chint Electric document. addEventListener("DOMContentLoaded", function{ jQuery(". article-load"). removeClass("article-load"); const countPage = jQuery(". count_page"); const queryString = window. location. search; const urlParams = new URLSearchParams(queryString); const loadOnScroll = "false"; let processing = false; let filterProcces = false; const multipleFilterFlag = ""; const display_lead = ""; const container = jQuery("#projects_690cbf7bb2fe8"); const containerId = "projects_690cbf7bb2fe8"; // const pageCookie = JSON. parse(getCookie("page_data")); // const next_page = pageCookie. next_page; // const pages_count = pageCookie. pages_count; // console. log(pageCookie); paramsGet = urlParams. toString. split("&"); if (paramsGet ! == "") { paramsGet. forEach(data => { const = data. split("="); const decodedValue = decodeURIComponent(value). split(","); jQuery(`. filter`). removeClass("active"); decodedValue. forEach(data => jQuery(`. filter`). addClass("active")); }); } const getElementByDataAttr = (selector, containerId) => document. querySelector(`${selector}`); const toggleFilters = getElementByDataAttr(". toggle-filters", containerId); const closeFilters = getElementByDataAttr(". close-filters", containerId); const applyFilters = getElementByDataAttr(". apply-filters", containerId); const filters = getElementByDataAttr(". filters-container", containerId); // Function to toggle filter visibility const toggleFilterVisibility = => { const isVisible =... --- Вводные К нам обратилась владелица студии красоты, которая столкнулась с очень распространенной, но от этого не менее опасной проблемой. Ее бизнес рос, но его визуальное лицо — логотип — был безликим стоковым шаблоном, как у десятков других компаний. И у нее была очень четкая и амбициозная цель: обрести собственный, уникальный голос и перестать теряться на фоне конкурентов До: Это был классический случай, когда бизнес перерос свою первую, временную «упаковку». Она не просто устарела — она начала мешать   Мы диагностировали два ключевых симптома: Визуальная неотличимость. Старый логотип — цветочек с фотостока — не просто не выделял, а буквально смешивал студию с толпой конкурентов. Для клиентов все были «на одно лицо». Отсутствие собственного языка. Без единого фирменного стиля каждый новый носитель — от поста в соцсетях до подарочного сертификата — выглядел случайно. Не было единого кода, который бы формировал узнаваемый и запоминающийся образ.   По сути, у успешной студии не было своего «лица», что в индустрии красоты является критической проблемой.   Наша миссия была не просто «нарисовать новый логотип». Мы должны были с нуля спроектировать уникальный визуальный язык, который бы стал отражением самой студии — нежной, профессиональной и запоминающейся Процесс Мы выделили три главные задачи: –Создать уникальный и осмысленный логотип, который бы работал на ассоциации с легкостью и заботой –Разработать гибкий фирменный стиль, который бы одинаково хорошо смотрелся и в соцсетях, и в интерьере –Применить этот стиль к ключевым точкам контакта, таким как подарочные сертификаты, превратив их в самостоятельный маркетинговый инструмент.   Процесс: От идеи к визуальной системе Мы подошли к... --- Вводные К нам обратился производитель окон, который оказался в технологической ловушке. Его сайт, созданный на неизвестной и устаревшей платформе, второй год подряд терял позиции в поиске. Но была одна проблема: собственник боялся любых резких изменений, опасаясь, что станет еще хуже. И у нас была невероятно сложная и амбициозная цель: провести тотальную модернизацию, но сделать это так, чтобы никто — ни клиенты, ни поисковые системы — этого не заметил. До: Это был классический случай, когда бизнес стал заложником своего устаревшего IT-фундамента. Сайт не просто плохо работал — он активно тянул компанию вниз, и любая попытка что-то исправить упиралась в стену. По сути, мы диагностировали несколько симптомов паралича: –Невидимость в онлайне. Сайт неуклонно терял позиции в поиске. С каждым месяцем его видело все меньше и меньше потенциальных клиентов. Это была медленная, но верная смерть в цифровом пространстве. –Технологический тупик. Платформа, на которой был сделан сайт, давно умерла. Ее невозможно было ни развивать, ни продвигать. Любые доработки были бы как ремонт треснувшего фундамента в старом доме — бессмысленная трата денег. –Паралич из-за страха. Главный тормоз — обоснованный страх владельца, что любой «переезд» или редизайн окончательно обрушит и без того шаткие позиции. Компания оказалась в ситуации, где и стоять на месте, и двигаться вперед было одинаково страшно. В итоге главный цифровой актив компании был не просто пассивом, он был токсичным активом, который с каждым днем обесценивался и тянул за собой весь бизнес. Наша миссия была сродни работе хирурга: провести сложнейшую операцию по пересадке сердца, не нарушив работу организма.   Процесс Мы должны были спроектировать... --- Вводные Ситуация Бренд электротоваров запустил улучшенный сайт, а у дистрибьютора Чинт стали появляться конкуренты. Среди них нужно было показать преимущества заказчика. Решение Добавить на страницы всю необходимую для покупки информацию. Процесс Сделали перелинковку по товарам из выбранной серии Пока пользователь знакомится с товаром, предлагаем ему похожую продукцию. Уникализировали картинки товаров Стоковые фото не цепляют и не вызывают доверие. Поэтому мы провели фотосессию товаров и проиллюстрировали ими продукцию. Добавили кратность упаковки Больше не нужно узнавать в компании по поводу количества товара в упаковке. Добавили каталоги и технические схемы товара Связали страницы комплектующих НКУ и сами НКУ На страницы комплектных устройств добавили ссылки на их компоненты, чтобы пользователь находил весь заказ сразу. Добавили возможность «Получить КП» в 1 клик Скорость и простота — ключевые плюсы для заказчика. document. addEventListener('DOMContentLoaded', function { let tags_690cbf7bc2c78 = ; let slider = document. getElementById('690cbf7bc2c78'); let slides = slider. querySelectorAll('. swiper-slide'); let pagination = slider. querySelector('. swiper-pagination'); slides. forEach( slide => { const tag = slide. getAttribute('data-tag'); const caption = slide. querySelector('. illustration-caption p'); const caption_tags = pagination? . getAttribute('data-caption-tags'); if (tag) { tags_690cbf7bc2c78. push(tag); } else if (caption && caption_tags === 'true') { tags_690cbf7bc2c78. push(caption. textContent); } else { tags_690cbf7bc2c78. push(''); } }); let sliderCounter = document. getElementById('swiper-counter-690cbf7bc2c78'); var swiper = new Swiper('', { /* */ autoplay: { delay: 1, pauseOnMouseEnter: false, disableOnInteraction: false, }, /* */ init: false, speed: 5000, grabCursor: false, slidesPerView: 'auto', spaceBetween: 0, loop: true, centeredSlides: false, initialSlide: 0, resistance: true, resistanceRatio: 0, freeMode: { enabled: false, sticky: true, momentumBounce: true, momentumRatio: 1, momentumBounceRatio: 0. 2, momentumVelocityRatio: 0. 8, minimumVelocity: 0. 1 }, navigation: { nextEl: "#swiper-button-next-690cbf7bc2c78", prevEl: "#swiper-button-prev-690cbf7bc2c78" }, pagination: { el: "#swiper-pagination-690cbf7bc2c78", clickable: true, renderBullet:... --- Вводные Ситуация Электротехнические шкафы обычно проектируют и изготавливают под заказ. Для этого нужно оставить заявку, дождаться ответа, дождаться проекта, дождаться сметы, и только после этого узнать сроки и стоимость, которая может не подойти. Со стороны компании то же самое: длинный цикл, много работы, в результате которой клиент может не купить. Решение Унифицировать шкафы АВР, чтобы шкаф стал товаром с конкретными характеристиками, ценой, сроками производства. Мы предложили типовые решения, которые: — экономят время клиента: он не ждёт, когда пришлют спецификацию, и выбирает оборудование сам, без консультации; — экономят деньги компании: не нужно консультироваться с инженером. Процесс Сделали выбор характеристик товара Разделили шкафы АВР по типу коммутации, по исполнению, по количеству вводов, по номинальному току, добавили опции для уличного исполнения и подключения на доп. клеммы Провели фотосессию самого типового шкафа АВР Добавили спецификации и схемы на каждый щит Результат Покупатели сами стали находить и заказывать товары, инженеры стали закладывать в проекты, а через пару лет стали приходить заказчики с нашими артикулами в проектах Посмотреть вживую chint-electric. ru Ещё Chint Electric document. addEventListener("DOMContentLoaded", function{ jQuery(". article-load"). removeClass("article-load"); const countPage = jQuery(". count_page"); const queryString = window. location. search; const urlParams = new URLSearchParams(queryString); const loadOnScroll = "false"; let processing = false; let filterProcces = false; const multipleFilterFlag = ""; const display_lead = ""; const container = jQuery("#projects_690cbf7bc7842"); const containerId = "projects_690cbf7bc7842"; // const pageCookie = JSON. parse(getCookie("page_data")); // const next_page = pageCookie. next_page; // const pages_count = pageCookie. pages_count; // console. log(pageCookie); paramsGet = urlParams. toString. split("&"); if (paramsGet ! == "") { paramsGet. forEach(data => { const = data. split("="); const decodedValue = decodeURIComponent(value). split(","); jQuery(`. filter`). removeClass("active"); decodedValue. forEach(data => jQuery(`. filter`). addClass("active")); }); } const getElementByDataAttr = (selector, containerId) =>... --- Вводные К нам обратилось проектное бюро, которое готовилось к встрече с крупными партнерами, на кону которой стоял огромный проект. И у них была очень четкая и амбициозная цель: им нужен был не просто сайт или каталог, а полный «арсенал», который бы с первого взгляда доказывал, что они — серьезный и статусный игрок До: Это был классический случай, когда экспертиза компании давно переросла ее «упаковку». Они были готовы выигрывать в высшей лиге, но их внешний вид говорил об обратном.   Мы диагностировали два ключевых симптома: Визуальный диссонанс. Старый сайт и отсутствие единого стиля создавали образ маленькой, несерьезной компании. Это был тот самый случай, когда «встречают по одежке», и эта «одежка» отпугивала крупных клиентов еще до начала диалога. Отсутствие «оружия» для переговоров. У команды не было на руках ни одного современного инструмента, чтобы произвести впечатление: ни стильного каталога, ни сайта, который бы работал как цифровое доказательство их экспертизы. По сути, у компании был огромный опыт, но не было упаковки, который бы соответствовал их силе и амбициям.   Наша миссия была не просто «нарисовать картинки». Мы должны были провести полное стратегическое «перевооружение» клиента перед решающей битвой Процесс Мы выделили три главные задачи: –Сформулировать и упаковать их ключевые преимущества в понятные и сильные офферы –Создать новый, солидный фирменный стиль, который бы стал их визуальным голосом –Вооружить их tangible инструментами — каталогом для встречи и сайтом для долгосрочной работы Процесс: От идеи к полной перезагрузке Мы подошли к задаче как к подготовке спецотряда к важной миссии. Каждый элемент должен был быть безупречен и работать на... --- Вводные Ситуация Компания ежедневно отправляет огромное количество коммерческих предложений и счетов, но лишь малая часть превращается в деньги. А из-за этой загруженности менеджеров заказчик долго ждет эти документы. Решение Автоматизировать создание КП и счёта, чтобы клиенты могли генерировать их сами. Процесс Сайт уже знает всё о товаре и заказе Счётчик собирает информацию о товарах из корзины и добавляет их в КП. Для КП больше не нужно никаких данных Поля КПП, компания и юридический адрес заполняются по одному ИНН. Дополнительно можно указать контакты для связи и адрес доставки. Если клиент повторно оформляет заказ, то система запоминает однажды введённые данные. Когда клиент вводит свои реквизиты, сайт сам генерирует счёт и отправляет на почту. В CRM заказ поступает сразу на середину воронки. Менеджеры стали работать с уже оплаченными заказами Менеджеры не тратят время на составление счетов, которые останутся без оплаты. Они быстро оформляют оплаченные заявки, а клиентам не нужно долго ждать консультации. Минимизируются фактические ошибки Система заполняет данные по скрипту и исключает человеческий фактор. Покупатель оплачивает быстрее Результат Повысилась эффективность менеджера и увеличилось количество продаж Покупатели стали пользоваться формой и чаще оплачивать заказ после получения КП Посмотреть вживую chint-electric. ru Ещё Chint Electric document. addEventListener("DOMContentLoaded", function{ jQuery(". article-load"). removeClass("article-load"); const countPage = jQuery(". count_page"); const queryString = window. location. search; const urlParams = new URLSearchParams(queryString); const loadOnScroll = "false"; let processing = false; let filterProcces = false; const multipleFilterFlag = ""; const display_lead = ""; const container = jQuery("#projects_690cbf7bd1dcc"); const containerId = "projects_690cbf7bd1dcc"; // const pageCookie = JSON. parse(getCookie("page_data")); // const next_page = pageCookie. next_page; // const pages_count = pageCookie. pages_count; // console. log(pageCookie); paramsGet = urlParams. toString. split("&"); if (paramsGet ! == "") { paramsGet. forEach(data => { const = data. split("="); const decodedValue... --- Вводные К нам обратилась крупная чайная компания, чья продукция стала настоящим хитом в ресторанной индустрии. И у них была очень крутая и амбициозная цель: сделать так, чтобы их премиальный чай подавался в заведениях-партнерах не просто как напиток, а как полноценный опыт. Для этого нужно было упаковать его в чайные карты, которые бы работали на бренд, а не терялись в общем потоке До: Бизнес клиента рос так быстро, что старый подход «один партнер — один дизайн» превратился из решения в тормоз. Это был классический случай, когда система перестала соответствовать масштабу продукта. По сути, компания столкнулась с несколькими симптомами роста: Размытие бренда. Каждый новый подрядчик создавал собственный дизайн чайной карты, из-за чего единый стиль компании попросту растворялся. Бренд терял узнаваемость и силу. Потерянная ценность продукта. Уникальность и история каждого сорта чая терялись за разношерстным и непредсказуемым дизайном. Дорогой продукт выглядел дешево. Неуправляемое масштабирование. Процесс создания каждой новой карты был долгим, дорогим и требовал постоянного контроля, что мешало быстрому подключению новых партнеров. В итоге процесс презентации продукта был пассивным и хаотичным. Он пожирал ресурсы, вместо того чтобы их генерировать. Наша задача была не просто «нарисовать красивые шаблоны», а спроектировать инструмент, который будет работать на бизнес.   Процесс Мы должны были создать систему, которая: –Формировала единый и узнаваемый визуальный язык бренда во всех заведениях –Демонстрировала ценность и уникальность каждого сорта чая, помогая гостям сделать выбор –Масштабировалась легко и быстро, позволяя любому партнеру за 15 минут создавать идеальную чайную карту Решение: Конструктор меню как инженерная система Мы подошли к задаче не как художники, а как... --- Вводные К нам снова обратилась чайная компания, которая активно завоевывала B2B-рынок — рестораны, отели, офисы. У них была амбициозная задача: сделать так, чтобы их коммерческое предложение продолжало работать даже после того, как менеджер покинул встречу. Им нужен был инструмент, который бы не дал потенциальному клиенту забыть о них. До: Компания росла, количество встреч увеличивалось, но был один нюанс, который тормозил весь процесс. После блестящей презентации и ухода менеджера магия рассеивалась. По сути, отдел продаж столкнулся с классическим «узким местом» в коммуникации: Ускользающее впечатление. Вся информация, все аргументы оставались в воздухе. У клиента не было материального «якоря», к которому можно было бы вернуться, чтобы освежить память или показать лицу, принимающему решение. Отсутствие системного аргумента. Каждый менеджер мог расставлять акценты по-своему. Не было единого, «железобетонного» источника правды, который бы одинаково мощно представлял компанию и ее продукт. Упущенная возможность. Без физического носителя компания полностью зависела от памяти и лояльности одного человека в компании клиента. Если он уходил в отпуск или увольнялся — контакт был потерян. Старый подход «поговорили и ушли» был пассивным инструментом. Он создавал разрыв в коммуникации ровно в тот момент, когда нужно было подталкивать клиента к решению Процесс: Предложение должно было: –Убеждать в экспертизе и надежности компании, даже когда менеджера нет рядом –Систематизировать всю информацию о продукте, превращая сложный ассортимент в понятную и логичную структуру –Побуждать к действию, делая следующий шаг для клиента максимально простым и очевидным Процесс: Проектирование «молчаливого продавца» Мы подошли к созданию каталога как к проектированию моста между встречей и сделкой. Никаких догадок, только расчет на психологию клиента... --- Вводные К нам обратился производитель окон, который уже был нашим партнером. Они столкнулись с ситуацией, когда один из ключевых инструментов на их сайте — калькулятор стоимости — перестал помогать и начал мешать. Их амбициозная цель была не просто обновить старую страницу, а создать лучший на рынке инструмент для клиента, который бы превращал простое любопытство в реальную заявку До: Это был классический случай, когда бизнес перерос свой собственный инструмент. Ассортимент компании расширился, появились разные линейки продукции, а калькулятор застрял в прошлом и стал «узким горлышком» на пути клиента. По сути, он создавал несколько барьеров: Стена вопросов. Чтобы получить хотя бы предварительную цену, пользователь должен был продраться через огромную форму с множеством технических параметров. Это был не помощник, а экзаменатор, который отпугивал большинство посетителей. Информационный тупик. После всех мучений калькулятор выдавал стоимость только для одной, заранее выбранной линейки. Хочешь сравнить с другой? Начинай все сначала. Это был путь в один конец, который скрывал от клиента лучшие предложения. Отсутствие диалога. Инструмент не помогал сделать выбор, не показывал альтернативы, не предлагал более выгодные варианты. Он был пассивным и «глупым» механизмом, который работал против интересов и клиента, и бизнеса. В результате калькулятор был не магнитом для трафика, а тормозом. Он создавал фрустрацию и обрывал путь клиента ровно в тот момент, когда тот был готов сделать следующий шаг. Наша миссия была не просто «переделать дизайн». Мы должны были спроектировать и собрать умный бизнес-инструмент, который бы работал как лучший менеджер по продажам. Процесс У калькулятора было 3 важные задачи: – Сравнивать стоимость окна во всех пяти линейках... --- Вводные К нам обратилась транспортная компания, которая успешно работала в Пермском крае, но была готова к настоящей федеральной экспансии. Они понимали, что личные контакты больше не масштабируются, и поставили очень крутую и амбициозную цель: построить цифровой инструмент, который будет системно приводить им клиентов со всей России Решение Это был классический случай, когда бизнес вырос, а его главный цифровой инструмент — нет. Сайт, «заточенный» под один регион, стал цифровым якорем, который мешал компании выйти в большое плавание. Мы диагностировали два ключевых симптома: «Цифровой монолит». Единый сайт не мог эффективно продвигаться в поиске по запросам «грузоперевозки в Москве» и «доставка в Екатеринбурге» одновременно. Это был архитектурный тупик. Разговор с «местным акцентом». Сайт не мог показать жителю Хабаровска цены и условия, актуальные для Хабаровска. Это создавало путаницу, подрывало доверие и срывало сделки. По сути, старый сайт был главным тормозом, который не давал компании реализовать свои федеральные амбиции. Наша миссия была не просто «сделать редизайн». Мы должны были с нуля спроектировать и запустить масштабируемую цифровую экосистему. Процесс Новый инструмент должен был выполнять три функции: –Привлекал целевой трафик из поисковых систем в десятках разных городов –Говорил с каждым клиентом на его языке, показывая релевантные для его города услуги и цены –Был «фабрикой» по производству посадочных страниц, позволяя быстро осваивать новые направления и города Процесс: Проектирование «цифровой рыболовной сети» Мы подошли к задаче как к проектированию огромной рыболовной сети, где каждая ячейка — это отдельная страница, рассчитанная на поимку конкретного, целевого запроса. Фундамент из запросов аудитории. Мы начали не с дизайна, а с глубокой «разведки» —... --- Вводные Ситуация Компания тратила много времени, чтобы обновить цены и остатки на 3 500 товаров в интернет-магазине. Решение Сделать так, чтобы данные обновлялись самостоятельно. Процесс Первая версия Менеджер вручную редактировал данные в документе, загружал эксельку на сайт, и цены и остатки обновлялись. Обновлённая версия Раз в день сайт отправляет запрос поставщику и обновляет данные по товарам, которые есть и на сайте, и у поставщика. Вкладка «Отсутствует на сайте» Если у поставщика есть данные о товаре, которого ещё нет на сайте, это повод добавить товар на сайт. Вкладка «Отсутствует в документе» Если у поставщика нет данных о товаре, то его вывели из ассортимента и нужно поработать над этими карточками, обнулить наличие и предложить альтернативу. Результат Данные о товарах обновляются ежедневно Менеджер не тратит много времени на редактирование данных Посмотреть вживую chint-electric. ru Ещё Chint Electric document. addEventListener("DOMContentLoaded", function{ jQuery(". article-load"). removeClass("article-load"); const countPage = jQuery(". count_page"); const queryString = window. location. search; const urlParams = new URLSearchParams(queryString); const loadOnScroll = "false"; let processing = false; let filterProcces = false; const multipleFilterFlag = ""; const display_lead = ""; const container = jQuery("#projects_690cbf7beb9de"); const containerId = "projects_690cbf7beb9de"; // const pageCookie = JSON. parse(getCookie("page_data")); // const next_page = pageCookie. next_page; // const pages_count = pageCookie. pages_count; // console. log(pageCookie); paramsGet = urlParams. toString. split("&"); if (paramsGet ! == "") { paramsGet. forEach(data => { const = data. split("="); const decodedValue = decodeURIComponent(value). split(","); jQuery(`. filter`). removeClass("active"); decodedValue. forEach(data => jQuery(`. filter`). addClass("active")); }); } const getElementByDataAttr = (selector, containerId) => document. querySelector(`${selector}`); const toggleFilters = getElementByDataAttr(". toggle-filters", containerId); const closeFilters = getElementByDataAttr(". close-filters", containerId); const applyFilters = getElementByDataAttr(". apply-filters", containerId); const filters = getElementByDataAttr(". filters-container", containerId); // Function to toggle filter visibility const toggleFilterVisibility... --- Вводные К нам обратилась транспортная компания «Скорекс», которая была готова к своему главному стратегическому шагу — масштабированию через франшизу. И у них была очень четкая и амбициозная цель: им нужен был цифровой инструмент, который бы не просто рассказывал о франшизе, а убедительно доказывал ее ценность и привлекал сильных, мотивированных партнеров До: Это был классический случай, когда у бизнеса есть сильный продукт (франшиза), но нет инструмента, чтобы его продавать. Мы диагностировали два ключевых симптома: Отсутствие «точки входа» для партнеров. Потенциальные франчайзи, которые могли бы искать возможности для инвестиций, просто не видели предложения от «Скорекс». Компания была для них невидима. Риск «инфоцыганского» подхода. Рынок франшиз переполнен обещаниями легких денег и «успешного успеха». Без сильного, честного и основанного на фактах предложения был огромный риск затеряться в этом шуме или привлечь не тех партнеров. По сути, у сильного и продуманного продукта не было инструмента, который мог бы достойно его представить и продать правильной аудитории. Наша миссия была не просто «сделать лендинг о франшизе». Мы должны были спроектировать и запустить мощный инструмент для B2B-продаж, который бы строил доверие с первого взгляда. Процесс Новый инструмент должен был выполнять три функции: –Привлекал и «цеплял» потенциальных партнеров с первого экрана –Доказывал ценность франшизы через факты и реальные выгоды, а не пустые обещания –Превращал интерес в конкретный, квалифицированный лид для отдела развития Процесс: Проектирование честного коммерческого предложения Мы подошли к задаче с хирургической точностью. Никакой «воды» и пустых слов — только факты, выгоды и четкая структура. Оффер, основанный на фактах, а не на обещаниях. Мы начали с самого главного... --- Вводные К нам обратилась транспортная компания, которая работала на рынке, полном обмана. Большинство конкурентов использовали фейковые калькуляторы, которые ничего не считали, а просто собирали контакты. И у нашего клиента была очень четкая и амбициозная цель: создать честный и умный инструмент, который бы сразу выделил их на фоне остальных и стал бы главным магнитом для клиентов До: Это был классический случай, когда нечестная игра конкурентов стала главной точкой роста. Рынок был полон «пустышек», и это был идеальный шанс стать первым, кто предложит реальный сервис. Мы диагностировали два ключевых симптома: Потеря доверия на старте. Фейковые калькуляторы конкурентов обманывали ожидания. Клиент тратил время на ввод данных, а в ответ получал обещание «мы вам перезвоним». Это убивало доверие и создавало негативный фон для всей отрасли. Упущенная возможность «зацепить» клиента. Отсутствие даже примерной цены «здесь и сейчас» не позволяло клиенту быстро сориентироваться. Он уходил думать, сравнивать и часто не возвращался. По сути, большинство игроков на рынке не помогали клиенту, а просто пытались любой ценой получить его телефон, теряя при этом самое главное — его доверие. Наша миссия была не просто «сделать еще один калькулятор». Мы должны были спроектировать систему, которая бы работала по-другому — честно, быстро и эффективно. Процесс Новый инструмент должен был выполнять три функции: –Давал клиенту мгновенный и честный ориентир по цене, без «перезвоним» –Превращал каждый расчет в «горячий», квалифицированный лид для отдела продаж –Работал как мощный маркетинговый инструмент, который продолжает «греть» клиента даже после того, как он ушел с сайта Процесс: Проектирование умного калькулятора Мы подошли к задаче как к проектированию полноценного... --- Вводные К нам обратился клиент с очень крутой и амбициозной идеей: не просто продавать землю, а создать с нуля идеальный коттеджный поселок, где каждый дом — это часть единого архитектурного замысла. И у него была четкая цель: ему нужен был цифровой инструмент, который бы позволил покупателям увидеть эту мечту так же ясно, как видел ее он сам До: Это был классический случай старта с нуля, где главный барьер — это не отсутствие сайта, а пропасть между идеей и ее восприятием.   Мы диагностировали два ключевых симптома: «Проклятие чистого поля». Покупателю предлагали не готовый продукт, а идею. Без мощного визуального инструмента было практически невозможно донести всю ценность концепции: единый стиль, продуманную инфраструктуру и уникальное предложение «земля в подарок при заказе дома». Отсутствие «единого окна». Вся информация была разрознена. Чтобы понять, где находится поселок, какие дома можно построить и что будет вокруг, клиенту пришлось бы потратить часы на звонки и встречи. Не было единого места, где можно было бы получить ответы на все вопросы.   По сути, у амбициозного и продуманного проекта не было инструмента, который мог бы его достойно презентовать и продать.   Наша миссия была не просто «сделать сайт о поселке». Мы должны были спроектировать и запустить полноценную цифровую презентацию, которая бы позволила покупателю совершить виртуальную экскурсию по месту, где он захочет жить. Процесс Новый инструмент должен был: –Визуализировал и доносил всю концепцию поселка — от генплана до философии –Отвечал на все возможные вопросы покупателя в одном месте –Превращал абстрактный интерес в горячее желание стать частью этого проекта.   Процесс:... --- Вводные Ситуация Клиенту нужно было показывать что-то о продукции и компании на личных встречах с крупными заказчиками. Решение Помочь компании представить себя и свою продукцию партнёрам и покупателям. Процесс Рассказали, что предлагает компания. Сформулировали преимущества бренда Чинт и дистрибьютора. Рассказали о логистике. Добавили контакты для связи. document. addEventListener('DOMContentLoaded', function { let tags_690cbf7c09d06 = ; let slider = document. getElementById('690cbf7c09d06'); let slides = slider. querySelectorAll('. swiper-slide'); let pagination = slider. querySelector('. swiper-pagination'); slides. forEach( slide => { const tag = slide. getAttribute('data-tag'); const caption = slide. querySelector('. illustration-caption p'); const caption_tags = pagination? . getAttribute('data-caption-tags'); if (tag) { tags_690cbf7c09d06. push(tag); } else if (caption && caption_tags === 'true') { tags_690cbf7c09d06. push(caption. textContent); } else { tags_690cbf7c09d06. push(''); } }); let sliderCounter = document. getElementById('swiper-counter-690cbf7c09d06'); var swiper = new Swiper('', { /* */ autoplay: { delay: 1, pauseOnMouseEnter: false, disableOnInteraction: false, }, /* */ init: false, speed: 5000, grabCursor: false, slidesPerView: 'auto', spaceBetween: 0, loop: true, centeredSlides: false, initialSlide: 0, resistance: true, resistanceRatio: 0, freeMode: { enabled: false, sticky: true, momentumBounce: true, momentumRatio: 1, momentumBounceRatio: 0. 2, momentumVelocityRatio: 0. 8, minimumVelocity: 0. 1 }, navigation: { nextEl: "#swiper-button-next-690cbf7c09d06", prevEl: "#swiper-button-prev-690cbf7c09d06" }, pagination: { el: "#swiper-pagination-690cbf7c09d06", clickable: true, renderBullet: function (index, className) { if (index < tags_690cbf7c09d06. length) { return '' + tags_690cbf7c09d06 + ''; } else { return ''; } }, }, breakpoints: { 0: { slidesPerGroup: 1 }, 768: { slidesPerGroup: 1 }, 992: { slidesPerGroup: 1 }, 1200: { slidesPerGroup: 1 }, }, }); swiper. init; if (slider. dataset. gallery) { lightGallery(slider, { selector: '. xleb-illustration', download: false,... --- Вводные Ситуация Мы запустили 3 000 продуктовых страниц, и на сайт стали приходить 4 000 уникальных посетителей ежемесячно. Проблема была в том, что большая часть почти сразу уходили с сайта. Решение Заняться дизайном и проработкой смыслов, чтобы удержать пользователей. Процесс Вынесли всё важное на первую страницу Добавили основное, что ищет пользователь о продукции: — Презентация о продукции и условиях — Поиск по товарам и городам — Категории товаров — Акции — Цены — Полезные статьи — Контакты Сформулировали оффер Рассказали об ассортименте и условиях сотрудничества. Рассказали о бренде и дистрибьюторе Качественный бренд ещё не гарантирует, что заказ удовлетворит покупателя. Поэтому большой плюс к описанию бренда — выгодные условия от дистрибьютора. ДоПосле Сделали обложки для загрузок ДоПосле Переверстали страницу товара Убрали множество текстовых строк. Разгрузили цвета, убрали множество ярких пятен. Выделили только важные части: название товара, кнопки и цены. ДоПосле Избавились от визуального мусора Убрали лишние полосы, обилие цветов, разгрузили верхнюю строку на первом экране. ДоПосле Переверстали страницу новостей ДоПосле Задизайнили удобную форму для сбора заявок ДоПосле Поработали над типографикой и текстовыми страницами Разбили большие тексты на списки и новые страницы. Оставили только полезную информацию. ДоПосле Результат В 3 раза уменьшили количество посетителей, которые раньше сразу уходили с сайта: февраль 2015 — 38% отказов в метрике; февраль 2016 — 13% отказов в метрике. *отказы показывают, сколько человек зашли на сайт и сразу же покинули его Посмотреть вживую chint-electric. ru Ещё Chint Electric document. addEventListener("DOMContentLoaded", function{ jQuery(". article-load"). removeClass("article-load"); const countPage = jQuery(". count_page"); const queryString = window. location. search; const urlParams = new URLSearchParams(queryString); const loadOnScroll = "false"; let processing = false; let filterProcces = false; const multipleFilterFlag = ""; const display_lead = ""; const container = jQuery("#projects_690cbf7c13fa5"); const containerId = "projects_690cbf7c13fa5"; // const pageCookie = JSON. parse(getCookie("page_data")); // const next_page =... --- Вводные Чайная компания, наш давний партнер, сделала огромный рывок вперед: они создали мощную дизайн-систему для меню и разработали первоклассные печатные материалы. Но был один нюанс, который сводил на нет все эти усилия. Их старый логотип. Их амбициозная цель была проста и одновременно критически важна: привести визуальный символ компании в соответствие с ее реальным качеством и статусом До: Это был классический случай, когда бизнес вырос, а его «паспорт» — логотип — остался в прошлом. Он не просто устарел, он стал тормозом, который создавал визуальный диссонанс и подрывал доверие к продукту премиум-класса. По сути, мы диагностировали несколько ключевых «симптомов роста»: –Синдром «случайной картинки». Старый логотип был наспех собран из стоковой иллюстрации. Он не нес в себе никакой идеи и выглядел как временное решение, которое задержалось на годы. –Визуальный шум. Кружка, аббревиатура, полное название — все элементы спорили друг с другом за внимание, не создавая единого, цельного образа. Это был не знак, а ребус. –Энергетический провал. Блеклый, невыразительный оттенок цвета совершенно не ассоциировался с насыщенным, ароматным чаем. Логотип шептал, когда нужно было говорить уверенным голосом. В результате, главный символ компании был не активом, а пассивом. Он дешевил образ бренда и вступал в конфликт с каждым новым, качественным дизайн-решением Наша задача была не просто «перерисовать логотип». Нам нужно было сконструировать работающий визуальный актив, который бы стал ядром всей коммуникации.   Процесс Новый символ должен был: –Транслировать экспертность и качество продукта с первого взгляда –Объединять все маркетинговые материалы в единую, узнаваемую визуальную систему –Запоминаться мгновенно, работая как мощный визуальный якорь в сознании клиентов Процесс: смыслы... --- --- ## Проекты document. addEventListener('DOMContentLoaded', function { let tags_690cbfb4a8f10 = ; let slider = document. getElementById('690cbfb4a8f10'); let slides = slider. querySelectorAll('. swiper-slide'); let pagination = slider. querySelector('. swiper-pagination'); slides. forEach( slide => { const tag = slide. getAttribute('data-tag'); const caption = slide. querySelector('. illustration-caption p'); const caption_tags = pagination? . getAttribute('data-caption-tags'); if (tag) { tags_690cbfb4a8f10. push(tag); } else if (caption && caption_tags === 'true') { tags_690cbfb4a8f10. push(caption. textContent); } else { tags_690cbfb4a8f10. push(''); } }); let sliderCounter = document. getElementById('swiper-counter-690cbfb4a8f10'); var swiper = new Swiper('', { /* */ init: false, speed: 300, grabCursor: false, slidesPerView: 'auto', spaceBetween: 0, loop: true, centeredSlides: false, initialSlide: 0, resistance: true, resistanceRatio: 0, freeMode: { enabled: false, sticky: true, momentumBounce: true, momentumRatio: 1, momentumBounceRatio: 0. 2, momentumVelocityRatio: 0. 8, minimumVelocity: 0. 1 }, navigation: { nextEl: "#swiper-button-next-690cbfb4a8f10", prevEl: "#swiper-button-prev-690cbfb4a8f10" }, pagination: { el: "#swiper-pagination-690cbfb4a8f10", clickable: true, renderBullet: function (index, className) { if (index < tags_690cbfb4a8f10. length) { return '' + tags_690cbfb4a8f10 + ''; } else { return ''; } }, }, breakpoints: { 0: { slidesPerGroup: 1 }, 768: { slidesPerGroup: 1 }, 992: { slidesPerGroup: 1 }, 1200: { slidesPerGroup: 1 }, }, }); swiper. init; if (slider. dataset. gallery) { lightGallery(slider, { selector: '. xleb-illustration', download: false, plugins: , mode: 'lg-fade', exThumbImage: 'data-thumb-src', addClass: 'slider-gallery ' }); } }) --- --- ## Решения --- ## Услуги В ЯндексеСделает ваш бизнес заметным, привлечет целевых клиентов и увеличит продажи в самом популярном поисковике РоссииВ ГуглеДелаем ваш бизнес заметным в поисковой системе №1 в мире. Привлекаем целевую аудиторию и увеличиваем продажиСЕО-аудитПриводим на ваш сайт готовых к покупке клиентов. Увеличиваем конверсию, средний чек и количество заказовКонсультацияВаш «компас» в мире онлайн-бизнеса. Помогаем выбрать верную стратегию, избежать ошибок и получить четкий план действийМебельный сайтПривлекаем целевых покупателей на ваш сайт. Через визуал и контент превращаем сложный выбор в уверенную покупкуИнтернет-магазинПриводим на ваш сайт готовых к покупке клиентов. Увеличиваем конверсию, средний чек и количество заказов document. addEventListener("DOMContentLoaded", function{ jQuery(". article-load"). removeClass("article-load"); const countPage = jQuery(". count_page"); const queryString = window. location. search; const urlParams = new URLSearchParams(queryString); const loadOnScroll = "false"; let processing = false; let filterProcces = false; const multipleFilterFlag = "1"; const display_lead = ""; const container = jQuery("#projects_69249c4daccdc"); const containerId = "projects_69249c4daccdc"; // const pageCookie = JSON. parse(getCookie("page_data")); // const next_page = pageCookie. next_page; // const pages_count = pageCookie. pages_count; // console. log(pageCookie); paramsGet = urlParams. toString. split("&"); if (paramsGet ! == "") { paramsGet. forEach(data => { const = data. split("="); const decodedValue = decodeURIComponent(value). split(","); jQuery(`. filter`). removeClass("active"); decodedValue. forEach(data => jQuery(`. filter`). addClass("active")); }); } const getElementByDataAttr = (selector, containerId) => document. querySelector(`${selector}`); const toggleFilters = getElementByDataAttr(". toggle-filters", containerId); const closeFilters = getElementByDataAttr(". close-filters", containerId); const applyFilters = getElementByDataAttr(". apply-filters", containerId); const filters = getElementByDataAttr(". filters-container", containerId); // Function to toggle filter visibility const toggleFilterVisibility = => { const isVisible = filters? . classList. contains("show"); filters? . classList.... --- Глубинное интервьюПомогаем «распаковать» ДНК вашего бизнеса. Извлекаем ваши реальные преимущества и ценности для создания сильной стратегииВеб-аналитикаНастроим и изучим веб-аналитику, чтобы вы знали, откуда приходят клиенты и как улучшить сайт для роста продажАнализ конкурентовИзучаем, как ваши конкуренты привлекают клиентов. Находим их лучшие решения и слабые места, чтобы вы стали лидеромПрототипированиеСоздадим «скелет» сайта для визуализации структуры и проверки идей. Согласуем все детали до начала разработки document. addEventListener("DOMContentLoaded", function{ jQuery(". article-load"). removeClass("article-load"); const countPage = jQuery(". count_page"); const queryString = window. location. search; const urlParams = new URLSearchParams(queryString); const loadOnScroll = "false"; let processing = false; let filterProcces = false; const multipleFilterFlag = "1"; const display_lead = ""; const container = jQuery("#projects_69249c675b65b"); const containerId = "projects_69249c675b65b"; // const pageCookie = JSON. parse(getCookie("page_data")); // const next_page = pageCookie. next_page; // const pages_count = pageCookie. pages_count; // console. log(pageCookie); paramsGet = urlParams. toString. split("&"); if (paramsGet ! == "") { paramsGet. forEach(data => { const = data. split("="); const decodedValue = decodeURIComponent(value). split(","); jQuery(`. filter`). removeClass("active"); decodedValue. forEach(data => jQuery(`. filter`). addClass("active")); }); } const getElementByDataAttr = (selector, containerId) => document. querySelector(`${selector}`); const toggleFilters = getElementByDataAttr(". toggle-filters", containerId); const closeFilters = getElementByDataAttr(". close-filters", containerId); const applyFilters = getElementByDataAttr(". apply-filters", containerId); const filters = getElementByDataAttr(". filters-container", containerId); // Function to toggle filter visibility const toggleFilterVisibility = => { const isVisible = filters? . classList. contains("show"); filters? . classList. toggle("show", ! isVisible); closeFilters? . classList. toggle("show", ! isVisible); if (window. innerWidth { filters? . classList. remove("show"); closeFilters? . classList. remove("show"); document. documentElement. style. overflow = ""; };... --- BackendСоздаем «мозг» и «двигатель» вашего сайта. Отвечаем за логику, скорость, безопасность и хранение всех данныхFrontendОживляем дизайн, превращая его в удобный и быстрый интерфейс. Гарантируем идеальное отображение на всех устройствахFullstackРазработка проекта «от и до» одним специалистом или командой. Обеспечиваем целостность продукта без проблем на стыке backend и frontendАутсорсПолучите доступ к нашей опытной команде для реализации вашего проекта. Быстрее и выгоднее, чем собирать свою с нуляИнтеграцияАвтоматизируем рутину. Настраиваем обмен данными между сайтом, CRM и 1С, чтобы ваш бизнес работал как единый механизмТестированиеНаходим ошибки в вашем сайте до того, как их увидят клиенты. Гарантируем качество и надежную работу вашего продуктаОпенкартПомогаем вашему интернет-магазину продавать больше. Улучшаем дизайн, добавляем функции и автоматизируем процессыВордпрессРаскрываем полный потенциал вашего сайта. Добавляем функции, ускоряем, защищаем и адаптируем под ваш бизнес document. addEventListener("DOMContentLoaded", function{ jQuery(". article-load"). removeClass("article-load"); const countPage = jQuery(". count_page"); const queryString = window. location. search; const urlParams = new URLSearchParams(queryString); const loadOnScroll = "false"; let processing = false; let filterProcces = false; const multipleFilterFlag = "1"; const display_lead = ""; const container = jQuery("#projects_69249c2e836d3"); const containerId = "projects_69249c2e836d3"; // const pageCookie = JSON. parse(getCookie("page_data")); // const next_page = pageCookie. next_page; // const pages_count = pageCookie. pages_count; // console. log(pageCookie); paramsGet = urlParams. toString. split("&"); if (paramsGet ! == "") { paramsGet. forEach(data => { const = data. split("="); const decodedValue = decodeURIComponent(value). split(","); jQuery(`. filter`). removeClass("active"); decodedValue. forEach(data => jQuery(`. filter`). addClass("active")); }); } const getElementByDataAttr = (selector, containerId) => document. querySelector(`${selector}`); const toggleFilters = getElementByDataAttr(". toggle-filters", containerId); const closeFilters = getElementByDataAttr(". close-filters", containerId); const applyFilters =... --- Интернет-магазинПроектируем визуал, который продает. Продумываем удобный путь клиента от каталога до покупки для роста вашей прибыли document. addEventListener("DOMContentLoaded", function{ jQuery(". article-load"). removeClass("article-load"); const countPage = jQuery(". count_page"); const queryString = window. location. search; const urlParams = new URLSearchParams(queryString); const loadOnScroll = "false"; let processing = false; let filterProcces = false; const multipleFilterFlag = "1"; const display_lead = ""; const container = jQuery("#projects_69e8d5c5a41ea"); const containerId = "projects_69e8d5c5a41ea"; // const pageCookie = JSON. parse(getCookie("page_data")); // const next_page = pageCookie. next_page; // const pages_count = pageCookie. pages_count; // console. log(pageCookie); paramsGet = urlParams. toString. split("&"); if (paramsGet ! == "") { paramsGet. forEach(data => { const = data. split("="); const decodedValue = decodeURIComponent(value). split(","); jQuery(`. filter`). removeClass("active"); decodedValue. forEach(data => jQuery(`. filter`). addClass("active")); }); } const getElementByDataAttr = (selector, containerId) => document. querySelector(`${selector}`); const toggleFilters = getElementByDataAttr(". toggle-filters", containerId); const closeFilters = getElementByDataAttr(". close-filters", containerId); const applyFilters = getElementByDataAttr(". apply-filters", containerId); const filters = getElementByDataAttr(". filters-container", containerId); // Function to toggle filter visibility const toggleFilterVisibility = => { const isVisible = filters? . classList. contains("show"); filters? . classList. toggle("show", ! isVisible); closeFilters? . classList. toggle("show", ! isVisible); if (window. innerWidth { filters? . classList. remove("show"); closeFilters? . classList. remove("show"); document. documentElement. style. overflow = ""; }; // Event listeners closeFilters? . addEventListener("click", handleCloseFilters); applyFilters? . addEventListener("click", handleCloseFilters); toggleFilters? . addEventListener("click", toggleFilterVisibility); // Close filters when clicking outside document. addEventListener("click", (event) => { if (! filters? . contains(event. target) && ! toggleFilters? . contains(event. target)) { handleCloseFilters; } }); // Prevent body scrolling when... --- СайтПроектируем сайты, которые не просто красивы, но и решают задачи. Делаем их понятными, удобными и продающимиUX/UIДелаем ваш продукт легким и приятным в использовании. Проектируем интерфейсы, которые помогают пользователям достигать целейРедизайнОбновляем устаревший сайт, чтобы он снова продавал. Улучшаем дизайн и юзабилити для роста конверсии и лояльностиДизайн-системаУстраняем хаос в дизайне и ускоряем разработку. Создаем единый стандарт (компоненты, правила) для всех ваших продуктов document. addEventListener("DOMContentLoaded", function{ jQuery(". article-load"). removeClass("article-load"); const countPage = jQuery(". count_page"); const queryString = window. location. search; const urlParams = new URLSearchParams(queryString); const loadOnScroll = "false"; let processing = false; let filterProcces = false; const multipleFilterFlag = "1"; const display_lead = ""; const container = jQuery("#projects_69249b9181c9f"); const containerId = "projects_69249b9181c9f"; // const pageCookie = JSON. parse(getCookie("page_data")); // const next_page = pageCookie. next_page; // const pages_count = pageCookie. pages_count; // console. log(pageCookie); paramsGet = urlParams. toString. split("&"); if (paramsGet ! == "") { paramsGet. forEach(data => { const = data. split("="); const decodedValue = decodeURIComponent(value). split(","); jQuery(`. filter`). removeClass("active"); decodedValue. forEach(data => jQuery(`. filter`). addClass("active")); }); } const getElementByDataAttr = (selector, containerId) => document. querySelector(`${selector}`); const toggleFilters = getElementByDataAttr(". toggle-filters", containerId); const closeFilters = getElementByDataAttr(". close-filters", containerId); const applyFilters = getElementByDataAttr(". apply-filters", containerId); const filters = getElementByDataAttr(". filters-container", containerId); // Function to toggle filter visibility const toggleFilterVisibility = => { const isVisible = filters? . classList. contains("show"); filters? . classList. toggle("show", ! isVisible); closeFilters? . classList. toggle("show", ! isVisible); if (window. innerWidth { filters? . classList. remove("show"); closeFilters? . classList. remove("show"); document. documentElement. style. overflow = ""; }; // Event listeners... --- ЛогоСоздадим яркий символ «лицо» вашего бренда. Уникальный логотип отразит суть компании и выделит среди конкурентовФирменный стильСоздаем «одежду» вашего бренда. Разрабатываем систему из логотипа, цветов и шрифтов для единства всех ваших материаловБрендингЗакладываем стратегический фундамент. Формулируем суть и ценности, которые лягут в основу «души» вашего логотипа и стиляРеференсыНаходим общий визуальный язык до начала работы. Собираем мудборд, который определяет стиль и экономит бюджет на правкахКаталогРазработаем понятный каталог товаров и услуг. Клиенты легко найдут нужное и сделают выбор в вашу пользуПрезентацииПревращаем ваши идеи и данные в убедительную визуальную историю. Помогаем удержать внимание аудитории и достичь цели document. addEventListener("DOMContentLoaded", function{ jQuery(". article-load"). removeClass("article-load"); const countPage = jQuery(". count_page"); const queryString = window. location. search; const urlParams = new URLSearchParams(queryString); const loadOnScroll = "false"; let processing = false; let filterProcces = false; const multipleFilterFlag = "1"; const display_lead = ""; const container = jQuery("#projects_69249ca57df79"); const containerId = "projects_69249ca57df79"; // const pageCookie = JSON. parse(getCookie("page_data")); // const next_page = pageCookie. next_page; // const pages_count = pageCookie. pages_count; // console. log(pageCookie); paramsGet = urlParams. toString. split("&"); if (paramsGet ! == "") { paramsGet. forEach(data => { const = data. split("="); const decodedValue = decodeURIComponent(value). split(","); jQuery(`. filter`). removeClass("active"); decodedValue. forEach(data => jQuery(`. filter`). addClass("active")); }); } const getElementByDataAttr = (selector, containerId) => document. querySelector(`${selector}`); const toggleFilters = getElementByDataAttr(". toggle-filters", containerId); const closeFilters = getElementByDataAttr(". close-filters", containerId); const applyFilters = getElementByDataAttr(". apply-filters", containerId); const filters = getElementByDataAttr(". filters-container", containerId); // Function to toggle filter visibility const toggleFilterVisibility = => { const isVisible = filters? . classList. contains("show"); filters? .... --- КопирайтингПроводим экспертизу через интервью и превращаем ее в понятные тексты. Убеждаем, продаем и повышаем доверие к брендуФотоСоздаем «живые» и честные фотографии вашего бизнеса. Показываем ваши товары, команду и процессы так, чтобы вызывать довериеВидеоСоздадим видео, которое сделает сайт динамичнее и наглядно расскажет о вашем продукте, удерживая внимание3Д-моделированиеСоздаем универсальный цифровой актив. Основа для фотореалистичных изображений, анимации и AR-приложений3Д-визуализацияПревращаем 3D-модели в фотореалистичные изображения. Создаем «вау-эффект», чтобы продать идею еще до ее воплощения document. addEventListener("DOMContentLoaded", function{ jQuery(". article-load"). removeClass("article-load"); const countPage = jQuery(". count_page"); const queryString = window. location. search; const urlParams = new URLSearchParams(queryString); const loadOnScroll = "false"; let processing = false; let filterProcces = false; const multipleFilterFlag = "1"; const display_lead = ""; const container = jQuery("#projects_69249c90a3f7d"); const containerId = "projects_69249c90a3f7d"; // const pageCookie = JSON. parse(getCookie("page_data")); // const next_page = pageCookie. next_page; // const pages_count = pageCookie. pages_count; // console. log(pageCookie); paramsGet = urlParams. toString. split("&"); if (paramsGet ! == "") { paramsGet. forEach(data => { const = data. split("="); const decodedValue = decodeURIComponent(value). split(","); jQuery(`. filter`). removeClass("active"); decodedValue. forEach(data => jQuery(`. filter`). addClass("active")); }); } const getElementByDataAttr = (selector, containerId) => document. querySelector(`${selector}`); const toggleFilters = getElementByDataAttr(". toggle-filters", containerId); const closeFilters = getElementByDataAttr(". close-filters", containerId); const applyFilters = getElementByDataAttr(". apply-filters", containerId); const filters = getElementByDataAttr(". filters-container", containerId); // Function to toggle filter visibility const toggleFilterVisibility = => { const isVisible = filters? . classList. contains("show"); filters? . classList. toggle("show", ! isVisible); closeFilters? . classList. toggle("show", ! isVisible); if (window. innerWidth { filters? . classList. remove("show"); closeFilters? . classList. remove("show"); document.... --- ---