TEREMY
ALEX

frontend fejlesztő
designer

#RÓLAM

A frontend fejlesztés és a UX/UI design áll hozzám a legközelebb, mert egyszerre igényel rendszerszintű gondolkodást, vizuális érzéket és technikai precizitást. Maximalista vagyok a munkámban. Szeretem, ha egy felület nemcsak működik, hanem szép és jól használható is. Kitartó vagyok, nem szeretek félbe hagyni feladatot, és szívesen tanulok új technológiákat. Ha kell, egy projektet önállóan is végigviszek az ötlettől a megvalósításig, de főleg csapatban szeretek működni. Akár irányító, vezető szerepben is. Fontos számomra a minőség, ebben szigorú vagyok, és ezt másoktól is elvárom egy közös munka során.

#STACK

Frontend fejlesztőként HTML, CSS, JavaScript/TypeScript, React/NEXT.js alapon készítek dinamikus és reszponzív weboldalakat. Az utóbbi időben egyre inkább elmozdultam Full Stack irányba is Node.js, Express, MongoDB, AWS és Vercel Serverless használatával. Fontos számomra, hogy amit létrehozok, az ne csak jól nézzen ki, hanem technikailag is hibátlanul működjön. Az erős grafikai alapjaim segítenek abban, hogy a funkció és a design egyensúlyban legyen. Szeretek olyan projekteken dolgozni, ahol a kreatív ötletek és a technikai kihívások találkoznak, és közben folyamatosan fejleszthetem a tudásomat.

HTML
CSS
Bootstrap
React
NEXT.js
TypeScript
MongoDB
JavaScript
Express
Node.js

#PORTFÓLIÓ

Vissza Website Link GitHub Projekt Figma Design
#KLIENS

Luicey

A Luicey egy prémium gyümölcslé márka, amely kizárólag természetes alapanyagokból készül, mesterséges adalékok nélkül. Célja, hogy friss és egészséges alternatívát kínáljon a tudatos vásárlóknak, miközben modern, letisztult arculattal rendelkezik. Termékei fenntartható csomagolásban érhetők el, hogy minimalizálják a környezeti hatásokat.

#FELADAT

Weboldal

Ebben a projektben egy prémium gyümölcslé márka hivatalos honlapját fejlesztettem React és TypeScript segítségével. A feladatom egy modern, letisztult és felhasználóbarát weboldal létrehozása volt, amely bemutatja a márka termékeit és filozófiáját. A projekt során React Routerrel valósítottam meg a többoldalas navigációt, valamint a design és interaktív elemek kialakítására is nagy hangsúlyt fektettem, hogy a weboldal vizuálisan vonzó és könnyen használható legyen.

#TECHNOLÓGIÁK

HTML, CSS, React, TypeScript, Figma, Photoshop, Leonardo AI

A weboldal design-ja Figmával, Photoshoppal és Leonardo AI-jal készült. Az oldal React és TypeScripttel készült, különös figyelmet fordítva az interaktív felhasználói felületre.

Vissza Website Link GitHub Projekt Figma Design
#KLIENS

Egresi Kata Cosmetics

Az Egresi Kata Cosmetics egy újonnan induló kozmetikai márkai, ami főleg a prémium piacra kíván betörni.

#FELADAT

Landing Page

Ebben a projektben egy prémium minőségű, fehér, minimalista landing paget kellett fejlesztettem egy új ránctalanító krémről. A landing page célja, hogy megismertesse az Egresi Kata Cosmetics márkát, és fókuszáltan értékesítse az Anti-Aging termékét. Nagy hangsúlyt fektettem a design-ra, ami modern, trendi és beauty lett.

#TECHNOLÓGIÁK

HTML, CSS, NEXT.js, TypeScript, Figma, Photoshop, Leonardo AI

A landing page design-ja Figmával, Photoshoppal és Leonardo AI-jal készült. Az oldal NEXT.js és TypeScripttel készült.

Vissza GitHub Projekt Figma Design
#KLIENS

Bocsi Viki

