HSC Nordic

Mājaslapas izstrāde · Būvniecība

Būvniecības portfolio ar savu pārvaldības sistēmu

Klients — būvniecības uzņēmums HSC Nordic.

Izstrādājām uzņēmuma mājaslapu, kurā apjomīgs arhitektūras un interjera darbu klāsts saglabājas viegli pārskatāms. Līdz ar publisko vietni izveidojām arī atsevišķu administrēšanas vidi projektu, aprakstu un attēlu pārvaldībai.

HSC Nordic mājaslapas skats datorā un tālrunī
hscnordic.eu · responsive presentation

Uzdevums

Parādīt lielu darbu klāstu, nezaudējot pārskatāmību

Būvniecības uzņēmuma mājaslapā galvenais pierādījums ir paveiktie darbi. Vajadzēja vienotu vietu daudziem dažāda mēroga arhitektūras un interjera projektiem, kā arī vienkāršu veidu, kā komanda var papildināt portfolio bez izstrādātāja iesaistes katrā satura izmaiņā.

75 portfolio projekti
44 arhitektūras darbi
31 interjera darbi
9 projekti vienā ielādes posmā

Satura pārvaldība

Viens ieraksts nonāk visās vajadzīgajās vietās

Komandai nav manuāli jāveido jauna lapa vai jāapstrādā katrs attēls. Projekta dati un faili iziet vienu paredzamu publicēšanas ceļu.

01

Ievade

Nosaukums, kategorija, gads, platība, vieta, apraksts un attēli.

02

Apstrāde

Dati tiek saglabāti, bet attēli automātiski samazināti un pārveidoti WebP formātā.

03

Portfolio

Darbs parādās kopējā režģī un atbilstošajā arhitektūras vai interjera filtrā.

04

Projekta lapa

No tiem pašiem datiem izveidojas atsevišķa lapa ar informāciju un galeriju.

Paveiktais

No vizuālā noformējuma līdz projektu publicēšanai

Publisko mājaslapu un pārvaldības vidi veidojām kā vienotu sistēmu — tas, ko komanda ievada administrēšanas sadaļā, uzreiz iegūst paredzēto vietu portfolio.

A01

Vizuālais noformējums

Izveidojām atturīgu, arhitektūrai piemērotu dizainu ar pilnekrāna sākumattēlu, plašām atstarpēm un neitrālu krāsu gammu, kurā uzmanība paliek uz projektiem.

A02

Filtrējams portfolio

Darbus sadalījām arhitektūras un interjera kategorijās. Filtrs maina redzamo saturu turpat lapā, bet kategoriju var atvērt arī ar tiešu saiti.

A03

Projektu lapas

Katram darbam paredzējām atsevišķu lapu ar galveno attēlu, vietu, platību, gadu, aprakstu un pilna platuma galeriju.

A04

Individuāla administrēšanas vide

Izstrādājām ar paroli aizsargātu sadaļu, kur var pievienot, labot un dzēst projektus, norādīt to datus un pārvaldīt galerijas.

A05

Attēlu augšupielāde

Galveno attēlu un visu galeriju var augšupielādēt no pārlūka, arī vairākus failus reizē. Sistēma piešķir sakārtotus failu nosaukumus un sagatavo vietnei vajadzīgās versijas.

A06

Kontakti un ziņojumu nosūtīšana

Izveidojām kontaktu lapu ar uzņēmuma datiem, karti un formu. Ziņojumi tiek nosūtīti uz uzņēmuma e-pastu, bet nevēlamus iesniegumus ierobežo slēptais lauks un laika pārbaude.

Attēlu sagatavošana

Viena augšupielāde, trīs lietošanas veidi

Būvniecības portfolio attēli ir detalizēti un apjomīgi. Lai režģī nevajadzētu ielādēt galerijai paredzētu failu, sistēma katram attēlam sagatavo atbilstošu WebP versiju.

01 Oriģināls

saglabāts avota fails

02 900 px

sīktēls portfolio režģim

03 1600 px

optimizēts attēls projekta lapai

Ielādes pārvaldība

75 projekti netiek ielādēti vienlaikus

Sākumlapā darbus parādām pakāpeniski. Pirmais saturs ir pieejams uzreiz, bet nākamās projektu grupas un to attēli tiek aktivizēti tikai tad, kad apmeklētājs tiem tuvojas.

01

Pakāpeniska ielāde

Sākumā redzami deviņi darbi; nākamie tiek pievienoti pa deviņiem, ritinot lapu.

02

Atlikta attēlu ielāde

Neredzamo projektu attēlu adreses pārlūks saņem tikai īsi pirms to parādīšanas.

03

Svarīgā attēla priekšielāde

Sākumdaļas un projekta galvenais attēls tiek pieprasīts ar augstu prioritāti.

04

Viegli WebP faili

Režģim un galerijai tiek izmantoti atšķirīga izmēra faili, nevis viens smags oriģināls.

Tehniskais risinājums

Izmantotās tehnoloģijas

Vietne un administrēšanas vide izstrādāta PHP vidē. Projektu dati tiek glabāti strukturētā JSON failā, bet attēlu apstrādi serverī veic GD bibliotēka.

PHP 8 JavaScript Tailwind CSS JSON GD / WebP SMTP

Nepieciešams portfolio lielam darbu un attēlu apjomam?

Izveidosim mājaslapu un pārvaldības vidi, kurā jaunu darbu publicēšana ir vienkārša, bet apmeklētājam portfolio saglabājas ātrs un pārskatāms.

Jautājumi un atbildes

Par HSC Nordic mājaslapas izstrādi

01Vai projektu pievienošanai ir vajadzīgs programmētājs?

Nē. HSC Nordic komanda var administrēšanas vidē pati pievienot projekta informāciju, galveno attēlu un visu galeriju, kā arī vēlāk ierakstu labot vai dzēst.

02Kā vietne tiek galā ar tik lielu attēlu skaitu?

Augšupielādes laikā tiek sagatavoti WebP sīktēli un lielākas galerijas versijas. Portfolio darbi ielādējas grupās, bet neredzamie attēli netiek pieprasīti priekšlaicīgi.

03Ko KVANTS izstrādāja šajā projektā?

Izstrādājām publiskās vietnes dizainu un darbību, projektu katalogu un lapas, individuālu administrēšanas vidi, attēlu apstrādi un kontaktformas ziņojumu nosūtīšanu.