WeboldalNon-profitEN / ES / RU

AquaVesto
Foundation

Korallzátony-helyreállítás és tengeri élővilág-mentés. A weboldal teljes megújítása háromnyelvű, saját fejlesztésű megoldásokkal.

ElőtteUtána

A projekt röviden

Az alapítvány régi oldala egyetlen hosszú, sablonos nyitólapból állt, kevés saját tartalommal és egyetlen nyelven. Az új oldal a csapat valódi merüléseiből készült képekre és videókra épül, három nyelven érhető el, és egyértelműen vezeti a látogatót a támogatás felé.

Az átláthatóbb szerkezet (Misszió, Social, Csapat, Helyszín, Adomány, Kapcsolat) mellett saját fejlesztésű Instagram-feed és kapcsolati űrlap került az oldalra, külső bővítmények nélkül.

Oldal megtekintése Technikai részletek

ÜgyfélAquaVesto Foundation
SzolgáltatásWeboldal-megújítás
NyelvekAngol, spanyol, orosz
Egyedi fejlesztésInstagram-feed, kapcsolati űrlap
AdományozásDonorbox, egyszeri és rendszeres támogatás
Jogi oldalakLegal Notice, Privacy Policy, Terms of Use
ÜzemeltetésCloudflare Pages, GitHub auto-deploy
Státusz● Élesben

Esettanulmány

Honnan indultunk, és hova jutottunk

Kiinduló helyzet

Sablonos, szöveg-központú nyitóoldal
Kevés saját fotó a fő felületeken
Csapat és helyszín nem jelent meg
Egy nyelv, a támogatás útja nem volt egyértelmű

Amit megvalósítottam

Új információs architektúra és navigáció
Saját fotóra és videóra épülő hero és missziós kártyák
Csapat- és alapítói szekció
Háromnyelvű oldal és jogi háttér

Eredmény

Egységes, hiteles vizuális megjelenés
Két fő akció: „Save the corals” és „Follow the journey”
Gyors, statikus, olcsón üzemeltethető oldal
Git-alapú, visszakövethető változtatások

Technika

Ami a felszín alatt van

Háromnyelvű oldal

A teljes tartalom, a navigáció és a jogi oldalak angolul, spanyolul és oroszul is elérhetők, egy kattintással váltható nyelvvel.

ENESRU

Egyedi Instagram-feed

Saját fejlesztésű beágyazás: az alapítvány legújabb bejegyzései az oldal stílusában jelennek meg, harmadik fél widgetje és havi díj nélkül.

Resend alapú kapcsolati űrlap

Az üzenetek szerveroldalon, Resend szolgáltatáson keresztül érkeznek meg, spamvédelemmel, külső űrlap-bővítmény nélkül.

Gyors, biztonságos üzemeltetés

Statikus oldal Cloudflare Pages-en, GitHub Actions automatikus deployjal. Minden változtatás visszakövethető, és egy lépésben élesíthető.

Egyedi fejlesztés

Saját Instagram-feed az oldalba építve

Az alapítvány Instagram-tartalma nem külső widgetként, hanem az oldal saját komponenseként jelenik meg: profilfejléc, legfrissebb bejegyzések rácsa és „See more on Instagram” gomb, az oldal stílusában és nyelvén.

A megjelenés így teljesen az oldal arculatához igazítható, és nem függ külső widget-szolgáltatótól.

Az AquaVesto weboldal egyedi Instagram-feed szekciója — **Instagram-szekció** · új oldalaquavesto.com

Háromnyelvű oldal

Ugyanaz az oldal, három nyelven

English

Teljes tartalom: hero, missziók, csapat, adomány, helyszínek, kapcsolat
Nyelvváltó a fejlécben, a választott nyelvre az egész oldal átvált
Lefordított navigáció, gombok és jogi oldalak

AquaVesto weboldal angol nyelven — EN · nyitóoldalgörgethető teljes oldal

Adományozás

Az oldal célja: a támogatás útja egyértelmű legyen

A régi oldalon az adományozás egyetlen aloldalra korlátozódott. Az új oldalon a támogatás végig jelen van: a nyitóoldalon három egyszerű csomag (10, 50 és 200 euró), a fejlécben „Donate” menüpont, az oldal szélén pedig mindig látható „Save the corals” fül.

A külön adományozó oldal Donorbox-alapú, többlépéses űrlappal. A támogató választhat egyszeri, havi, negyedéves és éves adomány között, kiválaszthatja az összeget vagy megadhat sajátot. Mellette rövid szöveg magyarázza, miért fontosak a korallok, és hová megy az adomány, valamint az alapítvány non-profit státuszára vonatkozó tájékoztatás is ott van.

Az adományozó oldal is háromnyelvű, ugyanazzal a nyelvváltóval, mint a főoldal.

Az AquaVesto adományozó oldala: összegválasztó űrlap — **Donate** · adományozó oldalDonorbox

Képernyőképek

Teljes oldal, előtte és utána

Régi AquaVesto weboldal teljes képernyőképe — **Előtte** · régi nyitóoldalteljes oldal

Új AquaVesto weboldal teljes képernyőképe — **Utána** · új nyitóoldalteljes oldal

Beszéljünk

Neked is megújulna az oldalad?

Írd le röviden a helyzetet, és megmondom, mit lehet vele kezdeni. Az első beszélgetés nem kötelez semmire.

Konzultációt kérek