Bocsi Viki táplálkozástudományi szakértő, aki 2014-ben indította el saját márkáját. Azóta országos étel-házhozszállítási szolgáltatást kínál, amely személyre szabott, egészséges ételeket biztosít ügyfeleinek. A kínálat glutén-, tej-, cukor-, szója- és kukoricamentes, adalékanyagok nélkül készül, dietetikusok és szakértők bevonásával.

#FELADAT

Weboldal

A projekt során egy letisztult, UX-központú weboldalt terveztem és annak frontend részét fejlesztettem, amely hatékonyan kommunikálja a bocsiviki.hu egészséges étkezési szolgáltatásait és tanácsadásait. A cél az volt, hogy a felhasználók könnyen eligazodjanak a szolgáltatások között, és egyszerűen rendeljenek személyre szabott, mentes ételeket.

#TECHNOLÓGIÁK

HTML, CSS, JavaScript, Figma, Photoshop, Leonardo AI

A weboldal design-ja Figmával, Photoshoppal és Leonardo AI-jal készült. Az oldal HTML, CSS és JavaScript használatával készült, különös figyelmet fordítva az interaktív felhasználói felületre.

Vissza Website Link GitHub Projekt Figma Design
#KLIENS

Epikforge

Az Epikforge egy kreatív marketing ügynökség, amely stratégiai gondolkodással és modern vizuális megoldásokkal támogatja ügyfelei növekedését. Weboldalak fejlesztése eddig is a szolgáltatások része volt, most azonban külön webfejlesztési részleg indul, amely kizárólag erre a területre koncentrál. Célunk, hogy egyedi, gyors és átlátható weboldalakat készítsünk, amelyek tökéletesen illeszkednek az ügyfél arculatához és üzleti céljaihoz. Az új részleg professzionális, UX-központú és mobilbarát megoldásokat kínál.

#FELADAT

Landing Page

A feladatom egy letisztult, bizalomkeltő landing oldal megtervezése és lefejlesztése volt, amely bemutatja az Epikforge webfejlesztési szolgáltatásait. A cél egy modern, UX-központú felület létrehozása volt, amely jól kommunikálja a cég új fókuszát.

#TECHNOLÓGIÁK

HTML, CSS, NEXT.js, TypeScript, Figma, Photoshop, Leonardo AI

A landing page design-ja Figmával, Photoshoppal és Leonardo AI-jal készült. Az oldal HTML, CSS és NEXT.js keretrendszer használatával készült, különös figyelmet fordítva az interaktív felhasználói felületre.

Vissza Website Link GitHub Projekt Figma Design
#KLIENS

gomba DR.

A gomba DR. egy magyar családi vállalkozás, amely ökológiai gazdálkodásban termesztett gyógygombák feldolgozásával foglalkozik. Termékeik – gombaporok, kapszulák és gombakivonatok – természetes megoldást kínálnak az egészség megőrzésére. A vállalat célja, hogy magas hatóanyagtartalmú, bio minősítésű termékeivel támogassa a szervezet egyensúlyát és az immunrendszer működését.

#FELADAT

Landing Page

A feladatom egy modern, reszponzív landing page létrehozása volt a gomba DR. gombakivonatokat áruló egyik termékéről. Az oldal lényege, hogy az egyik legjobb terméküknek egy külön kampány oldala legyen, ezzel erősítve az eladásokat. A landing page célja, hogy vizuálisan vonzó és informatív módon mutassa be a terméket és csomagokat.

#TECHNOLÓGIÁK

HTML, CSS, JavaScript, Figma, Photoshop, Leonardo AI

A landing page design-ja Figmával, Photoshoppal és Leonardo AI-jal készült. Az oldal HTML, CSS és JavaScript használatával készült, különös figyelmet fordítva az interaktív felhasználói felületre.

Vissza Website Link GitHub Projekt Figma Design
#KLIENS

Rachel Care

A Rachel Care egy modern kozmetikai márka, amely a legújabb kozmetikai összetevőket ötvözi a természet erejével. Termékeik, például az anti-aging arckrémek és szemkörnyékápolók, nemcsak intenzív hidratálást és bőrfeszesítést nyújtanak, hanem természetes hatóanyagok szinergikus kombinációját alkalmazzák a bőr szépségének és egészségének megőrzéséhez.

#FELADAT

Landing Page

