I enjoy building websites for the fun and challenge of it

./About Me

Hi! I'm Mikel. I live in El Maresme, Barcelona province. I’ve always been fascinated by technology and the creative possibilities of the web. For me, building websites is both a mental exercise and a way to bring ideas to life—sometimes just for the fun of it, sometimes to see how far I can push myself to learn something new.

I enjoy experimenting with code, design, and new tools. My approach is guided by usability, simplicity, and clarity, but I also like to play and try things out, even if the result isn’t always perfect. I believe that every project, big or small, is a chance to learn and improve.

While I’m not a full-time web developer, I take pride in crafting sites that are intuitive and enjoyable to use. This portfolio is a collection of my personal experiments and learning journeys—if you’re curious too, or just want to chat about web stuff, feel free to connect!

./The Technologies I Use

In my web projects, I focus on crafting experiences that feel clear, engaging, and purposeful. I like designing interfaces that guide the user naturally, where form and function complement each other.

My process blends visual design, interaction, and usability. I enjoy exploring how subtle details —timing, rhythm, layout, or hierarchy— can shape how people perceive and use a product.

I also hold the Google UX Design Certificate, which has deepened my understanding of user-centered methodologies and accessible design. This background allows me to approach each project from both a creative and analytical perspective, ensuring the final result feels intuitive and meaningful.

./Projects

These are some of the web projects I've built for fun, learning, or just to see if I could. Each one taught me something new and gave me a chance to experiment with different ideas and technologies.

Socratika: Chat With History's Greatest Minds

A digital Agora for intellectual exploration, built with Next.js, React, and TypeScript. Users can engage in enlightening conversations with history's greatest minds, brought to life by AI (Google Gemini).

It features a multilingual interface, user accounts for personalized experiences, and real-time chat functionalities powered by Firebase, all elegantly styled with Tailwind CSS & Shadcn/ui.

View Project

Confessio: AI Digital Sanctuary

An anonymous sanctuary for reflection, built with Next.js, React, and TypeScript. Users can share their thoughts and receive spiritual guidance generated by an AI (Google Gemini).

It features a multilingual UI, smart content categorization, and an interactive "Wall of Intentions" powered by Firebase, all styled with Tailwind CSS & Shadcn/ui.

View Project

Bitcoin History

This project is an interactive data visualization that chronicles the history of Bitcoin's price. Using D3.js, it presents a detailed chart with features like logarithmic and linear scaling, zoom capabilities, and categorized historical events.

The application is built with modern frontend technologies (HTML, CSS, JavaScript, and Bootstrap), supports multiple languages, and includes a light/dark theme, offering a comprehensive and engaging user experience for exploring Bitcoin's financial journey.

View Project

Party Invitations

A responsive invitation generator built with vanilla JavaScript, HTML5, and CSS3.

Features live customization, background search via the Unsplash API, and multiple export options including PNG, shareable links, QR codes, and .ICS calendar files.

View Project

When Lambo

"When Lambo?" is an interactive web application that allows users to determine their Lamborghini-buying potential based on their Bitcoin holdings.

The app features real-time price data via the CoinDesk API, supports multiple fiat currencies, and is designed with a humorous, engaging tone for the crypto audience.

View Project

PulseRoots: Interactive Electronic Music Genre Explorer

PulseRoots is an interactive, single‑page web app that visualizes the landscape of electronic music genres. Built with D3.js for dynamic tree/treemap structures, it lets users explore major families (like Ambient, Techno, House) and their subgenres.

Featuring responsive HTML/CSS design, detailed genre info panels, and embedded Spotify previews, PulseRoots offers both an educational and immersive musical journey. Technologies used: modern JavaScript (ES6+), D3.js for visualization, Spotify Web Embed, responsive layout.

View Project

New Contemporary Photography

A single-page application that connects to the Flickr API to display random photos from a photography group.

Built with vanilla JavaScript, it features a fully responsive layout, smooth CSS animations, and a dark mode toggle.

View Project

Drake Equation Visualizer

An interactive single-page web app that illustrates the famous Drake Equation, which estimates the number of communicative extraterrestrial civilizations in our galaxy.

Built with HTML, CSS, and JavaScript, the site lets users adjust parameters and instantly see how each factor influences the final result, combining science outreach with a clean, responsive design.

View Project

./UX Case Studies

UX Case Study: MarsConnect

This project focuses on designing an onboarding app for future Mars colonists, aiming to guide users through essential procedures to adapt to their new life on the planet. The app also offers personalized recommendations and events to foster integration into the first Martian colony.

UX Case Study: Design Forward Summit

This project involves designing a web platform to facilitate the nomination process for a design conference, making it more intuitive and accessible. The goal was to simplify navigation, improve submission confirmations, and ensure a smooth user experience.

UX Case Study: Guardians of the Polecat

The 'Guardians of the Polecat' project is an interactive platform designed to raise awareness about the conservation of the European polecat. Through a mobile app and a responsive website, it allows users to report sightings, participate in volunteer events, and symbolically adopt this endangered species.

./Contact

Thank you for visiting my portfolio. I look forward to the opportunity to collaborate with you and create unique digital experiences in the future. Write to me through this form and... Let's get started!