Новият сайт на STENIK е тук! Вижте как го разработихме, тествахме публично във Facebook и го стартирахме ударно за десктоп и мобилни устройства

28.05.2014

Прочетена: 824 times

Категории: Новини Case studies
Новият сайт на STENIK е тук! Вижте как го разработихме, тествахме публично във Facebook и го стартирахме ударно за десктоп и мобилни устройства

Малко предистория

Предната версия на сайта на STENIK създадохме в далечната 2009 г., когато осъзнахме, че целта ни бе да се превърнем в надеждна за клиенти уеб агенция. За това и хвърлиме огромни усилия в създаване на много текстови страници качествено съдържание. Тази версия на stenikgroup.com претърпя леки ъпдейти през годините, но остана жива цели 6 години. Тя изпълни мисията си и превърна STENIK в топ агенция за разработка на уеб сайтове и онлайн магазини. А самият сайт дори и през 2014 продължаваше да бъде инспирация за правилно структуране на съдържание и обем информация за уеб агенции и студия.

Нуждата от новия сайт на Стеник

За последните 10 години натрупахме солидно портфило от разработени уеб сайтове, онлайн магазини и от 2 години и на мобилни приложения, в комбинация със стотици клиенти, част, от които топ брандове като KFC, METRO, ORANGE CENTER, EUROMARKET, HIPPOLAND и др. Имахме нужда да облечем целия този наш опит в уеб дизайна, уеб разработките и програмирането в нова модерна визия и предадем на бъдещите клиенти по възможно най-професионалния и надежден начин мисията и целите на STENIK - а именно "да създаваме печеливши онлайн магазини, уеб сайтове и приложения и клеинтите ни да виждат в нас наеджден партньор, които знаят, че си плащат, но знаят и че получават".

А сега да поговорим за дизайн

Адаптивен дизай

Искахме дизайна на сайта да е на 100% full screen, с различни версии за мобилни резюлюции - изцяло отзивчив (responstive) дизайн.

Графични елементи и ефекти

Решихме да наблегнем на изчистените елементи, като заложим на основно черно и бяло в дизайна. За сметка на липсата на картинки, вкарахме една камара HTML5 и CSS3 ефекти, които направиха потребителското преживяване уникално.

Потребителско преживяване / UX

В STENIK сме на мнение, че дизайнът на сайтове не е това, което беше. Не е важен толкова уау ефектът в първия момента, колкото уеу ефектът след като си прекарал 3-4 минути в сайта. А именно потребителското преживяване е важно и за нас беше ценно да го доставим на най-високо ниво.

Нико Митев: "А за сайта ... МЕЕЕД приятно се разцъквам из сайта не тормози окото и приятно подредено инфо."

Нико Митев за новия сайт на Stenik

SEO

Тъй като в STENIK разчитаме на органичното търсене в Google за голяма част трафика към сайта си, то за нас беше важно новия сайт да има интегрирани всички актуални SEO похвати. Целта ни е не само да запазим отличните си позиции в Google, а да вдигнем класирането по много вътрешни landing страници с ключови за нас услуги, като изработка на уеб сайт, изработка на онлайн магазин и изработка на мобилно приложения. За да изпълним горните задачи, написахме новия сайт на HTML5 с правилно структурирано съдържание и описани елементи в кода. Също така запазихме всичките ни URL адреси и пипахме внимателно, когато ставаше дума за 301 пренасочване от страници в стария сайт, които искахме да изключим като информация от новия, но бяха с добри позиции. Водещият оптимизатор от SEOM Васил Тошков споделя коментар в Google+:

Васил Тошков: Откъм SEO на пръв поглед всичко изглежда ОК. Особено ми харесва това, че използвате семантичните елементи на HTML5 :)

Васил Тошков за новия сайт на Stenik Много благодарим и на SEO оптимизатора Генадий Воробьов от Optimization.bg, който на корпоративния мейл на STENIK ни изпрати доста advanced съвети за подобрение на оптимизацията за Google на stenikgroup.com.

Време, екип, процес

Процсът, който създадохме

От години мечтаехме за нов сайт на STENIK, но крушата пада сама, когато узрее. В края на 2013 г. нахвърлихме узрелите идеи за новия облик на сайта и решихме, че от януари 2014 го започваме. Знаем от собствен опит и от живи примери от други фирми в бранша ("Обущарят винаги ходи бос"), които с години правят сайтовете си, че е адски трудно да отделиш ресурс на екипа за собствения сайт на уеб агенцията. Затова организирахме работна група, която всяка седмица в четвъртък правеше оперативка за брйнстормване на идеи и коментиране на прогреса. В петък сутринта задачите бяха разпределени и целият ден го отделяхме за изработка, като  дизайнерите и front-end програмистите вършеха своята работа, а  мениджмънта подготвяше текстове, макети на страници и др. След това имахме 3 дни време от понеделник до сряда да наблюдаваме и обмисляме направено, да правим корекции и в четвъртък следваше новата оперативка (приличаваше малко на scrum методология на работа, да не кажем, че си беше scrum). Това беше и най-голямото предизвикателство - как да отделиш половината ресурс на фирмата всеки петък, без да пострада работата за клиенти.