Feladatom több tematikus és termék specifikus landing page létrehozása volt, amely illeszkedik a Rachel Care többi értékesítési oldalához. Az oldalak darabos vagy díszdobozos csomagokat kínálnak a vásárlók számára.

#TECHNOLÓGIÁK

HTML, CSS, JavaScript, Figma, Photoshop, AI

A landing pagek design-ja Figmában készült, amelyeket Photoshoppal és Leonardo AI-jal egészítettem ki. Az oldalak HTML, CSS és JavaScript használatával készültek, különös figyelmet fordítva a kosár- és vásárlási folyamat reszponzív működésére.

Vissza Website Link GitHub Projekt Figma Design
#KLIENS

MaxWash

A MaxWash egy 100%-ban magyar tulajdonú, közel 40 éves múltra visszatekintő családi vállalat, amely prémium minőségű, nagy hatékonyságú és pénztárcabarát mosószereket, textilöblítőket, mosogatószereket és padlófelmosókat gyárt.

#FELADAT

Landing Page

Feladatom az volt, hogy a MaxWash mosószerek értékesítéséhez egy külön landing page-t tervezzek és hozzak létre. Az oldalon külön kosárkezeléssel lehet megvásárolni a MaxWash termékeit.

#TECHNOLÓGIÁK

HTML, CSS, JavaScript, Figma, Photoshop, AI

A landing page design-ja Figmában készült, melyet Photoshoppal és Leonardo AI-jal egészítettem ki. Az oldal HTML, CSS és JavaScript használatával készült, különös figyelmet fordítva a kosár- és vásárlási folyamat reszponzív működésére.

Vissza Website Link GitHub Projekt Figma Design
#KLIENS

DNO Tattoo

A DNO Tattoo-nál művészi minőségű tetoválásokat készítenek, és saját, 100%-ban bőrbarát bőrápoló termékcsaládot fejlesztenek a tetoválás előtti felkészítéshez. Szenvedéllyel vallják, hogy a tetoválás valódi művészet, és az a céljuk, hogy ügyfeleik belső énjét, gondolatait és érzéseit kifejezhessék, miközben a szolgáltatás a bőrápolástól kezdve elsőrangú élményt nyújt.

#FELADAT

Landing Page

Feladatom az volt, hogy a DNO Tattoo termékek értékesítéséhez egy külön landing page-t tervezzek és hozzak létre. Nagy figyelmet fordítottam a design-ra, ami egy tattoo szalonhoz és termékeihez illik.

#TECHNOLÓGIÁK

HTML, CSS, NEXT.js, TypeScript, Figma, Photoshop, AI

A landing page design-ja Figmában készült, melyet Photoshoppal és Leonardo AI-jal egészítettem ki. Az oldal HTML, CSS, NEXT.js és TypeScript használatával készült.

Vissza Website Link GitHub Projekt
#KLIENS

NYH Chess

A Trembácz László Sakk Alapítvány és az NYH Chess YouTube csatorna hivatalos weboldala, amely a sakk iránt érdeklődők számára kínál hasznos tartalmakat és alkalmazásokat. Az oldal célja, hogy innovatív eszközökkel támogassa a játékosokat, miközben előkelő helyezést érjen el SEO szempontból a keresőmotorokban. Emellett a platform fontos szerepet játszik a támogatók vonzásában, hogy tovább fejleszthessék a sakk közösségét.

#FELADAT

Weboldal

A feladatom egy reszponzív és SEO-optimalizált weboldal fejlesztése volt, amely bemutatja a NYH Chess tevékenységeit és alkalmazásait. Az oldal támogatja a látogatók elköteleződését, valamint lehetőséget biztosít a támogatók számára, hogy csatlakozzanak a kezdeményezéshez. Az innovatív sakkalkalmazások, amelyek célja, hogy a világ legjobbjai legyenek, a projekt központi elemei közé tartoztak.

#TECHNOLÓGIÁK

HTML, CSS, JavaScript, Photoshop, AI

Az oldal HTML, CSS, JavaScript és AI használatával készült. Nagy hangsúly lett fektetve a kalkulátorok fejlesztésére, amik ma már a Googleben a legjobb helyeken vannak.

