Prótotipo

Antes de construir este portefólio, criei um protótipo no Figma para planear a estrutura, o visual e a navegação. Este projeto foi pensado ao detalhe! O resultado final é exatamente o site que estás a ver agora!

Prototype

Before building this portfolio, I designed a full prototype in Figma to plan out the structure, layout, and user flow. This project was carefully thought through! The final result is exactly the website you're viewing right now!

Link para o Protótipo!

Prototype Link!

LKM WEBSITE

Projeto desenvolvido durante o meu estágio curricular, este website foi criado para a empresa LKM, com o objetivo de apresentar os seus serviços e produtos de forma organizada e acessível.

A navegação foi pensada em formato de páginas distintas, permitindo ao utilizador explorar facilmente as diferentes secções da empresa. O design procurou refletir a identidade visual da marca, mantendo uma estética moderna e funcional.

LKM WEBSITE

Developed during my curricular internship, this website was created for the company LKM with the aim of presenting their services and products in an organised and accessible manner.

The navigation was designed with separate pages, allowing users to easily explore the different sections of the company. The design sought to reflect the brand's visual identity while maintaining a modern and functional aesthetic.

Link para o Protótipo!

Prototype Link!

Canil de Coimbra

Este website foi desenvolvido como um projecto pessoal, inspirado pela minha própria experiência ao adoptar os meus cães no Canil de Coimbra. Quis retribuir de alguma forma e, por isso, criei uma plataforma acessível, funcional e visualmente apelativa.

As cores predominantes (amarelo e castanho) foram escolhidas por serem as mais utilizadas nas redes sociais do canil, garantindo assim uma ligação visual consistente com a identidade já existente.

Para além do design do site público, desenvolvi também uma área dedicada ao uso interno do canil, onde é possível introduzir e remover manualmente os dados dos animais disponíveis para adopção, facilitando a gestão do conteúdo de forma simples e intuitiva.

Coimbra Animal Shelter

This website was developed as a personal project, inspired by my own experience adopting my dogs from Canil de Coimbra. I wanted to give something back, so I created an accessible, functional, and visually appealing platform.

The main colours (yellow and brown) were chosen to match the ones most commonly used on the shelter’s social media, ensuring visual consistency with their existing identity.

In addition to the public-facing design, I also created an internal section for the shelter team, where they can manually add and remove dog profiles from the platform, making content management simpler and more intuitive.

Link para o Protótipo!

Prototype Link!

Portfólio Antigo

Este portfólio foi desenvolvido numa fase anterior ao atual, com a proposta de simular um ambiente de desktop, onde o utilizador pudesse navegar por diferentes janelas e ícones para descobrir os meus trabalhos e saber mais sobre mim.

Apesar de criativo, o conceito acabou por ser rapidamente substituído, uma vez que se revelou visualmente confuso. Percebi que, num portfólio, a clareza e a navegação intuitiva são essenciais - e por isso optei por uma abordagem mais simples e direta.

Old Portfolio

This portfolio was developed in an earlier phase and aimed to simulate a desktop environment, where the user could navigate through different windows and icons to explore my work and learn more about me.

Although creative, the concept was quickly replaced as it proved visually confusing. I realised that, in a portfolio, clarity and intuitive navigation are essential—so I opted for a simpler, more straightforward approach.

Link para o Website!

Project Link!

Sinceramente, BN

Este projeto foi desenvolvido para uma cliente que desejava um espaço digital simples e acessível onde pudesse partilhar os seus poemas e prosas. A prioridade foi criar uma experiência de leitura limpa, sem distrações, permitindo que o texto tivesse o protagonismo.

O website foi construído com uma estrutura minimalista e intuitiva, garantindo fácil navegação entre as páginas e uma apresentação organizada dos conteúdos. O design discreto realça a sensibilidade literária da cliente, oferecendo um ambiente acolhedor e elegante para a sua obra.

Sinceramente, BN

This project was developed for a client who wanted a simple and accessible digital space to share her poems and prose. The main priority was to create a clean reading experience, free from distractions, allowing the text itself to take centre stage.

The website was built with a minimalist and intuitive structure, ensuring easy navigation between pages and an organised presentation of the content. Its understated design highlights the client’s literary sensitivity, providing a welcoming and elegant environment for her work.

Link para o Website!

Project Link!

EggCursion

EggCursion é um jogo desenvolvido em JavaScript com HTML5 Canvas, inspirado na música "Lazy" dos X-Press 2. A missão? Guiar a personagem por três salas com design único - cada uma com os seus próprios desafios - até alcançar o objetivo final.

♡ Design das salas por Beatriz Portugal

♡ Desenvolvimento do jogo por mim (Ana Rodrigues)

É possível encontrar-se este projeto no meu Github!

EggCursion

EggCursion is a game developed in JavaScript using HTML5 Canvas, inspired by the song "Lazy" by X-Press 2. The mission? Guide the character through three uniquely designed rooms - each with its own challenges - to reach the final goal.

♡ Room designs by Beatriz Portugal

♡ Game development by me (Ana Rodrigues)

You can find this project on my Github!

Link para o Jogo!

Game Link

Jogo de Dia dos Namorados

Este projeto foi desenvolvido como uma prenda personalizada para o Dia dos Namorados, utilizando HTML5 Canvas. O objetivo era criar uma experiência interativa e carinhosa, pensada especialmente para o meu parceiro.

Os cenários não são da minha autoria.

É possível encontrar-se este projeto no meu Github!

Valentine’s Day Game

This project was developed as a personalised gift for Valentine’s Day, using HTML5 Canvas. The goal was to create an interactive and heartfelt experience, specially designed for my partner.

The backgrounds are not my own creation.

You can find this project on my Github!

Link para o Jogo!

Game Link!

My Forum

Este projeto consiste numa aplicação web em formato de fórum, desenvolvida com Node.js e Express, com o objetivo de explorar funcionalidades essenciais da web sem recorrer a uma base de dados.

Este foi o meu primeiro projeto com Node.js e Express, por isso serviu como uma valiosa experiência de aprendizagem.

My Forum

This project consists of a web application in the form of a forum, developed with Node.js and Express, aiming to explore essential web functionalities without using a database.

This was my first project with Node.js and Express, so it served as a valuable learning experience.

Link para o Website Funcional!

Website Link!

꧁ Bokutoh ꧂

Trabalhei como criadora de conteúdo para o canal Bokutoh6020, onde dei os meus primeiros passos no mundo da comunicação e da produção de vídeo. Este foi o meu primeiro projeto online, iniciado na adolescência, que me permitiu desenvolver competências em edição, roteiro e envolvimento digital.

Na altura, utilizei apenas o meu telemóvel, pois era o meu único aparelho eletrónico, o que não me impediu de aprender e evoluir. Para além de criar e editar vídeos, também explorei estratégias para aumentar o alcance do canal e interagir com a comunidade, tornando esta experiência um aprendizado valioso sobre criação de conteúdo e o universo digital.

꧁ Bokutoh ꧂

I worked as a content creator for the channel Bokutoh6020, where I took my first steps into the world of communication and video production. This was my first online project, started during my teenage years, which allowed me to develop skills in editing, scripting, and digital engagement.

At the time, I used only my mobile phone, as it was my only electronic device, but that didn’t stop me from learning and growing. Besides creating and editing videos, I also explored strategies to increase the channel’s reach and interact with the community, making this a valuable learning experience about content creation and the digital world.

Link para o Canal!

Link to the Channel!