Ինչպես ենք գործակալության կայքը պատրաստել հանգստյան օրերին և երկու շաբաթ ավելացրել գործառույթներ

Մենք արդեն ունեինք կայք Tilda-ի վրա, և այն մեզ բավարարում էր ճիշտ այնքան ժամանակ, քանի դեռ պարզ չէր դարձել՝ գործակալության կայքը այցեքարտ չէ, այլ գործիք։ Այն պետք է զարգանա ամեն շաբաթ. նոր կեյսեր, նոր հոդվածներ, ծառայությունների նոր բաժիններ, SEO-աշխատանք։ Tilda-ի վրա այս ամենը հնարավոր է, բայց ինչ-որ պահից դադարում է արագ լինել։

Ուրբաթ երեկոներից մեկին նստեցինք և զրոյից պատրաստեցինք aimap.am։ Կիրակի երեկոյան արտադրության մեջ արդեն կային տասը ծառայության էջեր, գլխավոր էջը, հայտերի ձև և SEO-նշում։ Հաջորդ երկու շաբաթվա ընթացքում հայտնվեցին կեյսերի բաժինը, բլոգը՝ առաջին հոդվածով, և նոր նախագծեր, որոնք անմիջապես տեղ գտան պորտֆելում։

Այս հոդվածը այն մասին է, թե ինչպես է կազմակերպված գործընթացը, որքա՞ն ժամանակ տևեց ինչը, և ինչու ենք հաճախորդներին վաճառում հենց այսպիսի մշակման ձևաչափ։

Ինչու հեռացանք Tilda-ից

Tilda-ն լավ գործիք է, և մենք շարունակում ենք աշխատել նրա հետ հաճախորդական խնդիրների վրա, որտեղ նա տեղին է։ Բայց մեր սեփական գործակալական կայքի համար ուզում էինք երեք բան, որոնք կոնստրուկտորների վրա դժվար է ստանալ։

Ուղղումներ կատարելու արագություն։ Tilda-ի վրա կառուցվածքի ցանկացած փոփոխություն ինտերֆեյսում ձեռքով աշխատանք է՝ բացել, սեղմել, շարժել, պահպանել։ Երբ պետք է ավելացնել տասներորդ ծառայության էջը՝ նույն տրամաբանությամբ, ինչ առաջին ինը, կոնստրուկտորը պարտվում է կոմպոնենտներով կոդին։

SEO՝ առանց ոստայնների։ Կոնստրուկտորների կայքերում նշումների կառավարման առաստաղ կա. միկրոնշումներ՝ ոստայններով, բեռնման արագությունը հենվում է ուրիշի ռենդերի վրա, իսկ նախագիծը այլ դոմեն տեղափոխելը՝ առանձին պատմություն է։

Աղբյուրների վրա լիարժեք վերահսկողություն։ Մենք հաճախորդներին vibe-coding-ը վաճառում ենք որպես ծառայություն, և տարօրինակ կլիներ սեփական ցուցափեղկը պատրաստել փակ կոնստրուկտորի վրա։ Հաճախորդը պետք է տեսնի, որ մենք մեր հետ աշխատում ենք այնպես, ինչպես անում ենք նրա նախագիծը։

Ստեկը

Ոչ մի կախարդանք՝ սովորական գործիքների հավաքածու, որին տիրապետում է ցանկացած ծրագրավորող.

• VS Code + Claude Code — խմբագիր և AI-գործակալ, որը գրում և ուղղում է կոդը պահոցում
• React + Vite — frontend առանց ավելորդ կախվածությունների, ստատիկ կազմվածք՝ վայրկյաններում
• Tailwind CSS — ոճեր՝ առանց առանձին CSS-ֆայլերի
• Ստատիկ դեպլոյով հոստինգ — կայքը մատուցվում է ակնթարթորեն

Մի քանի խոսք ընտրության մասին։ Մենք գիտենք Astro-ի և մյուս SSG-ֆրեյմվորքների մասին — բովանդակային կայքերի համար նրանք լավն են լռելյայն։ Բայց մեզ մոտ React-ի հետ ավելի քան երեք տարվա փորձ կա, իսկ Vite-ի կազմակերպումը և ստատիկ դեպլոյը փակում են և՛ արագության, և՛ SEO-ի հարցը։ Երբ թիմը գործիքի հետ ունի խորը փորձ, ավելի քիչ ծանոթին անցումը «տեսականորեն ավելի լավի» համար չի արդարացվում։ Վերցրեք այն ստեկը, որը ձեր թիմը գիտի ռեֆլեքսների մակարդակով։

