Trabalho que fala por si. Work that speaks for itself. Trabajo que habla por sí solo.
Tipo de projeto Project type Tipo de proyecto
Setor Sector Sector
-
Alexandra Nails — Manicure & Nail Art Alexandra Nails — Manicure & Nail Art Alexandra Nails — Manicure & Nail Art
Website para negócio de manicure e nail art, com 5.0★ de avaliação no Facebook e mais de 180 trabalhos partilhados. Visual desenhado inteiramente em CSS (sem fotografias), paleta rosa/madeira e sistema de marcação. Website for a manicure and nail art business, with a 5.0★ Facebook rating and over 180 shared works. Visuals entirely CSS-drawn (no photography), pink/wood palette and booking system. Sitio para negocio de manicura y nail art, con 5.0★ de valoración en Facebook y más de 180 trabajos compartidos. Visual dibujado enteramente en CSS (sin fotografías), paleta rosa/madera y sistema de reserva.
Ver o processo See the process Ver el proceso
Desafio
Criar uma identidade visual atractiva e pessoal sem recorrer a fotografia real.
Processo
Substituição de fotografia por elementos CSS decorativos (círculos "fatia de madeira", amostras de cor) → tipografia manuscrita (Alex Brush) para o toque pessoal → menu de serviços com preços claros.
Stack
HTML5, CSS3 (gradientes e formas), JavaScript para o formulário.
Resultado
Site em produção, com avaliação de 5.0★ no Facebook.
Challenge
Creating an attractive, personal visual identity without real photography.
Process
Replacing photography with decorative CSS elements ("wood slice" circles, colour swatches) → handwritten typography (Alex Brush) for a personal touch → services menu with clear pricing.
Stack
HTML5, CSS3 (gradients and shapes), JavaScript for the form.
Result
Live in production, with a 5.0★ Facebook rating.
Desafío
Crear una identidad visual atractiva y personal sin recurrir a fotografía real.
Proceso
Sustitución de fotografía por elementos CSS decorativos (círculos "rodaja de madera", muestras de color) → tipografía manuscrita (Alex Brush) para el toque personal → menú de servicios con precios claros.
Stack
HTML5, CSS3 (gradientes y formas), JavaScript para el formulario.
Resultado
Sitio en producción, con valoración de 5.0★ en Facebook.
-
Chef Dinis Pinto
Website trilingue (PT/ES/EN) para chef privado, com estética escura e premium, selector de idioma por globo. Trilingual website (PT/ES/EN) for a private chef, with a dark, premium aesthetic and globe-icon language selector. Sitio trilingüe (PT/ES/EN) para chef privado, con estética oscura y premium, selector de idioma por globo.
Ver o processo See the process Ver el proceso
Desafio
Site trilingue (PT/ES/EN) para chef privado, com estética premium e escura que reflita um serviço exclusivo.
Processo
Selector de idioma por ícone de globo → paleta escura com acentos dourados → estrutura responsiva em Bootstrap.
Stack
HTML5, CSS3, Bootstrap, JavaScript.
Resultado
Site em produção.
Challenge
Trilingual website (PT/ES/EN) for a private chef, with a premium, dark aesthetic reflecting an exclusive service.
Process
Globe-icon language selector → dark palette with gold accents → responsive structure built with Bootstrap.
Stack
HTML5, CSS3, Bootstrap, JavaScript.
Result
Live in production.
Desafío
Sitio trilingüe (PT/ES/EN) para chef privado, con estética premium y oscura que refleja un servicio exclusivo.
Proceso
Selector de idioma por icono de globo → paleta oscura con acentos dorados → estructura responsiva en Bootstrap.
Stack
HTML5, CSS3, Bootstrap, JavaScript.
Resultado
Sitio en producción.
-
Projeto de exemplo Example project Proyecto de ejemploClínica Respirar — Fisioterapia Clínica Respirar — Physiotherapy Clínica Respirar — Fisioterapia
Website para clínica de fisioterapia e bem-estar, com tom calmo e acolhedor, secção de especialidades e sistema de marcação de consulta. Website for a physiotherapy and wellness clinic, with a calm and welcoming tone, specialities section and appointment booking system. Sitio para clínica de fisioterapia y bienestar, con tono calmado y acogedor, sección de especialidades y sistema de reserva de cita.
Ver o processo See the process Ver el proceso
Desafio
Equilibrar uma estética calma e acolhedora com a clareza e confiança que se espera de um serviço de saúde.
Processo
Paleta suave (sálvia/coral) e tipografia serifada (Fraunces) para transmitir cuidado → estrutura por especialidade → formulário de marcação simplificado.
Stack
HTML5, CSS3, JavaScript para o formulário de marcação.
Challenge
Balancing a calm, welcoming aesthetic with the clarity and trust expected from a healthcare service.
Process
Soft palette (sage/coral) and serif typography (Fraunces) to convey care → structure by speciality → simplified booking form.
Stack
HTML5, CSS3, JavaScript for the booking form.
Desafío
Equilibrar una estética calmada y acogedora con la claridad y confianza que se espera de un servicio de salud.
Proceso
Paleta suave (salvia/coral) y tipografía serif (Fraunces) para transmitir cuidado → estructura por especialidad → formulario de reserva simplificado.
Stack
HTML5, CSS3, JavaScript para el formulario de reserva.
-
CP Centro de Terapias e Bem-Estar
Website para clínica de massagens e terapias de bem-estar, com identidade calma e acolhedora. Website for a massage and wellness therapy clinic, with a calm and welcoming identity. Sitio para clínica de masajes y terapias de bienestar, con identidad calmada y acogedora.
Ver o processo See the process Ver el proceso
Desafio
Site multilingue (PT/ES/EN) para clínica de terapias, com sistema de marcação de sessões e uma experiência calma e acolhedora.
Processo
Selector de idioma dedicado (PT/ES/EN) → formulário de reserva rápida integrado → Bootstrap e Bootstrap Icons para consistência visual → CSS próprio para reforçar a identidade calma da marca.
Stack
HTML5, CSS3, Bootstrap 5, Bootstrap Icons, JavaScript.
Resultado
Site em produção.
Challenge
Multilingual website (PT/ES/EN) for a therapy clinic, with a session booking system and a calm, welcoming experience.
Process
Dedicated language selector (PT/ES/EN) → integrated quick booking form → Bootstrap and Bootstrap Icons for visual consistency → custom CSS to reinforce the brand's calm identity.
Stack
HTML5, CSS3, Bootstrap 5, Bootstrap Icons, JavaScript.
Result
Live in production.
Desafío
Sitio multilingüe (PT/ES/EN) para clínica de terapias, con sistema de reserva de sesiones y una experiencia calmada y acogedora.
Proceso
Selector de idioma dedicado (PT/ES/EN) → formulario de reserva rápida integrado → Bootstrap y Bootstrap Icons para consistencia visual → CSS propio para reforzar la identidad calmada de la marca.
Stack
HTML5, CSS3, Bootstrap 5, Bootstrap Icons, JavaScript.
Resultado
Sitio en producción.
-
Elétrica Nogueira — Site de Serviços Elétrica Nogueira — Services Website Elétrica Nogueira — Sitio de Servicios
Website institucional para empresa de instalações eléctricas certificada DGEG, com mais de 14 anos de actividade e mais de 900 instalações e reparações realizadas. Identidade visual industrial (cobre, âmbar, navy) e formulário de pedido de orçamento. Institutional website for a DGEG-certified electrical installations company, with over 14 years in business and more than 900 installations and repairs completed. Industrial visual identity (copper, amber, navy) and a quote-request form. Sitio institucional para empresa de instalaciones eléctricas certificada DGEG, con más de 14 años de actividad y más de 900 instalaciones y reparaciones realizadas. Identidad visual industrial (cobre, ámbar, navy) y formulario de solicitud de presupuesto.
Ver o processo See the process Ver el proceso
Desafio
Transmitir confiança técnica e credibilidade num sector onde a certificação e a segurança pesam mais do que o design.
Processo
Definição de paleta industrial (cobre/navy/âmbar) → tipografia condensada (Oswald) para reforçar solidez → navegação fixa com CTA de contacto sempre visível.
Stack
HTML5, CSS3 (Grid/Flexbox), JavaScript para o formulário.
Resultado
Site em produção, com avaliação de clientes de 5 estrelas.
Challenge
Conveying technical trust and credibility in a sector where certification and safety matter more than looks.
Process
Industrial palette definition (copper/navy/amber) → condensed typography (Oswald) to reinforce solidity → sticky navigation with contact CTA always visible.
Stack
HTML5, CSS3 (Grid/Flexbox), JavaScript for the form.
Result
Live in production, with a 5-star customer rating.
Desafío
Transmitir confianza técnica y credibilidad en un sector donde la certificación y la seguridad pesan más que el diseño.
Proceso
Definición de paleta industrial (cobre/navy/ámbar) → tipografía condensada (Oswald) para reforzar solidez → navegación fija con CTA de contacto siempre visible.
Stack
HTML5, CSS3 (Grid/Flexbox), JavaScript para el formulario.
Resultado
Sitio en producción, con valoración de clientes de 5 estrellas.
-
Flor do Tâmega
Website institucional, com correção de estrutura e dados do negócio (fundado em 1998, Avanca). Institutional website, with structural fixes and business details corrected (founded 1998, Avanca, Portugal). Sitio institucional, con corrección de estructura y datos del negocio (fundado en 1998, Avanca).
Ver o processo See the process Ver el proceso
Desafio
Corrigir e modernizar o site de uma padaria e pastelaria com mais de 25 anos de história (desde 1998), incluindo conformidade RGPD.
Processo
Auditoria e correção de erros técnicos (hashes SRI do Bootstrap quebrados, imagens em falta, dados de negócio incorretos) → sistema próprio de consentimento de cookies, com persistência em localStorage → estrutura por categorias de produto (Padaria, Pastelaria, Bolos Tradicionais, Bolos Enfeitados).
Stack
HTML5, CSS3, Bootstrap, JavaScript.
Resultado
Site corrigido e em produção.
Challenge
Fixing and modernising the website of a bakery and pastry shop with over 25 years of history (since 1998), including GDPR compliance.
Process
Audit and correction of technical errors (broken Bootstrap SRI hashes, missing images, incorrect business data) → custom cookie-consent system, persisted via localStorage → structure by product category (Bakery, Pastry, Traditional Cakes, Decorated Cakes).
Stack
HTML5, CSS3, Bootstrap, JavaScript.
Result
Fixed and live in production.
Desafío
Corregir y modernizar el sitio de una panadería y pastelería con más de 25 años de historia (desde 1998), incluyendo cumplimiento RGPD.
Proceso
Auditoría y corrección de errores técnicos (hashes SRI de Bootstrap rotos, imágenes faltantes, datos de negocio incorretos) → sistema propio de consentimiento de cookies, persistido vía localStorage → estructura por categoría de producto (Panadería, Pastelería, Tartas Tradicionales, Tartas Decoradas).
Stack
HTML5, CSS3, Bootstrap, JavaScript.
Resultado
Sitio corregido y en producción.
-
Ternurinhas — Landing Page de Marca de Moda Ternurinhas — Fashion Brand Landing Page Ternurinhas — Landing Page de Marca de Moda
Página de pré-lançamento para uma marca portuguesa de vestuário de bebé, com formulário de lista de espera, design mobile-first e scroll suave. Pre-launch page for a Portuguese baby-clothing brand, with a waitlist form, mobile-first design and smooth scroll. Página de prelanzamiento para una marca portuguesa de ropa de bebé, con formulario de lista de espera, diseño mobile-first y scroll suave.
Ver o processo See the process Ver el proceso
Desafio
Marca de vestuário de bebé ainda sem produto à venda, a precisar de uma página de pré-lançamento que gerasse inscrições qualificadas para a lista de espera, com forte apelo visual em telemóvel.
Processo
Definição da hierarquia de conteúdo mobile-first → wireframe de secção única com scroll guiado até ao formulário → desenvolvimento em HTML/CSS/JS puro para desempenho máximo → validação do formulário e consentimento RGPD.
Stack
HTML5, CSS3, JavaScript, alojado na Netlify.
Challenge
A baby-clothing brand with no product on sale yet, needing a pre-launch page to generate qualified waitlist sign-ups, with strong visual appeal on mobile.
Process
Mobile-first content hierarchy definition → single-section wireframe with guided scroll to the form → built in plain HTML/CSS/JS for maximum performance → form validation and GDPR consent.
Stack
HTML5, CSS3, JavaScript, hosted on Netlify.
Desafío
Marca de ropa de bebé todavía sin producto a la venta, que necesitaba una página de prelanzamiento para generar inscripciones cualificadas en la lista de espera, con fuerte atractivo visual en móvil.
Proceso
Definición de la jerarquía de contenido mobile-first → wireframe de sección única con scroll guiado hasta el formulario → desarrollo en HTML/CSS/JS puro para máximo rendimiento → validación del formulario y consentimiento RGPD.
Stack
HTML5, CSS3, JavaScript, alojado en Netlify.
-
Muralhas do Futuro
Website institucional para empresa de construção, com paleta navy/dourado e logótipo em padrão de tijolo. Institutional website for a construction company, with a navy/gold palette and a brick-pattern logo. Sitio institucional para empresa de construcción, con paleta navy/dorado y logotipo en patrón de ladrillo.
Ver o processo See the process Ver el proceso
Desafio
Transmitir solidez e confiança para uma empresa de construção civil, com portefólio de obras e testemunhos de clientes.
Processo
Identidade visual escura e industrial (navy/dourado) → estruturação por fases da obra → secção de confiança e testemunhos → portefólio de obras realizadas.
Stack
HTML5, CSS3, JavaScript.
Resultado
Site em produção. Foi também desenvolvido um ERP de orçamentos para gestão interna (já incluído no portefólio).
Challenge
Conveying solidity and trust for a construction company, with a portfolio of completed works and client testimonials.
Process
Dark, industrial visual identity (navy/gold) → structuring by project phases → trust and testimonials section → portfolio of completed works.
Stack
HTML5, CSS3, JavaScript.
Result
Live in production. A budget-management ERP for internal use was also built (already included in this portfolio).
Desafío
Transmitir solidez y confianza para una empresa de construcción, con portafolio de obras y testimonios de clientes.
Proceso
Identidad visual oscura e industrial (navy/dorado) → estructuración por fases de la obra → sección de confianza y testimonios → portafolio de obras realizadas.
Stack
HTML5, CSS3, JavaScript.
Resultado
Sitio en producción. También se desarrolló un ERP de presupuestos para gestión interna (ya incluido en este portafolio).
-
Wave Studio
Website multi-página para estúdio de fitness e saúde, arquitetura Bootstrap 5. Multi-page website for a fitness and health studio, built on Bootstrap 5 architecture. Sitio multi-página para estudio de fitness y salud, arquitectura Bootstrap 5.
Ver o processo See the process Ver el proceso
Desafio
Site multi-página para estúdio de fitness, cobrindo apresentação, serviços, gift cards, resultados, horários e reserva de sessão gratuita, num percurso claro.
Processo
Estruturação em secções temáticas (Studio, Serviços, Equipa, Gift Card, Espaço & Galeria, Horários, Contacto) → paleta verde-oliva/creme → CTAs de agendamento e WhatsApp sempre visíveis.
Stack
HTML5, CSS3, Bootstrap Icons, JavaScript.
Resultado
Site em produção.
Challenge
Multi-page website for a fitness studio, covering introduction, services, gift cards, results, hours and free session booking, in a clear flow.
Process
Structuring into themed sections (Studio, Services, Team, Gift Card, Space & Gallery, Hours, Contact) → olive-green/cream palette → booking and WhatsApp CTAs always visible.
Stack
HTML5, CSS3, Bootstrap Icons, JavaScript.
Result
Live in production.
Desafío
Sitio multi-página para estudio de fitness, cubriendo presentación, servicios, gift cards, resultados, horarios y reserva de sesión gratuita, en un recorrido claro.
Proceso
Estructuración en secciones temáticas (Studio, Servicios, Equipo, Gift Card, Espacio & Galería, Horarios, Contacto) → paleta verde oliva/crema → CTAs de reserva y WhatsApp siempre visibles.
Stack
HTML5, CSS3, Bootstrap Icons, JavaScript.
Resultado
Sitio en producción.
-
Website — Sérgio Studio Website — Sérgio Studio Website — Sérgio Studio
Website institucional para empresa de cozinhas e carpintaria por medida (Grande Porto e região de Aveiro), com portefólio de obras, formulário de pedido de orçamento com consentimento RGPD e contacto direto por WhatsApp. Institutional website for a custom kitchens and carpentry business (Greater Porto and Aveiro region), with a portfolio of completed work, an RGPD-compliant quote-request form and direct WhatsApp contact. Sitio institucional para empresa de cocinas y carpintería a medida (Gran Oporto y región de Aveiro), con portafolio de obras, formulario de solicitud de presupuesto con consentimiento RGPD y contacto directo por WhatsApp.
Ver o processo See the process Ver el proceso
Desafio
Criar uma presença digital institucional capaz de gerar pedidos de orçamento e transmitir confiança para um negócio de fabrico próprio.
Processo
Estrutura multissecção (Sobre, Serviços, Portefólio, Localização, Contacto) → formulário de orçamento com consentimento RGPD → botão direto de WhatsApp → banner de cookies com escolha entre "apenas essenciais" e "aceitar todos".
Stack
HTML5, CSS3, JavaScript, formulário de contacto.
Estado
Publicado e alojado no Netlify.
Challenge
Create an institutional digital presence able to generate quote requests and build trust for an in-house manufacturing business.
Process
Multi-section structure (About, Services, Portfolio, Location, Contact) → RGPD-compliant quote form → direct WhatsApp button → cookie banner with an "essentials only" vs "accept all" choice.
Stack
HTML5, CSS3, JavaScript, contact form.
Status
Published and hosted on Netlify.
Desafío
Crear una presencia digital institucional capaz de generar solicitudes de presupuesto y transmitir confianza para un negocio de fabricación propia.
Proceso
Estructura multisección (Sobre, Servicios, Portafolio, Ubicación, Contacto) → formulario de presupuesto con consentimiento RGPD → botón directo de WhatsApp → banner de cookies con opción "solo esenciales" o "aceptar todas".
Stack
HTML5, CSS3, JavaScript, formulario de contacto.
Estado
Publicado y alojado en Netlify.
Lógica em ação, no browser. Logic in action, in the browser. Lógica en acción, en el navegador.
-
Projeto de exemplo Example project Proyecto de ejemploApp de Pesquisa de Filmes Movie Search App App de Búsqueda de Películas
App web com integração à API TMDB — pesquisa em tempo real, sistema de favoritos com armazenamento local e design responsivo em todos os dispositivos. Web app with TMDB API integration — real-time search, favourites system with local storage and responsive design across all devices. App web con integración a la API TMDB — búsqueda en tiempo real, favoritos con almacenamiento local y diseño responsivo en todos los dispositivos.
Ver o processo See the process Ver el proceso
Desafio
Construir uma aplicação que consome uma API externa (TMDB), com pesquisa em tempo real e persistência de favoritos sem necessidade de backend próprio.
Processo
Estudo da documentação da API → arquitetura de pedidos assíncronos (fetch/JS) → interface de resultados com estados de loading/erro → sistema de favoritos com localStorage → testes de responsividade.
Stack
JavaScript (fetch API), Bootstrap 5, TMDB API REST.
Challenge
Building an application that consumes an external API (TMDB), with real-time search and favourites persistence without needing a custom backend.
Process
API documentation study → asynchronous request architecture (fetch/JS) → results interface with loading/error states → favourites system with localStorage → responsiveness testing.
Stack
JavaScript (fetch API), Bootstrap 5, TMDB REST API.
Desafío
Construir una aplicación que consume una API externa (TMDB), con búsqueda en tiempo real y persistencia de favoritos sin necesidad de backend propio.
Proceso
Estudio de la documentación de la API → arquitectura de peticiones asíncronas (fetch/JS) → interfaz de resultados con estados de carga/error → sistema de favoritos con localStorage → pruebas de responsividad.
Stack
JavaScript (fetch API), Bootstrap 5, API REST de TMDB.
-
Projeto de exemplo Example project Proyecto de ejemploCalculadora (Java + Web)
A mesma calculadora, resolvida duas vezes: primeiro em Java com interface Swing, depois reconstruída em HTML, CSS e JavaScript — a versão que corre aqui mesmo no browser. The same calculator, solved twice: first in Java with a Swing interface, then rebuilt in HTML, CSS and JavaScript — the version that runs right here in the browser. La misma calculadora, resuelta dos veces: primero en Java con interfaz Swing, luego reconstruida en HTML, CSS y JavaScript — la versión que corre aquí mismo en el navegador.
Ver o processo See the process Ver el proceso
Desafio
Interpretar uma expressão matemática digitada como texto e calcular o resultado, sem bibliotecas externas de parsing.
Processo
Interface construída em Swing (NetBeans GUI Builder) → classe separada só com a lógica de cálculo → separação de números e operadores → cálculo sequencial da expressão.
Stack
Java, Swing, Programação Orientada a Objetos.
Challenge
Parsing a mathematical expression typed as text and calculating the result, without external parsing libraries.
Process
Interface built in Swing (NetBeans GUI Builder) → separate class holding only the calculation logic → splitting numbers and operators → sequential expression evaluation.
Stack
Java, Swing, Object-Oriented Programming.
Desafío
Interpretar una expresión matemática escrita como texto y calcular el resultado, sin librerías externas de parsing.
Proceso
Interfaz construida en Swing (NetBeans GUI Builder) → clase separada solo con la lógica de cálculo → separación de números y operadores → cálculo secuencial de la expresión.
Stack
Java, Swing, Programación Orientada a Objetos.
-
Projeto de exemplo Example project Proyecto de ejemploOrçaJá — Simulador de Orçamento OrçaJá — Budget Simulator OrçaJá — Simulador de Presupuesto
Ferramenta interactiva que estima o valor de uma obra de remodelação em tempo real, com cálculo automático de IVA consoante o tipo de obra. Interactive tool that estimates the cost of a renovation project in real time, with automatic VAT calculation depending on the type of work. Herramienta interactiva que estima el valor de una obra de remodelación en tiempo real, con cálculo automático de IVA según el tipo de obra.
Ver o processo See the process Ver el proceso
Desafio
Criar uma ferramenta de cálculo credível, com lógica de negócio real (divisão mão-de-obra/materiais, taxas de IVA diferentes), sem precisar de um servidor.
Processo
Definição da lógica de cálculo (taxas por tipo de divisão) → interface com slider e resultado em tempo real → simulação de chamada assíncrona a uma tabela de preços (arquitetura pronta para ligar a uma API real no futuro).
Stack
JavaScript (lógica de cálculo e DOM), CSS3, HTML5.
Challenge
Building a credible calculation tool, with real business logic (labour/materials split, different VAT rates), without needing a server.
Process
Calculation logic definition (rates by room type) → interface with slider and real-time result → simulated asynchronous call to a price table (architecture ready to connect to a real API in the future).
Stack
JavaScript (calculation logic and DOM), CSS3, HTML5.
Desafío
Crear una herramienta de cálculo creíble, con lógica de negocio real (división mano de obra/materiales, tasas de IVA diferentes), sin necesitar un servidor.
Proceso
Definición de la lógica de cálculo (tasas por tipo de estancia) → interfaz con slider y resultado en tiempo real → simulación de llamada asíncrona a una tabla de precios (arquitectura lista para conectar a una API real en el futuro).
Stack
JavaScript (lógica de cálculo y DOM), CSS3, HTML5.
Ferramentas por dentro do negócio. Tools behind the business. Herramientas dentro del negocio.
-
Dados de demonstração Demo data Datos de demostraciónERP Equipa 360º — Gestão Interna Equipa 360º ERP — Internal Management ERP Equipa 360º — Gestión Interna
Sistema próprio de gestão do meu negócio — clientes, projetos, catálogo de serviços com preços de referência e orçamentação, organizado pelos 9 departamentos da Equipa 360º. My own business management system — clients, projects, service catalogue with reference pricing and quoting, organised by the 9 Equipa 360º departments. Sistema propio de gestión de mi negocio — clientes, proyectos, catálogo de servicios con precios de referencia y presupuestación, organizado por los 9 departamentos de Equipa 360º.
Ver o processo See the process Ver el proceso
Desafio
Centralizar a gestão de clientes, projetos e orçamentos num único ficheiro, sem depender de folhas de cálculo dispersas.
Processo
Catálogo de serviços com 3 cenários de preço (Económico/Standard/Premium) → orçamento rápido gerado a partir do catálogo → ligação entre clientes, projetos e itens facturáveis.
Stack
HTML5, CSS3, JavaScript (localStorage API).
Challenge
Centralising client, project and quote management in a single file, without relying on scattered spreadsheets.
Process
Service catalogue with 3 pricing scenarios (Budget/Standard/Premium) → quick quote generated from the catalogue → links between clients, projects and billable items.
Stack
HTML5, CSS3, JavaScript (localStorage API).
Desafío
Centralizar la gestión de clientes, proyectos y presupuestos en un único archivo, sin depender de hojas de cálculo dispersas.
Proceso
Catálogo de servicios con 3 escenarios de precio (Económico/Standard/Premium) → presupuesto rápido generado desde el catálogo → conexión entre clientes, proyectos e ítems facturables.
Stack
HTML5, CSS3, JavaScript (localStorage API).
-
Dados de demonstração Demo data Datos de demostraciónERP — Muralhas do Futuro ERP — Muralhas do Futuro ERP — Muralhas do Futuro
Sistema de gestão de orçamentos para empresa de construção — clientes, materiais, mão-de-obra e orçamentação, tudo num único ficheiro HTML autónomo, com dados guardados no próprio browser (localStorage). Os registos visíveis são fictícios, só para demonstração. Budget management system for a construction company — clients, materials, labour and quoting, all in a single self-contained HTML file, with data stored in the browser itself (localStorage). Visible records are fictional, for demonstration only. Sistema de gestión de presupuestos para empresa de construcción — clientes, materiales, mano de obra y presupuestación, todo en un único archivo HTML autónomo, con datos guardados en el propio navegador (localStorage). Los registros visibles son ficticios, solo para demostración.
Ver o processo See the process Ver el proceso
Desafio
Depois de conquistar o cliente com o site, a empresa ainda geria orçamentos em papel — sem custos de servidor ou base de dados externa, fácil de usar offline.
Processo
Modelação de entidades (clientes, materiais, mão-de-obra, orçamentos) → interface de painel único com pesquisa e filtros → persistência local via localStorage, sem dependência de backend.
Stack
HTML5, CSS3, JavaScript (localStorage API).
Challenge
After winning the client over with the website, the company was still managing budgets on paper — no server or external database costs, easy to use offline.
Process
Entity modelling (clients, materials, labour, budgets) → single-panel interface with search and filters → local persistence via localStorage, no backend dependency.
Stack
HTML5, CSS3, JavaScript (localStorage API).
Desafío
Después de ganar al cliente con el sitio, la empresa seguía gestionando presupuestos en papel — sin costes de servidor ni base de datos externa, fácil de usar sin conexión.
Proceso
Modelado de entidades (clientes, materiales, mano de obra, presupuestos) → interfaz de panel único con búsqueda y filtros → persistencia local vía localStorage, sin dependencia de backend.
Stack
HTML5, CSS3, JavaScript (localStorage API).
-
Dados de demonstração Demo data Datos de demostraciónERP — Vértice Obras ERP — Vértice Obras ERP — Vértice Obras
Sistema de gestão de orçamentos para obras e remodelações — catálogo de materiais e mão-de-obra, orçamentação detalhada por item. Budget management system for renovation works — materials and labour catalogue, detailed item-by-item quoting. Sistema de gestión de presupuestos para obras y remodelaciones — catálogo de materiales y mano de obra, presupuestación detallada por ítem.
Ver o processo See the process Ver el proceso
Desafio
Gerir orçamentos complexos, com dezenas de itens por obra, de forma organizada e reutilizável.
Processo
Catálogo de materiais e mão-de-obra reutilizável entre orçamentos → cálculo automático de IVA por item → memória fotográfica de projeto.
Stack
HTML5, CSS3, JavaScript (localStorage API).
Challenge
Managing complex quotes, with dozens of items per job, in an organised, reusable way.
Process
Materials and labour catalogue reusable across quotes → automatic per-item VAT calculation → photographic project records.
Stack
HTML5, CSS3, JavaScript (localStorage API).
Desafío
Gestionar presupuestos complejos, con decenas de ítems por obra, de forma organizada y reutilizable.
Proceso
Catálogo de materiales y mano de obra reutilizable entre presupuestos → cálculo automático de IVA por ítem → memoria fotográfica de proyecto.
Stack
HTML5, CSS3, JavaScript (localStorage API).