Who I am
I build websites, structure projects and turn complex information into clear communication. I work at the intersection of technology, research and strategic communication.
My background combines ongoing formal education, self-directed learning and hands-on experience gained from building real projects.
I have a particular interest in information architecture, user experience, strategic communication, digital presence and the responsible use of artificial intelligence as a productivity and decision-support tool.
I aim to turn ideas, services and initiatives into clear, organized and functional digital experiences.
My approach
My work is not limited to building pages. I work on organizing information, structuring digital experiences, strategic communication and developing solutions oriented toward clear objectives.
Research
Understand the context before building solutions.
Structure
Organize information in a clear and intuitive way.
Communication
Turn complexity into clarity.
Implementation
Execute with a focus on performance, usability and consistency.
Continuous Improvement
Analyze, review and evolve continuously.
Selected projects
Sobre a Mesa Project
Structured and published in approximately 24 hours
A public-interest initiative focused on food inclusion and social participation for people with dietary restrictions. The project was developed from documentary research, epidemiological data analysis and regulatory study.
Challenge
Develop a public-interest digital initiative on a tight deadline, bringing together research, social participation and accessible communication.
Technical decisions
- Static architecture to maximize performance
- Simple structure for easy maintenance
- Technical SEO to expand organic reach
- Minimal third-party dependency
Outcome
- Delivered in 24 hours
- Strong performance on mobile devices
- Easy to maintain
Technologies
- HTML5
- CSS3
- JavaScript
- GitHub
- Vercel
Marceli Tavares
Structured and published in approximately 24 hours
Institutional website focused on professional presentation, digital presence and service organization.
Challenge
Create a professional digital presence able to present services, projects and skills in a clear and organized way.
Technical decisions
- Semantic HTML and modular structure
- Open Graph, canonical URLs and XML sitemap
- SEO-oriented architecture
Outcome
- Simplified navigation and good indexing
- Fast loading
- Easy to evolve over time
Technologies
- HTML5
- CSS3
- JavaScript
- GitHub
- Vercel
Avesso Urbano
Status: In development
Collaborative project focused on circular fashion, conscious creation and strengthening creative communities.
Challenge
Build the digital foundation for a collaborative initiative focused on circular fashion and conscious creation.
Technical decisions
- Information architecture and digital planning
- Scalable structure and content organization
Outcome
- Clear positioning
- Solid foundation for growth
Role
- Positioning
- Information Architecture
- Digital Planning
Results and indicators
The projects I develop follow an approach focused on clarity, performance, information organization and simplified maintenance.
- Projects delivered on tight timelines
- SEO-optimized structure
- Architecture built for continuous evolution
- Responsive sites compatible with mobile devices
- Version control with GitHub and deployment via Vercel
Skills
Web Development
- HTML5
- CSS3
- JavaScript
- Responsive websites
- Mobile First
- Technical SEO
Digital Experience
- UX
- Information Architecture
- Visual Hierarchy
- Content Structuring
- Landing Pages
- Digital Communication
AI and Productivity
- AI-assisted technical research
- AI-assisted prototyping
- AI-assisted technical review
- AI-assisted development workflows
- Prompt engineering
- Tools: ChatGPT, Claude, Claude Code
Data and Integrations
- REST API concepts
- Tool integration
- Database concepts
- Structured data organization
How I work
Every project starts with understanding the context, organizing information and defining objectives before any technical implementation.
On smaller or already-structured projects, several of these stages run in parallel, which allows for significantly faster development cycles without skipping the process.
Technical decisions
Choosing plain HTML, CSS and JavaScript is not a technological limitation. It is a strategic decision aimed at performance, code control, simplified maintenance, security and independence from platforms.
In many contexts, a lean architecture offers a better balance of cost, speed, security and long-term sustainability than overly complex solutions.
Lean Architecture
- Semantic HTML
- Organized CSS
- Modular structure
- Technical SEO
Performance & Accessibility
- Fast loading
- Optimized images
- Full responsiveness
- Adequate contrast
Security
- Smaller attack surface
- No exposed admin panel
- Secure external links
- Minimal data collection
Maintenance
- Version control with GitHub
- Deployment via Vercel
- Simplified updates
- Simplified hosting
Working ecosystem
Tools and technologies used in research, structuring, development, deployment and maintenance of my projects.
- HTML5
- CSS3
- JavaScript
- Git
- GitHub
- Vercel
- Formspree
- Google Forms
- REST APIs
- Claude
- Claude Code
- ChatGPT
Education and original projects
Pausa Ética: Corpo, raça e dignidade sob o regime da aceleração
ISBN 978-65-01-89123-1
Work on public-interest projects, independent research and long-form content production. Original title in Portuguese; English translation: "Ethical Pause: Body, Race and Dignity Under the Regime of Acceleration."
Professional approach
I use artificial intelligence as a tool for research, productivity, structuring, prototyping and development support, while maintaining critical analysis, human validation and full responsibility for every technical, strategic and user experience decision.
My focus is turning ideas, services and initiatives into digital experiences that are clear, organized, functional and sustainable.
Let's talk about your project?
I'm available for professional opportunities, remote projects, collaborations and digital initiatives.