Կեյս

Kelvin Film Lab — երկլեզու կայք և CMS հետարտադրության ստուդիայի համար

Kelvin Film Lab-ի համար կառուցեցինք երկլեզու կայք և կառավարվող Admin/CMS՝ աշխատանքների, ծառայությունների և Journal-ի ներկայացման, նոր նախագծերի հայտերի և վերահսկվող հրապարակման համար։

Kelvin-ի բառանշանը մուգ ֆոնի վրա
Հաճախորդ
Kelvin Film Lab
Ոլորտ
Ֆիլմերի հետարտադրություն
Տարի
2026

01Հաճախորդի մասին

Հաճախորդի մասին

Kelvin Film Lab-ը Երևանում գործող հետարտադրության ստուդիա է՝ «Yerevan / Worldwide» դիրքավորմամբ։ Ստուդիան իրականացնում է մոնտաժ, գունային կորեկցիա, ֆինիշինգ և DIT/dailies ֆիլմերի, սերիալների, վավերագրական ֆիլմերի, գովազդների և երաժշտական տեսահոլովակների համար։

Նման ստուդիայի համար կայքը և՛ աշխատանքների ցուցափեղկ է, և՛ նոր նախագծերի մուտքի կետ։ Թիմը պետք է կարողանա այն թարմացնել ինքնուրույն և արագ։

02Սկզբնական խնդիրը

Ինչ էր պետք լուծել

Ստուդիային պետք էր ոչ թե ստատիկ կայք, այլ համակարգ, որով թիմն ինքն է կառավարում իր ներկայությունը․

  • Աշխատանքները ներկայացնել կինեմատոգրաֆիկ մակարդակով՝ տեսանյութով, շապիկներով և Kelvin-ի դերով յուրաքանչյուր նախագծում։
  • Ծառայությունները բացատրել պարզ՝ մոնտաժից մինչև ֆինիշինգ։
  • Նոր նախագծի հայտը դարձնել հեշտ և ապահով։
  • Թարմացնել բովանդակությունը առանց ծրագրավորողի՝ հայերեն և անգլերեն։
  • Հրապարակել վերահսկելի՝ նախադիտմամբ, առանց պատահական փոփոխությունների կայքում։

Խնդրից՝ համակարգ

  1. Սկզբնական վիճակ

    Ստուդիայի կայքը պետք է աշխատանքները ներկայացնի կինեմատոգրաֆիկ մակարդակով և մնա արդիական՝ առանց ամեն փոփոխության համար ծրագրավորողի։

  2. Լուծումը

    Երկլեզու կայք (hy, en) և Admin/CMS, որտեղ յուրաքանչյուր փոփոխություն սևագրից անցնում է նախադիտման, հետո միայն՝ կայք։

  3. Ինչ է փոխվում

    Թիմն ինքն է թարմացնում իր ներկայությունը երկու լեզվով՝ վերահսկվող հրապարակմամբ։

03Մոտեցում

Ինչպես կառուցեցինք համակարգը

Կայքը և կառավարման համակարգը նախագծեցինք միասին․ յուրաքանչյուր հանրային բաժին ունի իր կառավարվող մոդելը Admin-ում, իսկ ցանկացած փոփոխություն անցնում է սևագրից նախադիտման և միայն հետո հայտնվում կայքում։

  1. Բաժինների և բովանդակության քարտեզ

    Սահմանեցինք կայքի բաժինները՝ աշխատանքներ, ծառայություններ, Journal, մեր մասին և կապ, և յուրաքանչյուրի համար կառավարվող դաշտերը։

  2. Բրենդային ուղղությունը վեբում

    Kelvin-ի նշանը, կարմիր կետը և մուգ ու բաց հատվածների ռիթմը վերածեցինք կայքի տեսողական համակարգի։

  3. Հանրային կայք

    Երկլեզու, հարմարվողական էջեր՝ մեծ տիպոգրաֆիկայով և աշխատանքների կինեմատոգրաֆիկ ներկայացմամբ։

  4. Admin/CMS և հրապարակման ընթացք

    Էջերի կառուցիչ, մեդիա, հայտեր և «սևագիր → նախադիտում → հրապարակում» ընթացք։

  5. Թողարկումներ և շարունակական զարգացում

    Համակարգը թողարկվում է փուլերով՝ յուրաքանչյուր թողարկումից առաջ ստուգումներով։

04Աշխատանքներ

