Web & UI/UXWeb & UI/UXWeb & UI/UX
Interfaces responsivas, claras e pensadas para pessoas.Responsive, clear interfaces designed around people.Interfaces responsivas, claras y pensadas para las personas.
Trago para o desenvolvimento web uma experiência profissional construída durante mais de 30 anos, incluindo contacto direto com operações, equipas, processos e sistemas ERP.
Essa experiência ajuda-me a pensar para além do aspeto visual: procuro perceber quem vai usar a solução, qual é o objetivo e como tornar cada tarefa mais simples. Desenvolvo interfaces responsivas e cuido da experiência do utilizador, da estrutura à apresentação final.
Atualmente foco-me em desenvolvimento web, UI/UX, aplicações e soluções digitais, com projetos que combinam tecnologia, organização e comunicação visual.
I bring more than 30 years of professional experience to web development, including direct experience with operations, teams, processes and ERP systems.
That experience makes me look beyond visual design: I focus on who will use the solution, what the goal is, and how to make each task simpler. I build responsive interfaces and care about the complete user experience.
My current focus is web development, UI/UX, applications and digital solutions, combining technology, organisation and visual communication.
Aporto más de 30 años de experiencia profesional al desarrollo web, incluyendo experiencia directa con operaciones, equipos, procesos y sistemas ERP.
Esta experiencia me lleva a mirar más allá del diseño visual: pienso en quién utilizará la solución, cuál es el objetivo y cómo simplificar cada tarea. Desarrollo interfaces responsivas y cuido toda la experiencia de usuario.
Mi enfoque actual es el desarrollo web, UI/UX, aplicaciones y soluciones digitales, combinando tecnología, organización y comunicación visual.
Interfaces responsivas, claras e pensadas para pessoas.Responsive, clear interfaces designed around people.Interfaces responsivas, claras y pensadas para las personas.
Experiência prática para transformar processos em soluções digitais.Practical experience turning processes into digital solutions.Experiencia práctica para convertir procesos en soluciones digitales.
Design gráfico, imagem, vídeo e comunicação digital.Graphic design, image, video and digital communication.Diseño gráfico, imagen, vídeo y comunicación digital.
CFPIC — Centro de Formação Profissional da Indústria do Calçado, São João da Madeira · Certificado n.º 267/2026, emitido 16/04/2026 · 400 horas
Inclui, entre outras, as unidades de competência: Desenhar websites, Criar algoritmos e programação orientada a objetos, Desenhar representações gráficas, Produzir imagens vectoriais e bitmap, Produzir imagens fotográficas digitais, Captar e editar vídeo, Conceber comunicação para novos media e Conceber planos de marketing e campanhas publicitárias.
CFPIC — Footwear Industry Vocational Training Centre, São João da Madeira, Portugal · Certificate No. 267/2026, issued 16/04/2026 · 400 hours
Includes, among others, the competency units: Designing websites, creating algorithms and object-oriented programming, designing graphic representations, producing vector and bitmap images, producing digital photographic images, capturing and editing video, developing communication for new media, and conceiving marketing plans and advertising campaigns.
CFPIC — Centro de Formación Profesional de la Industria del Calzado, São João da Madeira, Portugal · Certificado n.º 267/2026, emitido 16/04/2026 · 400 horas
Incluye, entre otras, las unidades de competencia: Diseñar sitios web, crear algoritmos y programación orientada a objetos, diseñar representaciones gráficas, producir imágenes vectoriales y bitmap, producir imágenes fotográficas digitales, capturar y editar vídeo, concebir comunicación para nuevos medios, y concebir planes de marketing y campañas publicitarias.
CFPIC — Centro de Formação Profissional da Indústria do Calçado, São João da Madeira · Certificado n.º 1393/2024, emitido 25/11/2024 · 100 horas
Arquitetura de computadores, Algoritmos, Gestão e organização da informação.
CFPIC — Footwear Industry Vocational Training Centre, São João da Madeira, Portugal · Certificate No. 1393/2024, issued 25/11/2024 · 100 hours
Computer architecture, Algorithms, Information management and organisation.
CFPIC — Centro de Formación Profesional de la Industria del Calzado, São João da Madeira, Portugal · Certificado n.º 1393/2024, emitido 25/11/2024 · 100 horas
Arquitectura de computadores, Algoritmos, Gestión y organización de la información.
Academia Portugal Digital (plataforma NAU, cofinanciada pela República Portuguesa e União Europeia/PRR) · 2026 · 11 horas no total
Introdução à Inteligência Artificial, Inteligência Artificial Generativa, Aplicações de Inteligência Artificial no dia-a-dia.
Academia Portugal Digital (NAU platform, co-financed by the Portuguese Republic and the European Union/PRR) · 2026 · 11 hours total
Introduction to Artificial Intelligence, Generative Artificial Intelligence, Everyday Applications of Artificial Intelligence.
Academia Portugal Digital (plataforma NAU, cofinanciada por la República Portuguesa y la Unión Europea/PRR) · 2026 · 11 horas en total
Introducción a la Inteligencia Artificial, Inteligencia Artificial Generativa, Aplicaciones de Inteligencia Artificial en el día a día.
Antes de programar ERPs, usei-os — no terreno, todos os dias. É por isso que os sistemas que construo (como os que vês neste portefólio) reflectem como um ERP é usado a sério no dia-a-dia, não só como parece de fora. Detalhes da minha experiência com ERPs a seguir. Before building ERPs, I used them — on the ground, every day. That's why the systems I build (like the ones in this portfolio) reflect how an ERP is actually used day to day, not just how it looks from the outside. Details of my ERP experience below. Antes de programar ERPs, los usé — sobre el terreno, todos los días. Por eso los sistemas que construyo (como los que ves en este portafolio) reflejan cómo se usa un ERP de verdad en el día a día, no solo cómo se ve desde fuera. Detalles de mi experiencia con ERPs a continuación.
CP Centro de Terapias, Santa Maria da Feira / Esmoriz · Atual
Gestão de redes sociais e produção de conteúdo visual para o centro. Criação de templates alinhados com a identidade visual da marca (paleta, tipografia, monograma), entregues em SVG, PDF e PNG.
CP Centro de Terapias, Santa Maria da Feira / Esmoriz, Portugal · Current
Social media management and visual content production for the centre. Creation of templates aligned with the brand's visual identity (palette, typography, monogram), delivered in SVG, PDF and PNG.
CP Centro de Terapias, Santa Maria da Feira / Esmoriz, Portugal · Actual
Gestión de redes sociales y producción de contenido visual para el centro. Creación de plantillas alineadas con la identidad visual de la marca (paleta, tipografía, monograma), entregadas en SVG, PDF y PNG.
Aspock Portugal, Oliveira de Azeméis · Janeiro 2016 – Maio 2022
Cumprimento de normas de qualidade em linha de produção industrial.
Aspock Portugal, Oliveira de Azeméis, Portugal · January 2016 – May 2022
Compliance with quality standards on an industrial production line.
Aspock Portugal, Oliveira de Azeméis, Portugal · Enero 2016 – Mayo 2022
Cumplimiento de normas de calidad en línea de producción industrial.
Manual da Alegria, Santa Maria da Feira · Dezembro 2013 – Janeiro 2016
Gestão operacional completa com uso de ERP e ferramentas digitais. Coordenação de fornecedores, compras e logística.
Manual da Alegria, Santa Maria da Feira, Portugal · December 2013 – January 2016
Full operational management using ERP and digital tools. Coordination of suppliers, purchasing and logistics.
Manual da Alegria, Santa Maria da Feira, Portugal · Diciembre 2013 – Enero 2016
Gestión operativa completa con uso de ERP y herramientas digitales. Coordinación de proveedores, compras y logística.
Intermarché Ovar/Esmoriz — Distriovar Lda, Ovar · Abril 1994 – 2012
Gestão de stocks, encomendas e inventários com PRIMAVERA ERP. Coordenação de equipas, horários e controlo do banco de horas dos colaboradores. Implementação de sistemas de merchandising e análise de indicadores comerciais. Controlo de qualidade e logística com ferramentas informáticas.
Intermarché Ovar/Esmoriz — Distriovar Lda, Ovar, Portugal · April 1994 – 2012
Stock, ordering and inventory management using PRIMAVERA ERP. Team and schedule coordination, including staff time-bank control. Implementation of merchandising systems and analysis of business indicators. Quality control and logistics using IT tools.
Intermarché Ovar/Esmoriz — Distriovar Lda, Ovar, Portugal · Abril 1994 – 2012
Gestión de stocks, pedidos e inventarios con PRIMAVERA ERP. Coordinación de equipos, horarios y control de la bolsa de horas de los colaboradores. Implementación de sistemas de merchandising y análisis de indicadores comerciales. Control de calidad y logística con herramientas informáticas.
Consultório Médico Anette Vasconcelos, São João da Madeira · Fevereiro 1992 – Março 1994
Atendimento presencial e telefónico em ambiente clínico. Agendamento, gestão de base de dados e coordenação da receção.
Consultório Médico Anette Vasconcelos, São João da Madeira, Portugal · February 1992 – March 1994
In-person and telephone service in a clinical setting. Scheduling, database management and front-desk coordination.
Consultório Médico Anette Vasconcelos, São João da Madeira, Portugal · Febrero 1992 – Marzo 1994
Atención presencial y telefónica en entorno clínico. Agendamiento, gestión de base de datos y coordinación de la recepción.
Línguas: Português (língua materna) · Espanhol (língua materna) · Inglês (nível básico). Languages: Portuguese (native) · Spanish (native) · English (basic level). Idiomas: Portugués (lengua materna) · Español (lengua materna) · Inglés (nivel básico).
Formações complementares (Profiforma — Gabinete de Consultoria e Formação · Inesp): AutoCAD, MS Office, Legislação Laboral, Gestão de Recursos Humanos, Merchandising, Logística. Additional training (Profiforma — Consultancy and Training Office · Inesp): AutoCAD, MS Office, Labour Law, Human Resources Management, Merchandising, Logistics. Formaciones complementarias (Profiforma — Gabinete de Consultoría y Formación · Inesp): AutoCAD, MS Office, Legislación Laboral, Gestión de Recursos Humanos, Merchandising, Logística.
Descarregar CV completo (PDF) Download full CV (PDF) Descargar CV completo (PDF)Um website tem sempre duas camadas: aquilo que o visitante vê e toca, e aquilo que trabalha por trás, sem se fazer notar. Sou especialista na primeira — o front-end — mas colaboro de perto com programadores back-end sempre que um projeto precisa de lógica de servidor ou de uma base de dados.
A website always has two layers: what the visitor sees and touches, and what works behind the scenes, unnoticed. I specialise in the first — front-end — but work closely with back-end developers whenever a project needs server logic or a database.
Un sitio web siempre tiene dos capas: lo que el visitante ve y toca, y lo que trabaja detrás, sin hacerse notar. Soy especialista en la primera — el front-end — pero colaboro de cerca con desarrolladores back-end siempre que un proyecto necesita lógica de servidor o una base de datos.
O front-end é a camada responsável pela experiência do utilizador (UX) e pelo design visual. Sempre que navegas num site, clicas num botão ou vês uma animação, estás a interagir com front-end — é aqui que trabalho todos os dias.
Front-end is the layer responsible for user experience (UX) and visual design. Whenever you browse a site, click a button or watch an animation, you're interacting with front-end — this is where I work every day.
El front-end es la capa que garantiza la experiencia de usuario (UX) y el diseño visual. Cada vez que navegas por un sitio, haces clic en un botón o ves una animación, estás interactuando con el front-end — es donde trabajo cada día.
Tecnologias que uso: HTML para estruturar, CSS para estilizar, JavaScript para dar interatividade, e Bootstrap para acelerar e uniformizar tudo isto.
Technologies I use: HTML to structure, CSS to style, JavaScript to add interactivity, and Bootstrap to speed up and standardise all of it.
Tecnologías que uso: HTML para estructurar, CSS para dar estilo, JavaScript para dar interactividad, y Bootstrap para acelerar y uniformar todo esto.
Função: garantir que o site é rápido, bonito e responsivo, tanto no telemóvel como no computador.
Role: making sure the site is fast, good-looking and responsive, on both mobile and desktop.
Función: garantizar que el sitio sea rápido, bonito y responsivo, tanto en móvil como en ordenador.
O back-end funciona nos bastidores, como o motor da aplicação: trata das regras de negócio, da autenticação de utilizadores e do armazenamento de dados.
Back-end works behind the scenes, like the engine of the application: it handles business rules, user authentication and data storage.
El back-end funciona entre bastidores, como el motor de la aplicación: se ocupa de las reglas de negocio, la autenticación de usuarios y el almacenamiento de datos.
Tecnologias mais comuns: Node.js, Python, Java, PHP ou C#, associadas a bases de dados como MySQL, PostgreSQL ou MongoDB.
Common technologies: Node.js, Python, Java, PHP or C#, paired with databases like MySQL, PostgreSQL or MongoDB.
Tecnologías más comunes: Node.js, Python, Java, PHP o C#, junto con bases de datos como MySQL, PostgreSQL o MongoDB.
Não é a minha área de especialização — mas trabalho de perto com quem o é, para que o resultado final funcione como um todo.
This isn't my area of specialisation — but I work closely with those who are, so the final result works as a whole.
No es mi área de especialización, pero trabajo de cerca con quienes sí lo son, para que el resultado final funcione como un todo.
| Ação do utilizador User action Acción del usuario | Camada responsável Responsible layer Capa responsable | O que acontece na prática What actually happens Qué ocurre en la práctica |
|---|---|---|
| Preencher os dados de login e clicar em "Entrar" Filling in login details and clicking "Sign in" Rellenar los datos de inicio de sesión y hacer clic en "Entrar" | Front-end | Recolhe o que escreveste e envia-o ao servidor. Captures what you typed and sends it to the server. Recoge lo que escribiste y lo envía al servidor. |
| Validar a palavra-passe e verificar a conta Checking the password and verifying the account Validar la contraseña y verificar la cuenta | Back-end | Confirma se os dados coincidem com os da base de dados. Confirms the data matches what's stored in the database. Confirma si los datos coinciden con los de la base de datos. |
| Mostrar o perfil do utilizador já com sessão iniciada Showing the logged-in user's profile Mostrar el perfil del usuario ya conectado | Front-end | Recebe a confirmação do servidor e mostra o ecrã seguinte. Receives the green light from the server and shows the next screen. Recibe la confirmación del servidor y muestra la siguiente pantalla. |
Quem domina as duas áreas chama-se Full Stack. Escolhi especializar-me em front-end — porque é aqui que acontece a primeira impressão de um site, e essa primeira impressão deve ser sempre limpa, acessível e memorável. Someone who masters both areas is called Full Stack. I chose to specialise in front-end — because that's where a website's first impression happens, and it should always be clean, accessible and memorable. Quien domina ambas áreas se llama Full Stack. Elegí especializarme en front-end — porque es ahí donde ocurre la primera impresión de un sitio, y esa primera impresión debe ser siempre limpia, accesible y memorable.
Responsável pelo tratamento: Cecília ("eu", "a autora deste website"), enquanto profissional independente na área de desenvolvimento frontend. Contacto: cecilia_r_pinto@hotmail.com.
1. Dados recolhidos
Através do formulário de contacto: nome, endereço de email e conteúdo da mensagem que decidas enviar.
Através de cookies/armazenamento local do navegador: idioma escolhido e o registo da tua decisão sobre cookies (aceite/recusado). Estes dados ficam guardados apenas no teu próprio dispositivo (localStorage), não são enviados para nenhum servidor.
2. Finalidade
Os dados do formulário são usados exclusivamente para responder ao teu contacto. Não são utilizados para marketing, perfis publicitários ou decisões automatizadas.
3. Base legal
Consentimento explícito, prestado ao assinalares a casa de verificação no formulário (art.º 6.º, n.º 1, alínea a) do RGPD).
4. Partilha com terceiros
Os dados do formulário são processados pelo serviço Netlify Forms, da mesma plataforma que aloja este website, apenas para entrega da mensagem por email. Não são vendidos, cedidos ou partilhados para qualquer outro fim.
5. Prazo de conservação
As mensagens recebidas por email são conservadas apenas durante o tempo necessário para dar resposta ao pedido, sendo depois eliminadas.
6. Os teus direitos
Tens direito de acesso, retificação, apagamento, limitação do tratamento, portabilidade e oposição, nos termos dos artigos 15.º a 22.º do RGPD. Podes exercê-los a qualquer momento através do contacto acima. Tens também direito de apresentar reclamação junto da Comissão Nacional de Proteção de Dados (CNPD) — www.cnpd.pt.
Última atualização: .
Data controller: Cecília ("I", "the author of this website"), acting as an independent frontend development professional. Contact: cecilia_r_pinto@hotmail.com.
1. Data collected
Via the contact form: name, email address and the content of any message you choose to send.
Via cookies/browser local storage: chosen language and your cookie decision (accepted/declined). This information stays on your own device (localStorage) and is never sent to any server.
2. Purpose
Form data is used solely to reply to your enquiry. It is never used for marketing, advertising profiling or automated decision-making.
3. Legal basis
Explicit consent, given by ticking the checkbox on the form (Article 6(1)(a) GDPR).
4. Sharing with third parties
Form data is processed by Netlify Forms, part of the same platform hosting this website, solely to deliver the message by email. It is never sold, transferred or shared for any other purpose.
5. Retention period
Messages received by email are kept only for as long as needed to respond to the request, then deleted.
6. Your rights
You have the right to access, rectify, erase, restrict processing, port and object, under Articles 15 to 22 GDPR. You may exercise these rights at any time using the contact above. You may also lodge a complaint with the Portuguese data protection authority (CNPD) — www.cnpd.pt.
Last updated: .
Responsable del tratamiento: Cecília ("yo", "la autora de este sitio"), como profesional independiente en desarrollo frontend. Contacto: cecilia_r_pinto@hotmail.com.
1. Datos recogidos
A través del formulario de contacto: nombre, correo electrónico y el contenido del mensaje que decidas enviar.
A través de cookies/almacenamiento local del navegador: idioma elegido y tu decisión sobre cookies (aceptado/rechazado). Estos datos permanecen únicamente en tu dispositivo (localStorage) y no se envían a ningún servidor.
2. Finalidad
Los datos del formulario se usan exclusivamente para responder a tu consulta. No se usan para marketing, perfiles publicitarios ni decisiones automatizadas.
3. Base legal
Consentimiento explícito, otorgado al marcar la casilla del formulario (art. 6.1.a RGPD).
4. Compartición con terceros
Los datos del formulario son procesados por Netlify Forms, de la misma plataforma que aloja este sitio, únicamente para entregar el mensaje por correo. No se venden, ceden ni comparten para ningún otro fin.
5. Plazo de conservación
Los mensajes recibidos por correo se conservan solo el tiempo necesario para responder a la solicitud, y luego se eliminan.
6. Tus derechos
Tienes derecho de acceso, rectificación, supresión, limitación, portabilidad y oposición, conforme a los artículos 15 a 22 del RGPD. Puedes ejercerlos en cualquier momento mediante el contacto anterior. También puedes presentar una reclamación ante la autoridad portuguesa de protección de datos (CNPD) — www.cnpd.pt.
Última actualización: .
1. Objeto
Este website tem carácter de portefólio pessoal e profissional, apresentando informação sobre os serviços de desenvolvimento frontend de Cecília, exemplos de projetos e uma via de contacto.
2. Propriedade intelectual
O código, design, textos e imagens deste website, salvo indicação em contrário, são propriedade de Cecília ou encontram-se devidamente licenciados. É proibida a reprodução, distribuição ou reutilização de qualquer conteúdo sem autorização prévia por escrito.
3. Utilização adequada
O visitante compromete-se a utilizar o formulário de contacto apenas para fins legítimos, não introduzindo conteúdo ilegal, ofensivo ou fraudulento.
4. Isenção de responsabilidade
A informação disponibilizada é meramente indicativa. Não são prestadas garantias quanto à disponibilidade contínua e ininterrupta do website.
5. Ligações externas
Este website contém ligações para plataformas de terceiros (GitHub, LinkedIn). Cecília não se responsabiliza pelo conteúdo ou práticas de privacidade dessas plataformas externas.
6. Lei aplicável
Aplica-se a lei portuguesa, sendo competente o foro da comarca do domicílio da autora para qualquer litígio emergente da utilização deste website.
Última atualização: .
1. Purpose
This website is a personal and professional portfolio presenting Cecília's frontend development services, sample projects and a contact channel.
2. Intellectual property
The code, design, text and images on this website, unless stated otherwise, belong to Cecília or are duly licensed. Reproduction, distribution or reuse of any content without prior written permission is prohibited.
3. Appropriate use
Visitors agree to use the contact form only for legitimate purposes and not to submit illegal, offensive or fraudulent content.
4. Disclaimer
Information provided is for guidance only. No guarantee is made regarding continuous, uninterrupted availability of the website.
5. External links
This website contains links to third-party platforms (GitHub, LinkedIn). Cecília is not responsible for the content or privacy practices of those external platforms.
6. Governing law
Portuguese law applies, with the courts of the author's domicile having jurisdiction over any dispute arising from use of this website.
Last updated: .
1. Objeto
Este sitio web es un portafolio personal y profesional que presenta los servicios de desarrollo frontend de Cecília, ejemplos de proyectos y una vía de contacto.
2. Propiedad intelectual
El código, diseño, textos e imágenes de este sitio, salvo indicación contraria, son propiedad de Cecília o están debidamente licenciados. Se prohíbe la reproducción, distribución o reutilización de cualquier contenido sin autorización previa por escrito.
3. Uso adecuado
El visitante se compromete a usar el formulario de contacto solo con fines legítimos, sin introducir contenido ilegal, ofensivo o fraudulento.
4. Exención de responsabilidad
La información proporcionada es meramente indicativa. No se garantiza la disponibilidad continua e ininterrumpida del sitio.
5. Enlaces externos
Este sitio contiene enlaces a plataformas de terceros (GitHub, LinkedIn). Cecília no se responsabiliza por el contenido ni las prácticas de privacidad de esas plataformas externas.
6. Ley aplicable
Se aplica la ley portuguesa, siendo competente el foro del domicilio de la autora para cualquier litigio derivado del uso de este sitio.
Última actualización: .