Galexora
Хүчтэй frontend түүх өгүүлэх чадвар, section архитектур, өнгөлсөн interaction ажлыг харуулахаар зохион бүтээсэн cinematic сансрын судалгааны сайт.
Сорилт
Ердийн ерөнхий landing page мэт биш, брэндлэгдсэн, дэлгэрэнгүй мэдрэмж төрүүлэх portfolio маягийн бүтээгдэхүүний туршлага бүтээх.
Хариуцсан ажил
Сайтыг эхнээс нь дуустал зорилготой мэдрэмж төрүүлсэн frontend бүтээц, section систем, визуал хэмнэл, хөдөлгөөний сонголтуудыг бүрэн хариуцсан.
Үр дүн
Hierarchy, дахин ашиглаж болох section, визуал өнгөлгөөг хэрхэн зохицуулдгийг харуулсан, илүү санаанд үлдэх, presentation-т төвлөрсөн веб туршлагыг гаргасан.
Дүрслэлийн тойм
Дэлгэц, урсгал, мэдрэмж.
Desktop зохион байгуулалт
Онцлох зүйлс
- Сайтыг өргөтгөх, сайжруулахад хялбар байлгахын тулд нэг том хуудасны оронд дахин ашиглаж болох section-ууд болгон бүтээсэн.
- Контентыг дийлдэхгүйгээр илүү хүчтэй брэндийн мэдрэмж төрүүлэхийн тулд хөдөлгөөн, давхаргалсан зураг, нягт хэмнэлийг ашигласан.
- Түүхийг жинхэнэ бүтээгдэхүүний аялал мэт мэдрэгдүүлэхийн тулд тусгай discoveries, technology, NASA APOD-оос санаа авсан section-уудыг нэмсэн.
Архитектур
Сайт нь дахин ашиглаж болох section компонент, хуваалцсан design token, контент нэмэгдэх тусам өргөтгөх боломжтой animation-д суурилсан presentation давхаргатай, модуль бүтэцтэй Next.js frontend хэлбэрээр зохион байгуулагдсан.
Сурсан зүйлс
- Хүчтэй portfolio төсөлд зөвхөн цэвэр код биш, түүх хэрэгтэй. Туршлагын бүтэц нь хэрэгжилттэй адил чухал.
- Визуал section-уудыг дахин ашиглаж болох хэсгүүд болгон хуваасан нь хуудасны бусад хэсгийг тогтворгүй болгохгүйгээр хэмнэл, hierarchy-г сайжруулах боломжийг олгож, давтан сайжруулалтыг илүү хурдан болгосон.
- Хөдөлгөөн нь контенттой өрсөлдөхийн оронд анхаарал, хэмнэлийг дэмжих үед хамгийн хүчтэй мэдрэгддэг.
Явц
1-р алхам
Section-уудыг бүтээхээсээ өмнө хуудасны сэтгэл хөдлөлийн ерөнхий шугамыг зурж, сайтыг ерөнхий хувийн landing page гэхээсээ илүү бүтээгдэхүүний түүх мэт авч үзсэнээр эхэлсэн.
2-р алхам
Түүх өөрчлөгдөх бүрд бүх хуудсыг дахин бичихгүйгээр layout, зай, хөдөлгөөнийг тохируулах боломжтой байлгахын тулд section бүрийг дахин ашиглаж болох контентын блок болгон бүтээсэн.
3-р алхам
Scroll хийх туршлагыг контентыг уншигдахуйц хэвээр байлгасаар cinematic мэдрэмжтэй болгохын тулд зургийн давхарга, хөдөлгөөний цаг хугацаа, нягт шилжилтийг ашигласан.
Бусад төслүүд
Full-stack хөгжүүлэгч | 2026
Sign Language Web
Хуваалцсан monorepo дотор багаараа бүтээсэн, ASL болон MNSL-ийг бодит цагт танидаг, дасгалын урсгал, admin удирддаг үг сантай дохионы хэлний платформ.
Mobile аппликейшн хөгжүүлэгч | 2026
WordGym Mobile App
Дек үүсгэх, AI тусламжтай карт үүсгэх, offline-first сургалтын урсгал, дасгалын мини тоглоомтой, багаараа бүтээсэн mobile үгийн сангийн апп.