Létrehoztam az One Pager CV-es weboldalamat

Juszkó Csaba június 07, 2021

2021 június 6.-án estén publikáltam az egyoldalas honlapomat, természetesen teljesen egyedül csináltam meg. Az eddigiekhez képes, annyi változás van, hogy az első körben CV-es szerint elkészítettem, mert elkezdek keresni munkát. Amikor végre elkezdek dolgozni, akkor gyorsan át fogom alakítani és újra weboldalas lesz, amiben több menüvel rendelkezni fog.

Egyelőre csak a fogalmazásoknál nagyrészt nem én írtam meg, hanem tavaly megrendeltem a szövegíró céget, nagyon ügyesek voltak, meg voltam elégedve velük. Ezért több mint 90%-át megtartottam.

Miért választottam több oldalast helyett egyoldalast (One Pager-t) ?

One Pager fogalma:

Magyarul egyoldalas design (prezentáció), amiben egy jól átgondolt, összedolgozott marketinges tartalomnak, ahol több információt bemutatásra nyújt mindenkinek. Ahogy említettem, hogy keresek társat és partnercéget, ezért számomra logikus, ha többoldalast helyett egyoldalast választom ki egyelőre átmenetileg.

Publikált One Pager oldalam címe:
Kattintson ide

A kreatív elképzelések és az arculati tervek megvalósítása kedvért kialakítottam a weboldalamat, mely még felhasználóbaráttá tettem ezt.

Természetesen még mindig kék a színkódom és úgy terveztem a desing-et, hogy letisztuljon és kontakt szem szerint könnyen olvasható legyen.

A menüsávon megadtam a horgonyozásokat, hogy könnyebben megtalálhassanak, mert One Pager oldal miatt hosszú lett.

Mivel nem rendelkezem a saját GDPR anyagokkal, ezért nem szerepelnek a nyomkövetők mint például GTM (Google Tag Manager) és GA (Google Analytics) és nem hoztam létre az űrlapot emiatt. Amikor meglesz nálam az Adatvédelmis dolgok, máris azonnal intézem ezeket.

Felhasznált technológiák:

  • Bootstrap 4.6 - CSS felhasználása + egyedi új arculat design sablon fejlesztés és implementálás
  • Bootstrap 4.6 - JS fájl felhasználása
  • Fix menürendszer - natív JavaScript - egyedi fejlesztés
  • link external (target=”_blank) - natív JavaScript - egyedi fejlesztés
  • Isotope (szűrő, mint filter) - jQuery plugin és deklarálása
  • Navbar linkek aktiválása a horgonyzásra - jQuery és Waypoint felhasználásával deklarálása
  • Waypoint (animation, mint animate) - natív JavaScript - egyedi fejlesztés
  • Font Awesome 5.13.3. (free) - Ikonkatalógus felhasználása

Verziószáma:
4.0 (responsive esetén)

Át fogok állni majd a dinamikusra

Amikor elkezdek újra vállalni karriert, ez a CV-es oldalamat át fogok helyezni az aldomain-ra, hogy későbbiekben tudjak majd folyamatosan bővítgetni, amikor sikeresen elsajátítottam több új technológiát vagy referenciákat gyűjtögetve felteszem is oda. Viszont a fődomainhoz vissza fog térni a CMS-em, azaz WordPress lesz.

Mivel egyedül csinálom meg a tartalmak felöltésében, így nem férek az időmben folyamatosan frissíteni CMS-t és benne lévő bővítményeket. Csak akkor tudok vállalni dinamikusan, ha találok marketinges szakembert.

SEO ellenőrző lista weboldal - technikai vizsgálatok:

W3C Validátor - webes szabványok és HTML kódjának a helyessége vizsgálat

Nincsenek hibák és se figyelmeztetések. Ez helyes.

Mobile Friendly - Mobil felhasználóbarát vizsgálat

Nincsenek betöltési problémák és igen mobilbarát oldal. Ez helyes.

Hogy miért? Mert többször találkoztam már olyan a weblapokkal, amiket NEM én csináltam meg, azok bár mobilbarát oldal, de sajnos voltak betöltési problémák, eléggé gondok. Ezért fontos, ezt is le kell tudni!

PageSpeed - Sebességpont és időmérés vizsgálat

Mobilon 90, desktopon pedig 99 pontot kaptam, ez bőven elég és túl optimalizva lettek a sebesség pontozáson és időmérésen szerint. Többi maradékok nem érdekesek, mert azok nem befolyásolja a Google-t és az ügyfelek viselkedését.

Ugyanis igen helyes.

Web.dev audit vizsgálat

Google eszköz alatt vizsgáltam meg, ott is tökéletes eredmény lett, mint minimálisan, ami bőven elég.

Akik kíváncsiak arra, hogy milyen volt a régi oldalaim, itt megtekinthetőek:

További kapcsolódó linkek:


Címkék

Megjegyzés küldése

0 Megjegyzések