Bridging

Transforming ideas into seamless web experiences with creative design and clean, efficient code

About Me

Profile Image
Web Developer | Turning Ideas into Interactive Web Experiences

{ 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-2025

Rebrand & 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

2025

Auth & 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

2025

Multi-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

2024

To-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

2024

Password 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-2016

Bachelor 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-2016

Adobe 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 - 2025

Time 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

Mockup of Laois Leisure Blog project
Laois Leisure Blog

Modern Dashboard Interface

Body Mass Calculator

Built with React and Modern JavaScript

Password Generator

Developed with JavaScript (ES6+), HTML and pure CSS

Multi-Step Customer Feedback Form

Developed using JavaScript (ES6+), React+Vite, Node.js Modules

To-Do List

Developed a powerful and user-friendly task management application using JavaScript (ES6+)

Code/Quest Game

Code/Quest is a programming quiz game built with React (Vite) and JavaScript. It features an interactive and responsive interface.

Mockup of Laois Leisure Blog project
Website Banners

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.

Tri-Fold Brochure

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.

ROI With High-Converting Ads!

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!

ROI With High-Converting Ads!

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!

Smartphone Mockup

I design sleek and realistic smartphone mockups using Photoshop, perfect for showcasing your apps, websites, or designs with a professional touch.

Logo Redesign

I create high-quality logo redesigns using Illustrator, crafting fresh concept designs that preserve your brand’s identity and elevate its visual impact.

Contact

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.

Portlaoise, Co.Laois
Sending your message...
Your message has been sent. Thank you!