Portfolio tècnic d'Utopig Studio

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:

• 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.

A part de la programació, oferim serveis de:

• Disseny UX/UI
• SEO tècnic
• Consultoria