Ուրբաթ՝ կառուցվածք և կմախք AI-ով

Կարևոր կետ, որի մասին սովորաբար լռում են. մենք AI-գործիքների հետ աշխատում ենք ոչ թե առաջին տարին։ Claude-ը հիանալի գիտի, թե ինչով է զբաղվում AI MAP-ը, ինչ ծառայություններ ունենք, ինչպես ենք գրում տեքստերը, ինչ բլոկներ ենք օգտագործում լենդինգներում ու պրեզենտացիաներում։ Այդ ընթացքում մենք կուտակել ենք պրոմպտերի գրադարան, էջերի կաղապարներ և ներքին ստանդարտներ — ամեն ինչ markdown-ֆայլերի տեսքով, որոնք բեռնվում են համատեքստ։

Այդ պատճառով ուրբաթ օրը մենք չենք սկսել դատարկ էջից։ Մենք սահմանեցինք կառուցվածքը՝ տասը ծառայություն, յուրաքանչյուրի համար՝ սեփական բլոկների հավաքածու (վերնագիր, թվեր, գործընթաց, FAQ)։ Claude-ը արագ գեներացրեց բոլոր էջերի առաջնային կմախքը՝ հաշվի առնելով մեր ոճն ու իմաստները։ Ուրբաթվա գիշերը կար կմախքային հավելված՝ ուղղորդմամբ, կոմպոնենտներով և յուրաքանչյուր ծառայության համար բովանդակության առաջին տարբերակներով։

Սա «նյարդային ցանցը կոճակ սեղմեց, և ամեն ինչ պատրաստ է» չէ։ Սա մշակում է, որտեղ առօրյա մասը՝ նշումները, տիպային բլոկները, առաջնային տեքստերը, անում է AI-ը՝ մարդու վերահսկողության տակ, որը գիտի, թե ինչպիսին պետք է լինի արդյունքը։

Շաբաթ՝ բովանդակություն

Շաբաթ առավոտյան նստեցինք տեքստերի համար։ AI-ը պատրաստել էր ոչ վատ հիմք, բայց վաճառող իմաստը, շեշտադրումները, ձևակերպումները կոնկրետ լսարանների տակ — մարդու աշխատանք է։ Անցանք բոլոր տասը էջերը, կատարեցինք միկրո-ուղղումներ՝ ինչ-որ տեղ վերաշարադրեցինք վերնագիրը, ինչ-որ տեղ փոխեցինք թվերի կառուցվածքը, ինչ-որ տեղ ավելացրեցինք բացակայող բլոկը։

Vibe-coding-ի առավելությունը հենց այսպիսի ուղղումների ռեժիմում. դուք չեք բացում կոնստրուկտորի ադմինը, չեք փնտրում անհրաժեշտ բլոկը, չեք վախենում կոտրել դասավորությունը։ Դուք ասում եք Claude-ին՝ «չաթ-բոտերի էջում թվերով բլոկում տեղերը փոխիր առաջին և երրորդ կետերի միջև», և դա տեղի է ունենում վայրկյաններում։

Շաբաթ երեկոյան բոլոր տասը էջերը բովանդակային առումով պատրաստ էին՝ սեփական իմաստներով, սեփական թվերով, յուրաքանչյուր ծառայության համար սեփական ձևակերպումներով։

Կիրակի՝ հղկում և գործարկում

Կիրակին գնաց տեխնիկական մասի համար։ Ավարտեցինք ադապտիվությունը, ստուգեցինք հեռախոսների և պլանշետների վրա, կարգավորեցինք հայտերի ձևը Telegram-ում ծանուցմամբ, միացրեցինք Yandex.Metrika-ն, գրեցինք գաղտնիության քաղաքականությունը, բարցեցինք հոստինգի վրա։

Կիրակի երեկոյան կայքն արդեն արտադրության մեջ էր՝ aimap.am հասցեով, տասը ծառայության էջերով, բոլոր սարքերի վրա ճիշտ ցուցադրմամբ և աշխատող ձևով։

Երկու շաբաթ հետո՝ կայքն աճում է նախագծերի հետ միասին

