[{"data":1,"prerenderedAt":428},["ShallowReactive",2],{"outstanding-projects":3,"services":227},[4,94,162],{"_path":5,"_dir":6,"_draft":7,"_partial":7,"_locale":8,"title":9,"description":8,"slug":10,"order":11,"category":12,"sector":13,"year":14,"role":15,"status":16,"outstanding":17,"url":18,"image":19,"summary":20,"technologies":21,"body":27,"_type":88,"_id":89,"_source":90,"_file":91,"_stem":92,"_extension":93},"\u002Fca\u002Fprojects\u002Fgelinet","projects",false,"","Gelinet","gelinet",1,"Pàgina Web","Serveis de neteja","2021","Disseny i desenvolupament","online",true,"https:\u002F\u002Fgelinet.net","\u002Fimages\u002Fprojects\u002Fgelinet-home.webp","Web multilingüe per a una empresa de neteja de Cassà de la Selva, ara en migració a un web estàtic més ràpid.",[22,23,24,25,26],"Laravel","PHP","Bootstrap","HTML","Sass",{"type":28,"children":29,"toc":82},"root",[30,39,45,51,71,77],{"type":31,"tag":32,"props":33,"children":35},"element","h2",{"id":34},"el-repte",[36],{"type":37,"value":38},"text","El repte",{"type":31,"tag":40,"props":41,"children":42},"p",{},[43],{"type":37,"value":44},"Gelinet és una empresa de serveis de neteja de Cassà de la Selva (Girona) que treballa per a negocis i particulars de tota la comarca. Necessitava un web on explicar els seus serveis i la zona on treballa, i que pogués mantenir ella mateixa en català, castellà i anglès.",{"type":31,"tag":32,"props":46,"children":48},{"id":47},"què-vaig-fer",[49],{"type":37,"value":50},"Què vaig fer",{"type":31,"tag":52,"props":53,"children":54},"ul",{},[55,61,66],{"type":31,"tag":56,"props":57,"children":58},"li",{},[59],{"type":37,"value":60},"Vaig dissenyar i desenvolupar el web el 2021 amb Laravel, sobre un CMS propi que havia creat per als meus projectes de client.",{"type":31,"tag":56,"props":62,"children":63},{},[64],{"type":37,"value":65},"Els textos de cada idioma, les seccions i el blog es gestionaven des d'un panell d'administració, sense dependre de mi per a cada canvi.",{"type":31,"tag":56,"props":67,"children":68},{},[69],{"type":37,"value":70},"El 2026 l'estic migrant a un web 100% estàtic amb Nuxt i Tailwind, allotjat a Cloudflare Pages: sense base de dades ni servidor, i amb els formularis enviats amb Resend.",{"type":31,"tag":32,"props":72,"children":74},{"id":73},"resultat",[75],{"type":37,"value":76},"Resultat",{"type":31,"tag":40,"props":78,"children":79},{},[80],{"type":37,"value":81},"El web ha estat en línia des del 2021 i és l'únic d'aquesta llista que encara es pot visitar. La nova versió estàtica és més ràpida, més segura i pràcticament no té cost de manteniment.",{"title":8,"searchDepth":83,"depth":83,"links":84},2,[85,86,87],{"id":34,"depth":83,"text":38},{"id":47,"depth":83,"text":50},{"id":73,"depth":83,"text":76},"markdown","content:ca:projects:gelinet.md","content","ca\u002Fprojects\u002Fgelinet.md","ca\u002Fprojects\u002Fgelinet","md",{"_path":95,"_dir":6,"_draft":7,"_partial":7,"_locale":8,"title":96,"description":8,"slug":97,"order":83,"category":98,"sector":99,"year":100,"role":101,"status":102,"outstanding":17,"url":8,"image":103,"summary":104,"technologies":105,"body":107,"_type":88,"_id":159,"_source":90,"_file":160,"_stem":161,"_extension":93},"\u002Fca\u002Fprojects\u002Fclica-t","Clica't","clica-t","Aplicació Web","Educació","2016","Desenvolupament full-stack","offline","\u002Fimages\u002Fprojects\u002Fclicat-home.webp","Plataforma educativa per a escoles amb exàmens, exercicis, informes de progrés i comunicació amb les famílies.",[23,24,25,106],"CSS",{"type":28,"children":108,"toc":154},[109,113,118,122,145,149],{"type":31,"tag":32,"props":110,"children":111},{"id":34},[112],{"type":37,"value":38},{"type":31,"tag":40,"props":114,"children":115},{},[116],{"type":37,"value":117},"Clica't és una plataforma en línia per a escoles, pensada perquè el professorat pugui proposar activitats, avaluar l'alumnat i fer-ne el seguiment, i perquè les famílies puguin estar al cas del progrés dels seus fills.",{"type":31,"tag":32,"props":119,"children":120},{"id":47},[121],{"type":37,"value":50},{"type":31,"tag":52,"props":123,"children":124},{},[125,130,135,140],{"type":31,"tag":56,"props":126,"children":127},{},[128],{"type":37,"value":129},"Vaig començar a desenvolupar-la cap al 2016 i hi vaig anar afegint mòduls per a tres perfils: professorat, alumnat i famílies, cadascun amb el seu espai i els seus permisos.",{"type":31,"tag":56,"props":131,"children":132},{},[133],{"type":37,"value":134},"El professorat pot crear exàmens, llistes de problemes i quaderns d'exercicis, i organitzar l'alumnat en grups.",{"type":31,"tag":56,"props":136,"children":137},{},[138],{"type":37,"value":139},"Hi ha informes de progrés i de deures, amb exportació a Excel i PDF.",{"type":31,"tag":56,"props":141,"children":142},{},[143],{"type":37,"value":144},"Les famílies tenen el seu propi accés, amb informes i un xat amb el professorat.",{"type":31,"tag":32,"props":146,"children":147},{"id":73},[148],{"type":37,"value":76},{"type":31,"tag":40,"props":150,"children":151},{},[152],{"type":37,"value":153},"La plataforma es va fer servir a les escoles durant diversos cursos. Actualment ja no està en línia, però va ser el projecte on més vaig aprendre sobre aplicacions amb molts usuaris i rols diferents.",{"title":8,"searchDepth":83,"depth":83,"links":155},[156,157,158],{"id":34,"depth":83,"text":38},{"id":47,"depth":83,"text":50},{"id":73,"depth":83,"text":76},"content:ca:projects:clica-t.md","ca\u002Fprojects\u002Fclica-t.md","ca\u002Fprojects\u002Fclica-t",{"_path":163,"_dir":6,"_draft":7,"_partial":7,"_locale":8,"title":164,"description":8,"slug":165,"order":166,"category":12,"sector":167,"year":168,"role":15,"status":102,"outstanding":17,"url":8,"image":169,"summary":170,"technologies":171,"body":172,"_type":88,"_id":224,"_source":90,"_file":225,"_stem":226,"_extension":93},"\u002Fca\u002Fprojects\u002Fhostal-bartis","Hostal Bartis","hostal-bartis",4,"Turisme","2020","\u002Fimages\u002Fprojects\u002Fhostal-bartis-home.webp","Web per a un hostal familiar per mostrar les habitacions i els serveis i rebre sol·licituds de reserva.",[22,23,24,25,106],{"type":28,"children":173,"toc":219},[174,178,183,187,210,214],{"type":31,"tag":32,"props":175,"children":176},{"id":34},[177],{"type":37,"value":38},{"type":31,"tag":40,"props":179,"children":180},{},[181],{"type":37,"value":182},"Un hostal familiar necessitava un web que transmetés l'ambient de la casa, mostrés les habitacions i els serveis, i li permetés rebre sol·licituds de reserva directament, sense dependre només de les plataformes de reserves.",{"type":31,"tag":32,"props":184,"children":185},{"id":47},[186],{"type":37,"value":50},{"type":31,"tag":52,"props":188,"children":189},{},[190,195,200,205],{"type":31,"tag":56,"props":191,"children":192},{},[193],{"type":37,"value":194},"Vaig dissenyar i desenvolupar el web amb Laravel i Bootstrap, adaptat a mòbils.",{"type":31,"tag":56,"props":196,"children":197},{},[198],{"type":37,"value":199},"El vaig muntar sobre el meu CMS propi perquè els propietaris poguessin actualitzar textos, fotos i habitacions des d'un panell.",{"type":31,"tag":56,"props":201,"children":202},{},[203],{"type":37,"value":204},"Els continguts eren en català, castellà i anglès, pensant en el visitant estranger.",{"type":31,"tag":56,"props":206,"children":207},{},[208],{"type":37,"value":209},"Hi vaig afegir un formulari de contacte i de reserva.",{"type":31,"tag":32,"props":211,"children":212},{"id":73},[213],{"type":37,"value":76},{"type":31,"tag":40,"props":215,"children":216},{},[217],{"type":37,"value":218},"El web ha estat en línia des del 2020 fins fa poc, i durant tot aquest temps els propietaris n'han gestionat el contingut de manera autònoma.",{"title":8,"searchDepth":83,"depth":83,"links":220},[221,222,223],{"id":34,"depth":83,"text":38},{"id":47,"depth":83,"text":50},{"id":73,"depth":83,"text":76},"content:ca:projects:hostal-bartis.md","ca\u002Fprojects\u002Fhostal-bartis.md","ca\u002Fprojects\u002Fhostal-bartis",[228,347,393],{"_path":229,"_dir":230,"_draft":7,"_partial":7,"_locale":8,"title":231,"description":232,"slug":233,"icon":234,"shortDescription":235,"order":11,"technologies":236,"steps":245,"body":261,"_type":88,"_id":344,"_source":90,"_file":345,"_stem":346,"_extension":93},"\u002Fca\u002Fservices\u002Fdesenvolupament-tecnic","services","Desenvolupament Web & Software","Desenvolupo aplicacions web completes — frontend, backend i infraestructura. El meu enfocament és construir productes que siguin ràpids per a l'usuari, fàcils de mantenir per al desenvolupador i escalables per al negoci.","desenvolupament-tecnic","code","Construeixo aplicacions web ràpides, escalables i fàcils de mantenir amb tecnologies modernes. Des d'una landing fins a una plataforma SaaS completa.",[22,237,238,239,240,241,242,243,244],"Vue.js","Nuxt","Next.js","Node.js","Tailwind CSS","TypeScript","MySQL","Docker",[246,249,252,255,258],{"title":247,"text":248},"Definició i abast","Definim junts què necessita el projecte, quins problemes resol i quin és l'abast real. Sense documents de 50 pàgines — clar i directe.",{"title":250,"text":251},"Arquitectura tècnica","Tria de l'stack tecnològic adequat, estructura de dades i definició de l'arquitectura. Cada decisió tècnica es justifica.",{"title":253,"text":254},"Desenvolupament iteratiu","Treballem en sprints curts amb lliuraments freqüents. Veus el progrés real cada setmana i pots donar feedback continu.",{"title":256,"text":257},"Testing i qualitat","Codi testejat, revisions de codi i validació de rendiment. El producte final funciona bé, no només 'funciona'.",{"title":259,"text":260},"Deploy i operacions","Desplegament automatitzat amb CI\u002FCD, monitorització i manteniment continu. El projecte no acaba quan es publica.",{"type":28,"children":262,"toc":341},[263,267,292,298],{"type":31,"tag":40,"props":264,"children":265},{},[266],{"type":37,"value":232},{"type":31,"tag":40,"props":268,"children":269},{},[270,272,277,279,284,286,290],{"type":37,"value":271},"Treballo principalment amb ",{"type":31,"tag":273,"props":274,"children":275},"strong",{},[276],{"type":37,"value":22},{"type":37,"value":278}," i ",{"type":31,"tag":273,"props":280,"children":281},{},[282],{"type":37,"value":283},"Vue\u002FNuxt",{"type":37,"value":285}," per a projectes full-stack, i ",{"type":31,"tag":273,"props":287,"children":288},{},[289],{"type":37,"value":239},{"type":37,"value":291}," quan el projecte ho requereix. Cada projecte té necessitats diferents i l'stack s'adapta al context, no al revés.",{"type":31,"tag":32,"props":293,"children":295},{"id":294},"què-puc-construir",[296],{"type":37,"value":297},"Què puc construir",{"type":31,"tag":52,"props":299,"children":300},{},[301,311,321,331],{"type":31,"tag":56,"props":302,"children":303},{},[304,309],{"type":31,"tag":273,"props":305,"children":306},{},[307],{"type":37,"value":308},"Aplicacions web a mida",{"type":37,"value":310}," — plataformes, panells d'administració, eines internes",{"type":31,"tag":56,"props":312,"children":313},{},[314,319],{"type":31,"tag":273,"props":315,"children":316},{},[317],{"type":37,"value":318},"Webs corporatives i landing pages",{"type":37,"value":320}," — ràpides, SEO-friendly i fàcils d'editar",{"type":31,"tag":56,"props":322,"children":323},{},[324,329],{"type":31,"tag":273,"props":325,"children":326},{},[327],{"type":37,"value":328},"APIs i integracions",{"type":37,"value":330}," — connexions amb serveis externs, passarel·les de pagament, CRMs",{"type":31,"tag":56,"props":332,"children":333},{},[334,339],{"type":31,"tag":273,"props":335,"children":336},{},[337],{"type":37,"value":338},"Migracions i refactoritzacions",{"type":37,"value":340}," — modernitzar projectes existents sense aturar el negoci",{"title":8,"searchDepth":83,"depth":83,"links":342},[343],{"id":294,"depth":83,"text":297},"content:ca:services:desenvolupament-tecnic.md","ca\u002Fservices\u002Fdesenvolupament-tecnic.md","ca\u002Fservices\u002Fdesenvolupament-tecnic",{"_path":348,"_dir":230,"_draft":7,"_partial":7,"_locale":8,"title":349,"description":350,"slug":351,"icon":352,"shortDescription":353,"order":83,"technologies":354,"steps":357,"body":382,"_type":88,"_id":390,"_source":90,"_file":391,"_stem":392,"_extension":93},"\u002Fca\u002Fservices\u002Fdisseny-ux","Disseny i Experiència d'Usuari (UX)","Per proporcionar un bon servei UX, seguim un procés que inclou investigació, arquitectura de la informació, prototipat, disseny visual, proves d'usabilitat i iteració. Es tracta de comprendre les necessitats dels usuaris, crear estructures i dissenys intuïtius, dissenyar interfícies visualment atractives i consistents, detectar problemes d'usabilitat i millorar contínuament a partir del feedback.","disseny-ux","palette","El disseny i l'experiència de l'usuari (UX) es centra en optimitzar l'experiència global dels usuaris quan interactuen amb un producte o servei.",[355,356],"Figma","Adobe Photoshop",[358,361,364,367,370,373,376,379],{"title":359,"text":360},"Definir el problema","Comencem entenent el problema que estem intentant resoldre per als usuaris i determinant els objectius del producte.",{"title":362,"text":363},"Investigació","Fem recerca amb usuaris per obtenir informació sobre el públic objectiu, les seves necessitats i comportaments.",{"title":365,"text":366},"Conceptualització","Fer una pluja d'idees i esbossar els primers conceptes per al disseny de la IU\u002FUX.",{"title":368,"text":369},"Prototip","Crear un prototip de baixa fidelitat per provar i validar ràpidament els conceptes de disseny.",{"title":371,"text":372},"Prova d'usuaris","Fer una prova d'usuaris amb un petit grup per obtenir comentaris sobre el prototip i fer millores.",{"title":374,"text":375},"Disseny visual","Desenvolupar el disseny d'alta fidelitat, tenint en compte els comentaris de la prova d'usuaris.",{"title":377,"text":378},"Desenvolupament","Treballar amb el desenvolupament per implementar el disseny en el producte.",{"title":380,"text":381},"Llançament i iteració","Llançar el producte i continuar obtenint comentaris dels usuaris per fer millores.",{"type":28,"children":383,"toc":388},[384],{"type":31,"tag":40,"props":385,"children":386},{},[387],{"type":37,"value":350},{"title":8,"searchDepth":83,"depth":83,"links":389},[],"content:ca:services:disseny-ux.md","ca\u002Fservices\u002Fdisseny-ux.md","ca\u002Fservices\u002Fdisseny-ux",{"_path":394,"_dir":230,"_draft":7,"_partial":7,"_locale":8,"title":395,"description":396,"slug":397,"icon":398,"shortDescription":399,"order":400,"technologies":401,"steps":402,"body":412,"_type":88,"_id":425,"_source":90,"_file":426,"_stem":427,"_extension":93},"\u002Fca\u002Fservices\u002Fassessorament-tecnologic","Orientació experta en el món de la tecnologia","Per oferir els millors resultats als clients, és important estar informat i al dia de les últimes tendències i bones pràctiques. Això pot implicar assistir a conferències, fer cursos, llegir publicacions del sector o participar en fòrums en línia.","assessorament-tecnologic","lightbulb","Aporto els meus coneixements i un bon domini de les bones pràctiques en diversos àmbits per garantir els millors resultats.",3,[],[403,406,409],{"title":404,"text":405},"Mantenir-se al dia","Mantenir-se al dia de les últimes tendències i bones pràctiques en diverses àrees, inclosa la tecnologia, és essencial per oferir els millors resultats als clients.",{"title":407,"text":408},"Oferir solucions innovadores","Estar al dia de les últimes tendències en desenvolupament web i tecnologia de la informació permet oferir solucions innovadores que satisfan les necessitats en evolució dels clients.",{"title":410,"text":411},"Comunicar-se de manera eficaç","La comunicació eficaç amb els clients és crucial per entendre les seves necessitats específiques i adaptar els serveis per satisfer-les.",{"type":28,"children":413,"toc":423},[414,418],{"type":31,"tag":40,"props":415,"children":416},{},[417],{"type":37,"value":396},{"type":31,"tag":40,"props":419,"children":420},{},[421],{"type":37,"value":422},"Una comunicació eficaç també és essencial per entendre les necessitats dels clients i assegurar-se que s'estan oferint les solucions que necessiten. A més, cal ser adaptable i capaç d'orientar els serveis segons sigui necessari per satisfer les necessitats canviants dels clients.",{"title":8,"searchDepth":83,"depth":83,"links":424},[],"content:ca:services:assessorament-tecnologic.md","ca\u002Fservices\u002Fassessorament-tecnologic.md","ca\u002Fservices\u002Fassessorament-tecnologic",1791367499519]