Vissza Website Link GitHub Projekt Figma Design
#KLIENS

B+K Trade Kft

A B+K Trade Kft ipari tisztítási megoldásokra és higiéniai termékek forgalmazására szakosodott. Termékkínálatukban magasnyomású mosók, tisztítószerek és takarítóeszközök szerepelnek, szolgáltatásaik közé pedig higiéniai rendszerek kiépítése, oktatás és szaktanácsadás tartozik.

#FELADAT

Landing Page

A feladatom egy modern, reszponzív landing page létrehozása volt a B+K Trade Kft higiéniai költségoptimalizáló szolgáltatásának népszerűsítésére. Az oldal lényege, hogy felhívja a cégvezetők, cégtulajdonosok, beszerzési vezetők figyelmét a higiéniai költségek hatékony csökkentésére. A landing page célja, hogy vizuálisan vonzó és informatív módon mutassa be a szolgáltatást, miközben egyszerű és felhasználóbarát legyen az elérhetőségek megadása.

#TECHNOLÓGIÁK

HTML, CSS, NEXT.js, TypeScript, Figma, Photoshop, Leonardo AI

A landing page design-ja Figmával, Photoshoppal és Leonardo AI-jal készült. Az oldal HTML, CSS, NEXT.js és TypeScript használatával készült, különös figyelmet fordítva az interaktív felhasználói felületre.

Vissza Website Link GitHub Projekt Figma Design
#KLIENS

HoneyHill

A HoneyHill egy családi vállalkozás, amely több mint 30 éves méhészeti tapasztalatra építve kínál prémium minőségű méhpempőt, propoliszt és egyéb természetes készítményeket. A HoneyHill termékei számos elismerést nyertek, például az Érték és Minőség Nagydíjat, és céljuk, hogy a méhek természetes erejét a modern életvitelbe integrálják.

#FELADAT

Landing Page

A feladatom több modern, reszponzív landing page létrehozása volt a HoneyHill termékeinek népszerűsítésére és értékesítésére. A landing pagek célja, hogy vizuálisan vonzó és informatív módon mutassa be a termékeit, miközben egyszerű és felhasználóbarát legyen az értékesítés folyamata.

#TECHNOLÓGIÁK

HTML, CSS, JavaScript, Figma, Photoshop, Leonardo AI

A landing pagek design-ja Figmával, Photoshoppal és Leonardo AI-jal készült. Az oldalak HTML, CSS és JavaScript használatával készült, különös figyelmet fordítva az interaktív felhasználói felületre.

Vissza Website Link
#KLIENS

Diet Maker

A Diet Maker egy online platform, amely könyv és ebook formában kínál személyre szabott diétákat az egészséges és fenntartható fogyás érdekében. A weboldalon elérhető diéta webshop egyszerű vásárlási élményt biztosít, miközben a blog hasznos tippekkel és szakértői tanácsokkal támogatja a látogatókat. A rendszeresen küldött hírlevelek segítségével az érdeklődők folyamatosan motivációt és friss információkat kapnak. Céljuk, hogy mindenki megtalálja az életmódjához legjobban illő diétás megoldást.

#FELADAT

Weboldal

A feladatom egy reszponzív weboldal létrehozása volt, amely tartalmaz egy diéta webshopot, blogot és hírlevél funkciót. A webshop könyvek és ebookok értékesítésére lett optimalizálva, miközben a blog tartalmai a SEO-t és a látogatók bizalmának növelését szolgálták. Az oldal célja, hogy átfogó diétás megoldást kínáljon a felhasználóknak egy felhasználóbarát felületen keresztül.

#TECHNOLÓGIÁK

WordPress, HTML, CSS, JavaScript, Photoshop

Az oldal WordPress motor alatt készült egyedi sablonnal HTML, CSS és JavaScript használatával. A vásárlást a WooCommerce plugin biztosítja.

Vissza Website Link
#KLIENS

Alacord

Az Alacord egy egyedi bútortervezéssel és kivitelezéssel foglalkozó vállalkozás, amely konyhák, szekrények és más bútorok személyre szabott megoldásait kínálja. A vállalkozás célja, hogy prémium minőségű szolgáltatással és egyedi látványtervekkel támogassa ügyfeleit az otthonuk stílusos és funkcionális kialakításában. Nagy hangsúlyt fektettek az ügyfélközpontú megközelítésre, a részletek precíz kidolgozására, valamint a modern és időtálló designra.

#FELADAT

Weboldal

Egy bemutató weboldalt kellett létrehozni, amely professzionális módon mutatja be az Alacord szolgáltatásait és referenciáit. Az oldal tartalmazott egy blogot, amely a SEO-t és a bizalomépítést támogatta, valamint hírlevél funkcióval segítette az ügyfelek elköteleződését. A munkához kapcsolódott 3D látványtervek készítése, amelyek az ügyfelek igényeire szabott konyhák vizualizálásában segítettek, valamint a tervek alapján a konyhák kivitelezése egy tapasztalt asztalos csapattal.

#TECHNOLÓGIÁK

WordPress, HTML, CSS, JavaScript, Photoshop, Autodesk Maya

Az oldal WordPress motor alatt készült egyedi sablonnal HTML, CSS és JavaScript használatával. A látványtervek a honlapon Mayával készültek, Photoshoppal utómunkázva. A konyhakatalógust InDesignnal szerkesztettem.

Vissza Website Link GitHub Projekt Figma Design
#KLIENS

Hillvital

A HillVital egy magyar webáruház, amely természetes alapanyagokból készült egészségmegőrző és gyógyhatású termékeket kínál. Kínálatukban gyógynövényes krémek, étrend-kiegészítők, gyógyteák és vitaminok találhatók, amelyek különféle mozgásszervi, légzőszervi és bőrproblémákra nyújtanak megoldást. Termékeik között megtalálható a Pulmo Fresh is, amely egy természetes légúttisztító és légzéskönnyítő készítmény. A vállalat célja, hogy minőségi, mesterséges adalékoktól mentes termékekkel támogassa a vásárlók egészségét és jólétét. A HillVital nagy hangsúlyt fektet a természetgyógyászati megoldásokra, és elkötelezett a természetes összetevők iránt.

#FELADAT

Landing Page

Feladatom több termék landing page-nek a létrehozása volt. Darabos és csomagos ajánlatok értékesítése volt a cél a vásárlók részére.

#TECHNOLÓGIÁK

HTML, CSS, TypeScript, Figma, Photoshop, Leonardo AI

A landing pagek design-ja Figmával, Photoshoppal és Leonardo AI segítségével készült. Az oldalak HTML, CSS és TypeScript használatával lettek fejlesztve, különös figyelmet fordítva az termék, kosár- és vásárlási folyamat reszponzív működésére.

Vissza Youtube Link Figma Design
#KLIENS

NYH Chess Youtube

2022. november 25-én jött létre az NYH Chess Youtube csatorna Magyarországon azzal a küldetéssel, hogy szórakoztatóbbá tegyék a sakkot. Látva a külföldi példákat, nagy igény ígérkezett a világban a sakkos tartalmak iránt, ezen belül is a versenysakk bemutatására. Hamar kiderült, hogy ami elméletben jó ötletnek tűnt, az a gyakorlatban is működött. Pár hónap után már lekörözték nézettségben és feliratkozószámban minden magyar sakkos tartalomgyártót, és mára messze az egyik legnagyobb csatorna Európában.

#FELADAT

Élő közvetítés

Feladatom az volt, hogy élőben közvetítsem az NYH Chess sakkversenyeit. A hagyományos kamerás közvetítést kiegészítettem 2D grafikai elemekkel, például eredményjelzőkkel, élő játékos infografikával és élő állásfigyelővel.

#TECHNOLÓGIÁK

HTML, CSS, JavaScript, Python, Companion, Figma, Photoshop, AI, OBS Studio

Az élő közvetítés OBS Studio segítségével futott. Az infografikákhoz szolgáló élő adatokat az internetről szereztem be Python segítségével, majd a nyers adatokat betöltöttem egy HTML fájlba, és CSS-sel, JavaScripttel formáztam meg. Az OBS-en való megjelenítéshez Companion-t használtam, amelynek segítségével egy gomb megnyomásával végbement az egész folyamat – a letöltéstől egészen a megjelenítésig.

Vissza Website Link GitHub Projekt Figma Design
#KLIENS

Smid Kárpit

A Smid Kárpit egy Nyíregyházán működő kárpitos vállalkozás, amely bútorok teljes körű újrakárpitozását kínálja. Szolgáltatásaik közé tartozik a szövetek, rugók, és szivacsok cseréje, valamint kisebb fa javítások is. Nagy hangsúlyt fektetnek a minőségi alapanyagok használatára, és széles szín- és szövetválasztékkal dolgoznak.

#FELADAT

Landing Page

A feladatom egy letisztult, reszponzív weboldal létrehozása volt, amely bemutatja a Smid Kárpit szolgáltatásait és kiemeli a minőség iránti elkötelezettségüket. Az oldal célja, hogy vizuálisan vonzó módon mutassa be a kárpitozás, szövetcsere és kisebb bútorjavítás lehetőségeit, miközben könnyű navigációt biztosít az érdeklődők számára. Emellett a design és a tartalom segíti az ügyfeleket abban, hogy bizalmat építsenek a vállalkozás iránt.

#TECHNOLÓGIÁK

HTML, CSS, Figma, Photoshop, AI

A landing page design-ja Figmában készült, melyet Photoshop és az AI egészítettek ki. Az oldal HTML és CSS használatával készült egy adatbekérő űrlappal, amit, ha kitölt a látogató, akkor a kliens visszahívja őt időpont egyeztetés miatt.

Vissza Website Link GitHub Projekt Figma Design
#KLIENS

Yourméé

A Yourméé egy nyíregyházi vállalkozás, amely prémium minőségű fürjtojásokat és azokból készült száraztésztákat kínál. Termékeik között megtalálhatók a 40 fürjtojással készült tészták, füstölt-pácolt fürjtojások, valamint speciális fürjtojás nyitó ollók. A cég nagy hangsúlyt fektet a természetes alapanyagok használatára, termékeik tartósítószer-, színezék- és adalékanyag-mentesek. Céljuk, hogy különleges gasztronómiai élményt nyújtsanak vásárlóiknak, ötvözve a hagyományos ízeket az innovatív megközelítéssel.

#FELADAT

Landing Page

A feladatom egy reszponzív weboldal létrehozása volt, amely támogatja a Yourméé prémium tésztáinak online értékesítését. Az oldal fő funkciója három testreszabható tészta csomag bemutatása, ahol a vásárlók saját igényeik szerint válogathatják össze a csomag tartalmát. A vásárlási folyamatot úgy terveztem meg, hogy a szállítási költséget dinamikusan, a termékek súlya alapján számolja ki a rendszer. Az eredmény egy felhasználóbarát és könnyen navigálható webshop lett, amely hatékonyan segíti a termékek értékesítését.

#TECHNOLÓGIÁK

HTML, CSS, JavaScript, Figma, Photoshop, AI

A landing page design-ja Figmában készült, melyet Photoshop és annak beépített AI funkciói egészítettek ki. Az oldal HTML, CSS és JavaScript használatával készült, különös figyelmet fordítva a kosár- és vásárlási folyamat reszponzív működésére és a dinamikus szállítási költség számítására.

#EGYÉB

Az online marketing, média és értékesítés területén szerzett tapasztalataim kiegészítik webfejlesztési ismereteimet, lehetővé téve, hogy komplex projekteken dolgozzak. Erős UX/UI és WordPress ismeretekkel rendelkezem, amelyek mellett kiemelten foglalkoztam hírlevel rendszerek automatizálásával és SEO optimalizálással is. Az utóbbi időben mesterséges intelligenciával és PPC kampányokkal is foglalkoztam, továbbá kiadványszerkesztési, 3D modellezési és videóvágási alapismeretekkel is rendelkezem. Mindezek mellett nyitott vagyok az új technológiák és módszerek elsajátítására, hogy folyamatosan bővítsem a tudásomat. További részletekért kattints >

UX/UI
Hírlevél
Wordpress
AI
SEO
PPC
Kiadvány szerkesztés
3D
Élő közvetítés
Videóvágás

#KAPCSOLAT

teremyalex@gmail.com
+3630/381-7830