Beatriz Omena
e minha forma de construir interfaces na prática.
Projetos Desenvolvidos
Formação e experiências que consolidam minha base profissional.
BaiaCool
Interface de Jogo Educativo
Desenvolvimento completo do protótipo de interface do jogo educativo BaiaCool, criado no Figma, desde a definição do conceito até a construção visual e prototipação interativa. Projeto focado em experiência do usuário, organização de fluxo, identidade visual própria e conscientização ambiental por meio de mecânicas inspiradas em jogos educativos.
FIGMA
UI / UX
Site Institucional – Plenax Corp Engenharia
Desenvolvimento completo do site institucional da Plenax Corp Engenharia, desde a criação da identidade visual até a implementação e publicação. Projeto focado em posicionamento digital, clareza na apresentação dos serviços e fortalecimento da presença online da empresa.
HTML
CSS
JavaScript
FIGMA
UI / UX
Projeto – Portfólio Pessoal
Desenvolvimento autoral do meu portfólio profissional, desde a concepção visual no Figma até a implementação em HTML, CSS e JavaScript. Projeto focado em organização estrutural, responsividade, identidade visual própria e construção de uma presença digital alinhada à minha evolução como desenvolvedora front-end.
HTML
CSS
JavaScript
FIGMA
UI / UX
Site Institucional
Plenax Corp Engenharia
Contexto
Desenvolvimento completo do site institucional da Plenax, com o objetivo de fortalecer a presença digital da empresa e apresentar seus serviços de forma clara e profissional.
Identidade Visual
Fui responsável pela criação da identidade visual do projeto, incluindo definição de paleta de cores e organização estética da marca. A proposta foi apresentada e aprovada pela direção da empresa antes do início do desenvolvimento.
Objetivo do Projeto
Construir uma plataforma institucional voltada à apresentação da empresa, seus projetos, parceiros e serviços, com foco em posicionamento e geração de credibilidade no mercado. O site não possui caráter de e-commerce, mas atua como canal estratégico de divulgação e captação de clientes.
Desenvolvimento
Estruturei o projeto do zero, utilizando HTML, CSS e JavaScript. O site conta com oito seções organizadas conforme as necessidades do cliente, priorizando clareza na hierarquia das informações e navegação intuitiva.
Responsividade e Implementação
Desenvolvi toda a responsividade para diferentes dispositivos e realizei o deploy em plataforma de hospedagem, garantindo publicação e funcionamento da aplicação.
Resultado
Entrega de um site institucional completo, desde a concepção visual até a publicação, consolidando minha atuação tanto na estruturação quanto na implementação front-end.
Tecnologias
- HTML
- CSS
- JavaScript
- React.js
- GitHub
- Git
- VSCode
- Figma
- Photoshop
Sobre Mim
Sou formada em Análise e Desenvolvimento de Sistemas e atuo no desenvolvimento front-end, criando interfaces web organizadas, funcionais e bem estruturadas.
Trabalho com HTML, CSS e JavaScript, além de aplicar React em projetos práticos. Atualmente, sigo aprofundando meus estudos e ampliando meu conhecimento em tecnologias do ecossistema front-end, como TypeScript.
Tenho atenção especial à organização visual, hierarquia de informação e usabilidade, entendendo como layout e comportamento se conectam para formar experiências claras e consistentes.
Este portfólio representa minha evolução profissional e meu compromisso com aprendizado constante e construção de soluções cada vez mais sólidas.
Como eu Penso
Esta seção apresenta um pouco do meu processo ao desenvolver projetos. Aqui mostro como organizo ideias, tomo decisões de design e estruturo a construção de uma interface, desde o planejamento até a implementação.
Planejamento
Antes de iniciar o desenvolvimento, o projeto foi planejado no Figma para definir a hierarquia das informações, a organização das páginas e a disposição dos elementos na interface. O objetivo dessa etapa foi estruturar o conteúdo de forma clara antes da implementação, garantindo que o site tivesse um fluxo de navegação simples e intuitivo.
Desenvolvimento
O portfólio foi desenvolvido utilizando HTML, CSS e JavaScript, com foco na construção de uma interface responsiva e organizada. Durante o desenvolvimento foram implementadas interações que ajudam a tornar a navegação mais dinâmica, como:
- animações de entrada nas seções
- modais para apresentação de projetos
- pequenas interações visuais que enriquecem a experiência do usuário
Mais do que apresentar projetos, este espaço reflete meu compromisso com organização, aprendizado constante e construção de interfaces cada vez mais sólidas.
Entre em Contato
Está buscando uma desenvolvedora front-end para seu time ou projeto?
Você me encontra por Aqui