Ինչ ստեղծեցինք

  1. Բրենդային և վիզուալ ուղղություն

    Կլոր «k» նշան և բառանշան, կարմիր կետ, մուգ և բաց հատվածներ, մեծ տիպոգրաֆիկա՝ կինեմատոգրաֆիկ, բայց զուսպ բնավորությամբ։

  2. UX և հանրային կայք

    Աշխատանքներ, ծառայություններ, Journal, մեր մասին և կապ՝ հստակ նավիգացիայով և ամբողջ էկրանով բջջային մենյուով։

  3. Աշխատանքների ներկայացման համակարգ

    Յուրաքանչյուր նախագիծ՝ տեսակով, տարով, Kelvin-ի դերով, տեսանյութով, desktop և mobile շապիկներով, պատկերասրահով, կատեգորիաներով և ծառայություններով։

  4. Ծառայություններ և Journal

    Ծառայությունների կառավարվող ցանկ և Journal՝ թեմաներով և ընթերցման ժամանակի ավտոմատ հաշվարկով։

  5. Կապ և հայտերի ընդունում

    Կարճ ձև՝ միայն անհրաժեշտ դաշտերով, սպամից պաշտպանություն, հաստատում միայն հայտը պահպանելուց հետո և հայտերի մշակում Admin-ում։

  6. Admin/CMS և բովանդակության ընթացք

    Էջերի վիզուալ կառուցիչ, մեդիա, նավիգացիա, տիպոգրաֆիկա և գույներ, հայտեր, օգտատերեր և փոփոխությունների մատյան՝ դերերով հասանելիությամբ։

  7. Երկլեզու համակարգ

    Ամբողջ բովանդակությունը հայերեն և անգլերեն՝ զույգ դաշտերով, առանձին հասցեներով և ճիշտ լեզվային նշումներով որոնողական համակարգերի համար։

  8. SEO, մատչելիություն և հարմարվողականություն

    Canonical, hreflang, Open Graph և sitemap, վերլուծություն միայն համաձայնությունից հետո, WCAG AA կոնտրաստ և դրա ստուգում հրապարակման պահին, հարմարվողական էջեր։

Kelvin Film Lab-ի լոգոտիպը՝ կլոր «k» նշան, kelvin բառանշան կարմիր կետով և «creating a media family» կարգախոս
Kelvin-ի լոգոտիպը և կարգախոսը

05Ընթացք

Բովանդակության ճանապարհը՝ սևագրից մինչև կայք

Բացատրական դիագրամ՝ ըստ համակարգի փաստաթղթավորված ընթացքի, ոչ թե screenshot։

  1. Սևագիր փոփոխությունները պահվում են առանց կայքի վրա ազդելու
  2. Նախադիտում հեռախոսի, պլանշետի և desktop չափերով
  3. Հրապարակում հայերեն և անգլերեն տարբերակները կայքում
  4. Նոր փոփոխություն հրապարակված էջի խմբագրումը նախ սևագիր է
  5. Արխիվ նյութը հանվում է կայքից՝ առանց ջնջվելու

06Կառավարման համակարգ

Կայքի և Admin-ի կառուցվածքը

Բացատրական քարտեզ՝ ըստ կոդի և փաստաթղթերի, ոչ թե screenshot։

Ամեն ինչ կապված է՝ Admin / CMS

  • Աշխատանքներ պորտֆոլիո՝ կատեգորիաներով և հերթականությամբ
  • Ծառայություններ ակտիվացում, հերթականություն և սևագիր
  • Journal հոդվածներ՝ թեմաներով
  • Մեր մասին ստուդիայի և թիմի ներկայացում
  • Կապ հայտի ձև և հաստատում
  • Էջերի կառուցիչ բլոկներ և hero slider հիմնական էջերի համար
  • Մեդիա WebP տարբերակներ, տեսանյութ, mobile կադրավորում
  • Հայտեր կարգավիճակ, պատասխանատու և նշումներ
  • Նավիգացիա և սոցհղումներ մենյու և սոցիալական ցանցեր
  • Տիպոգրաֆիկա և գույներ ըստ տեքստի դերի
  • Օգտատերեր և դերեր երեք դեր՝ սերվերային ստուգմամբ
  • Փոփոխությունների մատյան որոնելի և զտվող պատմություն

Ինտերֆեյսներ

Kelvin Film Lab կայքի գլխավոր էջը desktop-ում, անգլերեն
Գլխավոր էջ, desktop։ Իրական ինտերֆեյս՝ տեղական build, demo բովանդակությամբ։
Kelvin Film Lab կայքի գլխավոր էջը հեռախոսում, հայերեն
Գլխավոր էջ, հեռախոս, հայերեն։ Իրական ինտերֆեյս, demo բովանդակություն։
«Սկսել նախագիծը» հայտի ձևը հեռախոսում
Հայտի ձև, հեռախոս։ Դատարկ ձև, առանց հայտերի։

07Արդյունքը

Ինչ փոխվեց

Kelvin Film Lab-ն ունի գործող երկլեզու կայք և կառավարման համակարգ, որով թիմն ինքն է թարմացնում իր ներկայությունը․

  • Բովանդակության համակարգված կառավարում՝ առանց ծրագրավորողի։
  • Նախագծերի ներկայացման միասնական կառուցվածք։
  • Վերահսկվող հրապարակում երկու լեզվով՝ նախադիտմամբ։
  • Հանրային կայքի և Admin-ի հստակ բաժանում։
  • Ընդլայնելի հիմք հետագա զարգացման համար։

Չափելի արդյունքներ (այցելություններ, հայտեր) չենք հրապարակում, քանի դեռ դրանք հաստատված չեն։

Շարունակական զարգացում

Համագործակցությունը շարունակական է․ համակարգը թողարկվում է փուլերով, և զարգացումը շարունակվում է ստուդիայի նոր կարիքներին համապատասխան։

Ձեր ստուդիային նույնպես պե՞տք է կայք, որը թիմն ինքը կկառավարի

Պատմեք ձեր աշխատանքի մասին․ անվճար ախտորոշումից հետո կառաջարկենք, թե որտեղից սկսել։