Maria Brió, professional portfolio
Certificates. Trainings. Degrees. We have a huge vested interest in them, partly because they are supposed to take us into this future we can't even grasp. I do not deny the inherent truth of it, though; a solid education is a pretty easy thing to carry around, yet our approach to it requires a deep reform. Similarly, the lack of educational and professional opportunities should be discussed and addressed, but that's a story for another night. Today, we'll focus on the importance of portfolios, which may significantly define our success while trying to find an opportunity.
On this occasion, similarly to many other examples that have become extremely popular these days, I decided to organize the portfolio and CV of Maria Brió Pérez following the structure of a landing page. This approach resulted in the following structure:
- About, a brief introduction displaying a profile picture, some crucial information, and some professional platforms and documents: LinkedIn, Orcid, her PhD thesis, or her curriculum.
- Skills, organized under the shape of an accordion in order to make information as accessible as readable.
- Experience, where you'll find her education and work experience, with the proper information displayed as a visual timeline.
- Articles, with a collection of her most recent papers, integrated as visually and interactively as possible.
- Contact, displaying her phone number, address, and a contact form.
As for some of the site's main features:
- Dark/light mode, with a theme switcher enhancing the visual appeal for readers.
- EmailJS, a tool that helps to send emails using client-side technologies only.
- Single page, enabling users to get a clear idea of her profile thanks to a clean, minimalist, and compact design.
- Swiper, allowing to display Maria's most recent works instead of simply listing them.
Built upon HTML, Sass, and JavaScript, I wanted to reproduce the cleanest, simplest, and most minimal platform for recruiters to find the outstanding professional (and human being) that Maria Brió is. Keep it simple. Keep it effective.
![Showcase image no. 1 for Maria Brió, professional portfolio](/_next/image?url=%2Fimages%2FMariaBrioPortfolio-01.png&w=3840&q=85)
![Showcase image no. 2 for Maria Brió, professional portfolio](/_next/image?url=%2Fimages%2FMariaBrioPortfolio-02.png&w=3840&q=85)