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.
Bridging
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 have a degree in Digital Design with a strong foundation in visual design, design patterns, and multimedia technologies, including web design. Passionate about continuous learning, I stay up to date with industry trends and enjoy exploring new technologies to enhance my skills.
Anhanguera University
2012-2016Bachelor in Digital Design
The Digital Design program provided me with a comprehensive foundation in visual communication, user experience, and website and digital product development, along with expertise in Adobe Creative Suite design tools. Additionally, I gained a solid understanding of HTML structure, CSS styling and layout, and interactive JavaScript, enabling me to create engaging and functional digital experiences.
Senac
2012-2016Adobe CC Publishing Training – Illustrator, Photoshop and InDesign
This training provided me with expertise in Adobe Creative Suite, focusing on image creation, composition, and editing with Adobe Photoshop. I gained hands-on experience in image processing, manipulation, and enhancement, as well as vector illustration and layout design using effects, perspective, and layers. Additionally, I worked on editorial design projects for both print and digital media, including books, magazines, newspapers, and e-books. tempus.
Udemy
2024 - 2025Time to Code, by Matheus Basttisti
Complete Front-end training - HTML, CSS, JavaScript, Typescript and React. This training equipped me with extensive knowledge of front-end technologies, combining hands-on experience with real projects and a strong theoretical foundation in each technology.
Portfolio
Modern Dashboard Interface
Built with React and Modern JavaScript
Developed with JavaScript (ES6+), HTML and pure CSS
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.