Whether you're looking for a creative mind to bring fresh perspective to your tech team or just want to explore the possibility of working together. Drop me a message using the form or reach out directly via email, I’m always open to new ideas, exciting collaborations, or meaningful conversations.
Developing
Transforming ideas into seamless web experiences with creative design and clean, efficient code
About Me
{ Hello World! }
I’m Luana, a Web Developer transitioning from a strong background in Graphic Design and Digital Marketing. For over 3 years, I’ve created ads, social media campaigns, posters, and branding materials that helped businesses grow their online presence and connect with audiences.Today, I apply those skills to UI/UX design and web development, crafting interfaces that are not only visually appealing but also intuitive, accessible, and user-focused.
I don’t just write code, I design user-friendly, visually appealing, and engaging digital experiences. On the technical side, I work with JavaScript, HTML, CSS, Bootstrap, Tailwind and React to develop responsive front-ends, and with Node.js, C#, .NET, and APIs to deliver seamless functionality on the back-end. By combining marketing insight, design skills, and web development expertise, I bring a well-rounded approach to every project, ensuring solutions that are not only functional but also strategic, aesthetic, and impactful.
Let’s build something amazing together!
Technical Skills
Projects
This section highlights projects that demonstrate my ability to create modern, user-friendly websites and applications. From a fully deployed company website to interactive forms and UI components, each project reflects my focus on design, usability, and clean code.
Laois Leisure Website
2024-2025Rebrand & Website Relaunch (Real-world project)
- Designed and developed a responsive, mobile-first company website that increased engagement and new member inquiries.
- Refreshed the brand identity (logo + design system) and ensured consistency across digital and print.
- Navigation improvements: rebuilt information architecture, simplified the menu, and created clearer paths to key actions (Classes, Pricing, Join). Implemented WCAG-aligned patterns (keyboard focus order, ARIA labels, color contrast).
- Performance & page load: minified/bundled assets, compressed images (WebP) with lazy-loading, preloaded critical resources, and added caching—resulting in faster Lighthouse scores and smoother UX.
- Blog: added a blog/news section with post templates and SEO-friendly metadata (titles, descriptions, Open Graph) to support content marketing and organic traffic growth.
- Integrated the Mailchimp REST API for newsletter subscriptions, generating new leads and boosting engagement.
- Tech stack: HTML5, CSS3/SCSS, JavaScript, Bootstrap, Node.js (server.js), REST APIs (Mailchimp), package.json, environment variables (.env), CI/CD pipelines (e.g., GitHub Actions), GitHub, VS Code, Adobe Creative Cloud.
User Registration CRUD Service
2025Auth & CRUD API — Node.js, Prisma, MongoDB
- Built an API-first user registration service with Node.js, exposing REST endpoints for creating and retrieving users.
- Connected a MongoDB database via Prisma, exposing REST endpoints in Node.js for create/read operations.
- Implemented client and server side validation, form error handling, and protected API routes.
- Used Axios on the front end to call the API and manage responses gracefully.
- Structured the app with React + Vite and a mobile-first layout for responsiveness and accessibility.
- Versioned with Git, managed scripts via package.json, and configured environment variables with .env.
- Tech stack: JavaScript (ES6+), React, Vite, Node.js, REST API, Prisma, MongoDB, HTML5, CSS/SCSS, Axios, Git, package.json, .env
Customer Feedback Form
2025Multi-Step Customer Feedback Form Project
- Designed & built an interactive customer satisfaction survey with multiple steps, icons, and a comment box.
- Developed using JavaScript (ES6+), React+Vite, Node.js Modules, HTML, and CSS to ensure a modern and seamless experience.
- Implemented real-time feedback capture with a responsive and intuitive UI.
- Enhanced JavaScript and modern HTML/CSS framework expertise through this project.
To-Do List
2024To-Do List Project
- Developed a powerful and user-friendly task management application using JavaScript (ES6+), HTML, and CSS.
- Implemented features such as task addition, filtering, searching, and deletion, with data persistence via local storage.
- Designed a minimalistic and responsive UI for an intuitive user experience.
- Optimized the application for performance and usability across different devices.
Password Generator
2024Password Generator Project
- Created a secure password generator with a character selector, allowing users to include letters, numbers, and symbols.
- Developed with JavaScript (ES6+), HTML, and pure CSS, ensuring a modern and responsive design.
- Implemented a copy password button for seamless user experience.
- Gained advanced knowledge of JavaScript applications and modern HTML/CSS structures through this project.
My Education
I hold a Bachelor’s degree in Digital Design, where I developed a strong foundation in visual design, communication, and multimedia technologies. My studies covered a wide range of subjects including graphic design, web design management, hypermedia, 2D/3D animation, interface design, image processing, marketing fundamentals, and project management.
Anhanguera University
2012-2016Bachelor’s Degree in Digital Design
Graduated in 2016 with a strong foundation in visual design, web design, multimedia, and UX/UI principles. My studies combined creativity and technology, shaping my approach to build user-centered and visually engaging digital experiences..
Senac
2012-2016Adobe CC Publishing Training - Illustrator, Photoshop & InDesign
Completed professional training focused on digital publishing and graphic design using the Adobe Creative Suite. Gained hands-on experience in image editing, vector illustration, and layout design, working with effects, perspective, and layers. Created editorial projects for both print and digital media, including books, magazines, and e-books.
Udemy
2024 - 2025Front-End Development Training - Time to Code, by Matheus Battisti
Comprehensive front-end development program covering HTML, CSS, JavaScript, TypeScript, and React. The training combined hands-on projects with a solid theoretical foundation, strengthening my ability to build modern, responsive, and efficient web applications.
Portfolio
Responsive company website built with HTML, CSS, JavaScript, and Bootstrap, featuring Mailchimp API integration for newsletter sign-ups, a Node-based environment setup for secure and efficient deployment, and on-page SEO optimization to enhance search visibility and performance.
A responsive BMI calculator built with React, modern JavaScript (ES6+), Node.js, HTML, CSS, and Tailwind CSS. Designed to deliver a clean and intuitive user experience, it efficiently calculates Body Mass Index with real-time updates and SEO-friendly structure for optimal visibility and accessibility.
Developed a secure password generator featuring a customizable character selector that allows users to include letters, numbers, and symbols. Built with modern JavaScript (ES6+), HTML, and pure CSS, the project delivers a responsive, accessible, and user-friendly interface.
Developed using JavaScript (ES6+), React+Vite, Node.js Modules
Developed a powerful and user-friendly task management application using JavaScript (ES6+)
Code/Quest is a programming quiz game built with React (Vite) and JavaScript. It features an interactive and responsive interface.
This banner was designed for Laois Leisure Center using Adobe Photoshop and Illustrator. The goal was to deliver a high-quality visual that reflects the center’s commitment to health, fitness, and community. The design incorporates elements that represent its core services, gym facilities, fitness classes, and swimming lessons, while staying aligned with the brand’s values and visual identity.
This tri-fold brochure was designed for Laois Leisure Centre using Canva and Illustrator. The goal was to create a visually engaging and informative piece that reflects the centre’s dedication to health, fitness, and wellbeing.The design highlights core services, such as children’s swimming lessons and a parent's guide.
I design eye-catching posters using Illustrator & Photoshop, creating results-driven ads tailored for Facebook & Instagram.Grab attention, drive clicks, and maximize the investment with visuals that convert!
I design eye-catching posters using Illustrator & Photoshop, creating results-driven ads tailored for Facebook & Instagram.Grab attention, drive clicks, and maximize the investment with visuals that convert!
I design sleek and realistic smartphone mockups using Photoshop, perfect for showcasing your apps, websites, or designs with a professional touch.
I create high-quality logo redesigns using Illustrator, crafting fresh concept designs that preserve your brand’s identity and elevate its visual impact.