Grupės svetainė, kuri skaitosi kaip variklio specifikacija
apie projektą
Studijos, variklis ir istorija, kurią reikia papasakoti
- projekto tipas
- Įmonės svetainė
- paslaugos
- Meno vadovavimasUX/UI dizainasSvetainės kūrimasTechninis SEOCI/CD ir talpinimas
- technologijos
- Next.jsReact 19TypeScriptTailwind CSSBun
Mowo Group — įmonė, valdanti Mowo Games ir MowoEngine, nuo nulio parašytą C++ žaidimų variklį. Suprojektavome ir sukūrėme grupės svetainę: tamsus apvalkalas su kreminėmis plokštėmis, pikselinis talismanas su atskira nuotaika kiekvienam puslapiui, variklio puslapis, kuris skaitosi kaip specifikacija, ir kontaktų forma, kuri nepameta nė vienos žinutės.
Valdančiąją įmonę sunku paaiškinti viename puslapyje: žaidimų studija, kuriamas žaidimų variklis ir planas naujiems projektams. Svetainė turėjo per kelias sekundes parodyti šią struktūrą ir suteikti vietos varikliui — tikrajam skirtumui — atskleisti savo gylį.
Palikome vieną rožinį akcentą ant beveik juodo apvalkalo, viską surinkome Manrope šriftu su JetBrains Mono etiketėms ir specifikacijoms, o charakterį suteikė mažas pikselinis robotas.
talismanas
Vienas robotas, nuotaika kiekvienam puslapiui
„Studios we own. Engines we write.“ — viena eilutė, paaiškinanti visą grupę.
variklio puslapis
Devynios sistemos, paaiškintos taip, kaip paaiškintų inžinieriai
Variklio puslapis pristato, ką MowoEngine jau moka: vienas atvaizdavimo variklis Vulkan, Direct3D 12, Direct3D 11 ir Metal, globalus apšvietimas realiu laiku, virtualūs šešėlių žemėlapiai, daugelio žaidėjų režimas, refleksija, redaktorius ant savo UI karkaso ir sava kūrimo sistema — kiekviena kaip trumpa, konkreti kortelė, o ne madingų žodžių sąrašas.
specifikacija
Specifikacija — monotipiniu šriftu
Variklio specifikacija — tikra lentelė JetBrains Mono šriftu: kalba, grafikos API, šešėliavimo programų grandinė, platformos, redaktorius ir kūrimo sistema, — kad inžinieriai galėtų ją peržvelgti taip, kaip skaito dokumentaciją.
- Kalba
- C++20
- Grafika
- Vulkan · D3D12 · D3D11 · Metal
- Perjungimas
- veikimo metu
- Šešėliavimo programos
- vienas HLSL šaltinis → SPIR-V · DXIL · DXBC · MSL
- Platformos
- Windows · macOS · Linux
- Redaktoriaus UI
- Arc
- Skriptai
- Loom, virš C++
- Kūrimas
- MowoBuildTool · .NET 10
- Būsena
- kuriamas
projektai
Portfelis, sukurtas augti
Projektai — tai duomenys, o ne puslapiai: Mowo Games veda į savo svetainę, MowoEngine — į variklio puslapį, o naujas projektas pradžios, projektų puslapyje ir poraštėje atsiranda pridėjus vieną įrašą.
Pradžios puslapio veiksmų planas rodo, kur grupė yra šiandien, išryškindamas dabartinį žingsnį.
kontaktai
Forma, kuri nepameta nė vienos žinutės
Kontaktų forma rūšiuoja užklausas pagal temą — partnerystė, spauda, variklis, karjera — ir siunčia jas į webhook. Jei webhook nesukonfigūruotas, forma pasiūlo užpildytą el. laišką, todėl žinutė visada pasiekia gavėją.
Kiekvienas pakeitimas sukuria Docker atvaizdą ir įdiegiamas per GitLab CI, o serveris stebi sveikatos tikrinimo galinį tašką.
po gaubtu
Maža svetainė su kruopščia vidine sandara
- 5
- puslapiai, plius privatumo ir naudojimo sąlygos
- 1
- akcento spalva, atitinkanti AA kontrastą tamsiame fone
- 2
- būdai žinutei pasiekti: webhook arba el. paštas
- 1
- pakeitimas — ir įdiegta per GitLab CI
kas tai daro veiksminga
Keturios detalės, dėl kurių svetainė atrodo sukurta, o ne surinkta
- (1)
Atsiradimas, kuris niekada neslepia turinio
Skiltys išnyra slenkant, bet tik tada, kai puslapis įsitikina, kad gali jas vėl parodyti, — be JavaScript viskas tiesiog matoma.
- (2)
Sugeneruotos socialinių tinklų kortelės
Open Graph ir Twitter vaizdai generuojami iš pačio prekės ženklo komponentų.
- (3)
Akcentas, atitinkantis AA
Rožinė lieka užpildo spalva, o smulkiam akcento tekstui naudojamas šviesesnis atspalvis, atitinkantis WCAG AA tamsiame fone.
- (4)
Turinys viename tipizuotame faile
Projektai, variklio funkcijos, veiksmų planas, komanda ir kanalai laikomi viename tipizuotame duomenų modulyje.
vizualinė kalba
Rašalas, kreminė ir viena rožinė
Beveik juodas rašalo apvalkalas laiko kremines plokštes lyg popieriaus lapus ant stalo, o viena rožinė skirta ženklams ir veiksmams. Manrope rašo antraštes ir tekstą, JetBrains Mono — etiketes, specifikacijas ir smulkų šriftą.
#101010#fafaf8#ce1b63#f65193#242424daugiau darbų
visi projektai →
Paverskime jūsų užduotį maršrutu?
Papasakokite apie užduotį, terminus ir biudžetą. Peržiūrėsime aprašymą, užduosime tinkamus klausimus ir grįšime su aiškiu planu.