gportodev
PT
zsh — ~/gportodev
$ whoami

Graziela Porto // full-stack & design

I build custom websites, e-commerce stores and web platforms — with accessibility, technical SEO and performance from the very first line. I also design brand identities and ad campaigns that give products their look.

TypeScript React Next.js Python Django WCAG SEO · AEO · GEO
see projects → get in touch
about.md

#About me

I hold degrees in Software Engineering and Advertising, and I work as a full-stack developer and graphic designer. That combination lets me bring technical, strategic and visual thinking to every project.

I specialize in web accessibility (WCAG), technical SEO, AEO, GEO and AIO, performance and usability — because a beautiful interface is worthless if people can't use it or find it.

On the code side, I build custom institutional websites, e-commerce stores and web platforms. On the design side, I create ad campaigns, brand identities and brand guidelines. I'm open to remote, on-site and hybrid opportunities.

2degrees
dev+ design
WCAGaccessibility
experience.log

Experience

  1. present100% remote

    Freelance Web Developer

    Own projects and clients
    • Built Narrate IA end to end — an AI-powered platform for creating on-brand content.
    • Full-stack development of custom institutional websites and e-commerce stores, including a Next.js 14, TypeScript and Tailwind CSS app with authentication (NextAuth), Airtable as the database and Mercado Pago payments.
    • Built the complete institutional website for Clube Turismo, handling front-end and technical SEO.
    • Produced in-depth digital audit reports for clients covering technical SEO, AEO/GEO/AIO, accessibility (WAVE audit), performance, GDPR compliance and competitive analysis.
  2. 2022 – 2023on-site

    Web Developer

    Faculdade Três Marias
    • Developed and maintained the institution's website.
    • Applied SEO, accessibility and usability best practices.
  3. before 2022 – present

    Freelance Designer

    Various clients
    • Created ad pieces, brand identities, brand guidelines and visual communication materials.
    • Planned and executed digital marketing campaigns.
projects/

Projects

narrate-ia.tsx

Narrate IA

AI-powered platform for creating on-brand content, built end to end.

Full-stackAI
↗ narrate.ia.br
clube-turismo.html

Clube Turismo

Complete institutional website — front-end development and technical SEO.

Front-endTechnical SEO
↗ clubeturismo.com.br
faculdade.php

Faculdade Três Marias

Institutional website for a higher-education institution operating in more than 80 municipalities.

HTMLCSSJavaScriptPHP
↗ website
cerne.jsx

Home & Decor E-commerce

Fully functional e-commerce front-end built in React, with its own design system (palette, typography and components).

React
↗ demo⌥ code
petcare-app.html

PetCare

Pet care app focused on usability and an accessible interface.

HTMLCSSJavaScript
↗ demo⌥ code
pomodoro-timer.html

Pomodoro Timer

Productivity app based on the Pomodoro technique, with a timer and focus/break cycles.

HTMLCSSJavaScript
↗ demo⌥ code

Graphic design and brand identity work on Behance ↗

skills.json

Skills

"languages_frameworks":
JavaScript TypeScript HTML CSS React Next.js Python Django PHP
"styling":
Tailwind CSS Responsive CSS Mobile-first
"backend_integrations":
Node.js Django NextAuth Airtable Mercado Pago REST APIs
"accessibility_ux":
WCAG Usability UX/UI
"seo_ai":
Technical SEO AEO GEO AIO
"performance":
Core Web Vitals PageSpeed Insights
"version_control":
Git GitHub Clean code
"design":
Ad design Brand identity Brand guidelines Figma Canva Photoshop Illustrator After Effects
education.yml

Education

2021 – 2025

Bachelor's in Software Engineering

Estácio
2015 – 2019

Bachelor's in Advertising

UNIESP
contact.sh

Let's talk

bash — contact
$ ./contact.sh --send-message
Open to remote, on-site and hybrid opportunities. Pick a channel:
email grazielaporto@live.com → whatsapp +55 83 99601-9704 → github github.com/gportob → behance behance.net/gportob →