Колко време ни отне?

И така стартирахме януари 2014, за да финишираме в края на март 2014 с новия stenikgroup.com. Общите часове, които отне разработката: 450 работни часа, разпределени сред екипа ни за 2 месеца и половина.

Колко хора участваха?

Стефан представи sitemap на сайта на хартия, след което с Митко, Ники и Златан го обсъдиха, коригираха и одобриха. Мила започна с дизайна и предаде към Гани, който създаде HTML прототипа на сайта. През това време Митко подготвяше текстовете за сайта, а Златан помагаше в разработката на дизайна. Ицо и Нед напрограмираха готовия HTML и в го вкараха в собствената ни система за управление на съдържанието eStenik. Стефан започна с вкарване на текстовете, Любо пълнеше портфолиото. Веско стилна блога, за да бъде в същия стил на дизайна, а Лара коригираше правописните грешки. Марто тестваше сигурността на сайта, а за финал в тестването на целия сайт се включиха Миро и Георги. Нито звучи просто, нито е лесно, затова ще се спрем до тук и ще оставим тайна, как успяхме в STENIK да координитаме този процес и как успяхме да постигнем готовия продукт само за 2 месеца и половина, въпреки, че паралелно с това работим по над 30 други клиентски проекта.

Предизвикателството с публичното тестване

Тъй като в STENIK винаги сме били различни и с индивидуален почерк и подход, този път в последния ден преди пускането на сайта решихме да го публикуваме в най-известните Facebook групи за уеб дизайн и онлайн маркетинг и да поканим всички желаещи да тестват сайта на реален адрес. Очаквахме да открият бъгове, да ни дадат препоръки, хвалби, критични мнения, а ние в замяна обещахме да публикуваме техните коментари, заедно с линкове към техните сайтове или блогове (очакваме всеки, който не си е видял линка в статията, да ни го израпти по e-mail).
 

Ето и най-качествените от тях

Georgi Georgiev "Сайт за пример. Нямам какво повече да кажа. И работи и в IE"

George Mitzov "Иначе сайта е супер!"

Borislav Ivanov "Сайтът е просто страхотен! Справили сте се страхотно! Аз не мога да си кривя душата и да имам някаква забележка към него. Проектите ви като цяло са много добри и си личи качествената работа. Имам само една забележка към вас: Моля ви, една идея по-малко хвалете себе си и обиждайте останалите. Keep up the good work!"

Георги Стефанов "Stefan добра работа! Обожавам отзивчив дизайн, който ми се разлива по целия екран При намаляване на размера преминава през цели 7 стъпки изгледа - впечатляващо! Може да помислите за потребителското преживяване. При първото отваряне на сайта помислих, че съм объркал сайта, защото на повече от половината екран се зареди Orange - явно някакъв проект, който сте правили, но лесно човек може да се обърка, че е в сайта на Orange."

Ivelin Ivanov "Не разбирам едно. Положили сте невероятни усилия за сайта - супер, но осъзвате ли, че имате близо 3мб зареждане само от начална страница? Какъв е смисъла да го правите за телефон, ако особенно на по бавния интернет едва ще се отвори."

Lyudmil Asparuhov "Браво, як е много! "

Boris Loukanov "Иначе, единствено, както някои колеги споменаха, малко ме дразни, че при влизане първото впечатление е един голям слайдър с името на ваши клиенти, все едно влизаш в сайта на Orange примерно. Може да помислите малко да смалите този слайдър или някакво друго решение..."

 Васил Лазаров ни изпрати правописни грешки за оправяне, за което благодарим също.
А тук даже спечелихме и клиент: Оля си идва: "Лесно. Просто. Ясно. Браво. Имам клиент за вас."

Функционалностите в сайта и защо ги направихме?

Ще опишем кратко най-яките функционалности, които вхарахме в сайта, за да може да улесни постителите и бъдещите клиенти на Stenik. ... Не. Чакайте малко. Оставяме ви сами да се насладите на функционалностите на сайта и да го разгледате целия сами: www.stenikgroup.com

За автора:

Stefan Stefan Chorbanov

Стефан Чорбанов е един от създаделите на Stenik и от 2004 г. до сега работи в компанията по създаването на емблематични онлайн магазини и уеб сайтове. Участвал е в eCommerce проекти за KFC, Кокетна, CarpetMAX, Хиполенд, Пакостник, Ozone, Денси, Orange Center, Tempo, Demobaza, Giulian и много други. Като хоби, развива и собствени онлайн магазини за дрехи, което го прави специалист не само от страната на разработчика, а и от страната на търговеца – опит, който малцина притежават.

Сподели

Напиши коментар: