Alfateam вэбсайт: улбар шар концепц
2026 оны аравдугаар сарын 5
10
Alfateam вэбсайт: улбар шар концепц

Төслийн тухай

Энэ бол Alfateam-ийн өөрийн вэбсайтын дизайны хувилбаруудын нэг — улбар шар өнгийн онцлогтой бараан өнгөний концепц юм. Энэ хувилбарт бид сайтыг нэг хуудастай танилцуулга биш, харин олон хэсэгтэй студийн корпорацийн портал байдлаар боловсруулсан: бизнесийн чиглэлүүд, бүтээгдэхүүн, төслүүд, медиа, ажлын байр болон компанийн тухай тусдаа хуудсууд.

Зорилт

Студийн вэбсайт нэгэн зэрэг өөр өөр үзэгчидтэй харилцах ёстой: гүйцэтгэгч хайж буй үйлчлүүлэгчид, багтаа мэргэжилтэн хэрэгтэй компаниуд, ажил горилогчид болон мэргэжлийн хамтын нийгэмлэгийн түншүүд. Бидэнд эдгээр үзэгч бүрт өөрийн хэсэгтэй бүтэц, мөн тэднийг нэг танигдахуйц сайт болгон нэгтгэх визуал хэлийг бий болгох шаардлагатай байв.

Хэв маягийн үндэс нь бараан дэвсгэр, том үсгээр бичсэн том гарчиг, мөн бүх хуудсыг дамжин өнгөрөх нарийн улбар шар тойргууд юм. Бүх дэлгэц дээрх толгой хэсэг ижил: лого, цэсний долоон зүйл, хэл солих товч болон улбар шар хүрээтэй «Хүсэлт үлдээх» товч. Толгой хэсгийн доор олон түвшний бүтцэд хэрэглэгч хаана байгааг ойлгомжтой болгох талхны үйрмэг (breadcrumbs) байрлана.

Арга хэмжээ

Арга хэмжээний хэсэг студийг IT нийгэмлэгийн оролцогч болохыг харуулна. Дээд талд нь хэлбэр ба сэдвээр шүүх шүүлтүүрүүд болон хайлтын мөр байна. Ойрын арга хэмжээг нүүр зураг, тайлбар, огноо, хэлбэр болон зохион байгуулагчийн хамт том блокоор онцолсон. Доор нь өнгөрсөн арга хэмжээнүүдийн тор: карт бүрт огноо, төрөл (хурал, вебинар), товч тайлбар, мөн зохион байгуулагч ба Alfateam-ийн оролцоог харуулсан мөр бий.

Комплаенс

Корпорацийн үйлчлүүлэгчдэд зориулж бид «Бидний тухай» хэсэгт «Alfateam дахь комплаенс» хуудсыг нэмсэн. Энэ нь бизнес эрхлэх зарчмын тухай текст хуудас бөгөөд текстийн доор баримт бичгийн тор байрлана: тушаалууд, комплаенсын бодлого болон түүний англи хэл дээрх хувилбар. Баримт бүр урьдчилан харах зураг ба файлын хэмжээтэй тул тусдаа хуудас руу шилжилгүйгээр татаж авах боломжтой.

Аутстаф

«Аутстаф» хуудас нь багтаа хөгжүүлэгч, дизайнер, шинжээч, тестер хэрэгтэй компаниудад зориулагдсан. Бид үүнийг ил тод үнийн жагсаалт хэлбэрээр зохиосон: Node.js, React, Vue, iOS, Android болон бусад чиглэл бүрээр мэргэжилтний түвшин (Middle, Senior, Architect), цагийн болон сарын хөлсийг харуулсан хүснэгт. Баганууд хамтын ажиллагааны хугацаагаар хуваагдсан бөгөөд урт хугацааны төслүүдэд хөнгөлөлтийг шууд харуулна. Макетад тоонуудын оронд түр орлуулагч байгаа — хуудсыг дараа нь бөглөхөөр төлөвлөсөн.

Сэтгэгдэл

Сэтгэгдлийн хэсэг сумтай, «Бүгдийг харах» холбоостой хэвтээ карусель хэлбэртэй. Картад аватар, улбар шар зураасаар доогуур нь зурсан зохиогчийн нэр, текст болон зургийн байр бий. Картууд том, бараан бөгөөд сайтын бусад хэсэгтэй нэг хэв маягтай.

Үр дүн

Энэ концепц бидэнд студийн үйл ажиллагааг тусдаа, ойлгомжтой хэсгүүдэд задлах арга болсон: арга хэмжээ, корпорацийн баримт бичиг, аутстаффингийн нөхцөл, сэтгэгдэл. Агуулга нь түр орлуулагчаар дүүрсэн хэвээр байгаа хэсэгт ч хуудсын бүтэц тодорхой үзэгчдийн асуултад аль хэдийн хариулж байна. Нэгдсэн толгой хэсэг, талхны үйрмэг болон дамнасан график хээ бүх хэсгийг нэг сайт болгон холбоно.

UX/UI дизайн
Вэб дизайн