Maria Vilaró
Programadora
Portfolio tècnic d'Utopig Studio
Resumen:
Tenim una experiència dilatada treballant amb diversos llenguatges de programació, frameworks i tecnologies. Aquí t'ho detallem tot.
Otros temas:
A nivell de programació backend, som especialistes en:
Laravel:
nous projectes desde zero
actualitzacions entre versions
auditories de codi (especialment hem fet valoracions de la conveniència d'actualitzar vs refer desde zero en la mateixa plataforma o diferent)
panells d’administració: Laravel Backpack i Filament
October CMS
projectes amb arquitectura completa october (back i front integrats)
projectes de tipus headless CMS (backend + api, per connectar amb qualsevol front)
Integració d'APIs de qualsevol tipus (connexions amb ERPs o CRMs passareles de pagament, etc)
Hem treballat també amb Symfony, però no ens hi considerem experts.
A nivell de front, som especialistes en:
Vue.js i Nuxt.js, tant SSR como SSG
JS Vanilla (hem treballat tambè amb jQuery)
Astro, tan SSR como SSG
Npm, Vite, webpack i gestió d’entorns de desenvolupament
Ionic framework per generació d’Apps multiplataforma
Deploy, test y publicació d’apps a Apple Store i Play Store
Phaser JS per a generació de videojocs en 2D
Typescript
Integració de Blade i Twig
Maquetació:
HTML5 semàntic i CSS3
SASS / SCSS
Tailwind CSS
Ionic UI
Bootstrap
Disseny responsive
Accessibilitat segons les directrius WCAG 2.1 nivell AA
Optimització del rendiment (Core Web Vitals)
Compatibilitat entre navegadors (cross-browser)
Integració de maquetació amb Blade, Twig i components Vue i Astro
Animacions i transicions amb CSS i JavaScript
Maquetació a partir de dissenys de Figma
Optimització d’imatges, tipografies i recursos estàtics
Bones pràctiques SEO relacionades amb el frontend (estructura semàntica, metadades, etc.)
També podem tocar altres frameworks, tot i que no ens hi considerem experts (per exemple React, Node)
Sistemes:
Instalació de les nostres pròpies aplicacions en servidors pre-configurats (Cpanel, Plesk…) o integració amb sistemes tipus Netlify, Laravel Forge…
No oferim:
- Devops avançat (no instal·lem productes de tercers ni configurem servidors)
- Serveis de correu electrònic
Exemples de projectes on hem utilitzat les tecnologies especificades:
October CMS: fins a la data, hem desenvolupat més de 60 webs amb October CMS, desde la versió 1 fins a la 4. Moltes d'elles les hem anat actualitzant de versió any rere any. Alguns exemples:
Tree-Nation: migració de plataforma de Laravel 5 a la última versió disponible en el moment, juntament amb un refactor complet del codi. Migració de Vue1 a Vue2 i, posteriorment, a Vue3. Actualització entre diverses versions de Bootstrap. Integració de pasarel·la de pagament amb Stripe, amb configuració de subscripcions periòdiques. Integració amb altres plataformes externes (Hubspot, Mailgun…) Traspàs del projecte a l’equip del client.
Etnia Barcelona: manteniment del projecte d’intranet interna realitzat amb Symfony i Vue. Actualitzacions entre diverses versions de Symfony, Vue, Bootstrap.
Som Energia: desenvolupament nova web amb October CMS en mode Headless + front en Astro + Vue + Tailwind. Migració de continguts de la web antiga. https://somenergia.coop
SilApp: Aplicació mòbil en Ionic, connectada a un headless CMS fet amb October que permet que la clienta pugui actualitzar els continguts de manera senzilla i ràpida. I tot i això l'app es pot utilitzar sense connexió? Com? Màgia? Gairebé! https://silapp.org/
Social Fantasy (l'escamot rebel): Joc construït amb Phaser JS i en temps récord per arribar a temps a la FESC 2024. Vam repetir l'any següent i vam fer una adaptació especial pel SAGA. https://xes.cat/socialfantasy
Utocures: sistema de gestió intern adaptat especialment per a entitats de cures. Desenvolupat gràcies a l'Empenta. És un Laravel amb el panell Filament, el nostre últim amor a primera vista que ha desplaçat tots els altres panells per Laravel que havíem utilitzat abans (Backpack i Nova)
A part de la programació, oferim serveis de:
- Disseny UX/UI
- SEO tècnic
- Consultoria