Carolinne Melo
— UI/UX Designer & Frontend Developer
I design user interfaces and build frontend code, focused on usability, visual hierarchy, and clear product experiences.
What I do
I design user interfaces and build frontend code, focused on usability, visual hierarchy, and clear product experiences. If you want to know more about my work, check out my online resume and project portfolio.
UI/UX Design
Focused on designing clear, usable interfaces for SaaS and web applications. I work with user flows, wireframes, and prototypes, thinking about hierarchy, spacing, and how people navigate a product. I’ve conducted user research with interviews and behavior clusters, and I use the Double Diamond framework to move from discovery to delivery.
Figma & Prototyping
Figma is my primary design tool. I create wireframes, high-fidelity mockups, and interactive prototypes. I also use ProtoPie for more complex interactions. My prototypes are built thinking about developer handoff — clean layers, consistent naming, and components that map to real code.
React & Next.js
Built fullstack apps with App Router, Server Components, and static generation. Used feature flags and vertical slice architecture for scalable development.
TypeScript
Write components and backend code with TypeScript, using type annotations and interfaces to catch errors early and keep code easier to maintain.
Tailwind CSS v4
I style projects with Tailwind CSS v4, using @apply and @theme for consistent layouts. I focus on keeping the design clean, responsive, and easy to adjust for different screen sizes.
HTML & CSS
Write semantic HTML and maintainable CSS, focusing on accessibility, clean structure, and responsive design. Use clear class naming conventions like BEM to keep styles consistent and easy to manage.
Node.js & Drizzle ORM
With Node.js, I have built simple REST APIs, organized the code using the repository pattern, and written basic tests with Node’s built-in test runner. I’ve also started working with Drizzle ORM to access databases in a type-safe way.
CI/CD & DevTools
Set up GitHub Actions to automate builds and deployments in personal projects. Used Docker to create consistent development environments.