Հենց այստեղ է սկսվում ամենահետաքրքիրը։ Երբ բազային կառուցվածքը պատրաստ է, դրան նոր բան ավելացնելը ժամերի, ոչ թե օրերի հարց է։ Եվ այս երկու շաբաթվա ընթացքում զուգահեռ ընթանում էին իրական նախագծեր, որոնք անմիջապես դառնում էին կայքի համար բովանդակություն։

Fabula քովորքինգի համար նախագիծ — դարձավ կեյս

Մենք նստում ենք Երևանի Fabula քովորքինգում, և նրանք ունեին պարզ խնդիր. ռեզիդենտները ամրագրում էին սկայպ-սենյակները և բանակցարանները թղթե թերթիկների վրա։ Նրանց համար գործարկեցինք Telegram-բոտ ամրագրման համար։ Նախագիծը տևեց մի քանի օր, իսկ մեր կայքում այն վերածվեց կեյսի «Մեր կեյսերը» բաժնում՝ կարճ քարտ՝ էությամբ և արդյունքով։

Kōkasoku պորտալը — դարձավ բլոգում առանձին հոդված

Նույն ժամանակ ավարտեցինք խոշոր նախագիծ՝ ռիիչի-մաջոնգի Եվրասիական ասոցիացիայի համար պորտալ։ Մեկնարկեցինք որպես երկու երկրի համար հարթակ, մեկ ամսից պակաս ժամանակում վերածեցինք հինգի համար հարթակի։ Սա ստացվեց այնքան հետաքրքիր, որ դարձավ ոչ թե պարզ կեյս, այլ բլոգում լիարժեք հոդված՝ Ինչպես ենք vibe-coding-ով հավաքել միջազգային պորտալը և մեկ շաբաթում այն վերածել Եվրասիական ասոցիացիայի։

Հենց այս հոդվածը դարձավ մեր բլոգում առաջինը — և դրեց բոլոր հետագաների կաղապարը։ Հիմա նոր կեյս հրապարակելը նշանակում է գրել markdown-ֆայլ և commit անել։

DevRating.ru — առանձին արտադրանք, բայց նաև կեյսերում

Զուգահեռ գործարկեցինք DevRating.ru-ն՝ անկախ պորտալ, որն արտացոլում է Ռուսաստանում չաթ-բոտերի և կոնստրուկտորների մշակման շուկան։ Սա իր լսարանով ինքնուրույն նախագիծ է, բայց aimap.am-ի համար այն դարձավ ևս մեկ քարտ կեյսերի բաժնում՝ ապացույց, որ մենք կարող ենք ոչ միայն լենդինգներ պատրաստել, այլև գործարկել տվյալներով ճյուղային պորտալներ։

SEO՝ աշխատանք, որը որոնման համակարգերը տեսնում են

Սա այն մասն է, որը «ինտերնետում կայք»-ից տարբերում է «հաճախորդներ բերող կայք»-ը։ Յուրաքանչյուր էջի վրա մշակվել են.

• եզակի title և description՝ ծառայության սեմանտիկայի տակ
• վերնագրերի ճիշտ հիերարխիա (H1, H2, H3)
• Schema.org-ի միկրոնշումներ՝ կազմակերպության, ծառայությունների, ուղիների համար
• sitemap.xml և robots.txt, որոնք թարմանում են ամեն հավաքման ժամանակ
• բեռնման արագություն PageSpeed-ի կանաչ գոտում — կայքը մատուցվում է որպես ստատիկ, JS-ը նվազագույն է

Որոնման համակարգերը տեսնում են կայքը որպես կառուցվածքավորված, արագ և սեմանտիկորեն նշված։ Գործարկումից երկու շաբաթ անց էջերը սկսեցին ինդեքսավորվել Yandex-ում և Google-ում։

Որքա՞ն ժամանակ սա իրականում տևեց

Բացենք ժամերով, որպեսզի երևա, թե որտեղ է ծախսվում ժամանակը։

Ընդհանուր՝ մոտ 50 ժամ լիարժեք գործակալական կայքի համար՝ բլոգով և կեյսերով։ Համեմատության համար. դասական գործակալությունում նմանատիպ նախագիծը՝ մեկուկեսից երկու ամիս օրացուցային ժամանակ և բյուջե՝ 200 հազար RUB-ից սկսած։ Tilda-ում՝ ավելի արագ մեկնարկով, բայց առանց նշումների վերահսկողության, առանց կառուցվածքի մասշտաբավորման հնարավորության առանց ձեռքով աշխատանքի և SEO-ի առաստաղով։

Ինչ է սա նշանակում հաճախորդների համար

Մենք նույն սխեման վաճառում ենք որպես ծառայություն։ Երբ հաճախորդը գալիս է «կայք է պետք» առաջադրանքով, մենք պատասխանում ենք կոնկրետ ժամկետներով՝

• Պարզ լենդինգ՝ կոշտ ֆոկուսով — 1 օրում։ Երբ հաճախորդն ունի հասկանալի լսարան, մեկ արտադրանք, մեկ առաջարկ և մեկ տրաֆիկի աղբյուր — հնարավոր է հավաքել էջը 10 հազար RUB-ով՝ մեկ օրում։ Մենք ունենք նման կեյս։
• Լենդինգ՝ իմաստների և դիզայնի խորը մշակմամբ — 2–3 օրում։
• Գործակալական կամ կորպորատիվ բազմաէջ կայք — 10–14 օրում՝ բանալիով։
• Ավտորիզացիայով արտադրանքի MVP — 2–3 շաբաթում։
• Զամբյուղով օնլայն-խանութ — մեկ շաբաթում։

Սա «նյարդային ցանցը մեկ գիշերում կանի» խոստում չէ։ Սա խոստում է, որ կայքի վրա մարդկային աշխատանքը՝ բովանդակությունը, իմաստները, որոշումները, կմնան, բայց դասավորության և մշակման առօրյան կկրճատվի անգամներով։ Արդյունքը՝ կայք, որի մոտ՝

• աղբյուրները կան ձեր պահոցում
• SEO-ն աշխատում է առաջին օրից
• ուղղումները կատարվում են արագ
• նոր էջեր և բաժիններ ավելացվում են առանց ամբողջ նախագիծը վերակառուցելու

Որտեղ vibe-coding-ը դեռ չի հարմարվում

Անկեղծ ասած՝ տեխնիկապես այն հարմարվում է գրեթե ամենուր։ Բայց կան ճյուղեր, որտեղ ներկայումս AI-մշակմանը զգուշությամբ են վերաբերվում, և մենք դա հարգում ենք։

Բժշկություն։ Հիվանդների անձնական տվյալներ, ՀԾ-ի սերտիֆիկացման պահանջներ, սխալների համար պատասխանատվություն։ Քանի դեռ շուկան չի մշակել AI-կոդի հետ բժշկական պարագծում աշխատանքի պրակտիկաներ, մենք չենք պնդում vibe-coding-ի վրա բժշկական կլինիկաների և բժշկական տվյալներով հաճախորդների համար։

Իրավաբանական ծառայություններ։ Այստեղ հարցը տեխնիկական չէ, այլ հեղինակային։ Իրավաբանները գնահատում են ընդգծված դասական վստահելիությունը, և «AI-ի հետ» հավաքված կայքը կարող է հաճախորդների կողմից ընկալվել որպես ոչ բավարար հաստատուն։ Սա կփոխվի մեկ-երկու տարում, բայց հիմա ավելի լավ է հաշվի առնել։

Բանկինգ և ֆինտեխ։ Կարգավորիչների պահանջները մշակմանը, կոդի աուդիտը, compliance-պրոցեդուրաները։ Այցեքարտերի և մարքեթինգային լենդինգների համար սահմանափակումներ չկան, իսկ արտադրանքի լուծումների համար պարագծի ներսում՝ առանձին խոսակցություն է։

Բոլոր մյուս ոլորտներում — e-commerce-ից և EdTech-ից մինչև HoReCa, HR-tech, մեդիա և B2B-ծառայություններ — vibe-coding-ն աշխատում է նույնքան լավ, որքան դասական մշակումը, պարզապես ավելի արագ։

Ինչ կլինի մեր կայքի հետ հետագայում

Շաբաթը մեկ ավելացնում ենք բլոգում նոր հոդված՝ գրում ենք իրական նախագծերի և գործիքների մասին։ Ամիսը մեկ թարմացնում ենք կեյսերի բաժինը։ Աստիճանաբար մեծացնում ենք սեմանտիկան SEO-ի տակ՝ հարցումների վերլուծություն, որոնման տրաֆիկի հետ աշխատանք, ներքին կապակցում։

Կայքը կենդանի համակարգ է, ոչ թե հուշարձան։ Եվ vibe-coding-ը մոտեցում է, որում համակարգը զարգացնելը նույնքան արագ է, ինչ ստեղծելը։