Hey, I'm Mario!

At Lincoln Center, I lead various landmark initiatives as part of a new in-house digital team, which inclduded the consolidation and re-building of 5+ festival microsites, a new global search feature, and a new monthly event calendar. Later, we also rebuilt the main website during the pandemic to shift its focus from live events to digital content, which included various new page templates, such as an on demand video section, and a custom account dashboard. I was solely reponsible for building the front-ends on these projects.

At the Lincoln Center, we undertook a major project to consolidate 5+ re-designed microsites, which were previously independently built, into the organisation’s main platform. This consolidation provided increased productivity for CMS users and more automation, reusability, and flexibility for our development tasks. The microsites adapted one of two similar designs – Mostly Mozart Festival is an example of the “card events” homepage design.

This is an online challenge that I completed to demonstrate my knowledge of some technologies that I hadn’t in other projects. The objective was to design and build a page that would display a card for an individual video, with its a title, description, thumbnail image, and video URL, which would load a player on click. All of the data were obtained from a JSON file. There were no wireframe or mock-ups provided. I used the Fetch API to read the JSON file, looped through the data to pull the necessary information and match it between arrays, and dynamically created the populated elements on page load. I also used Gulp to pre-process and optimise my JS, CSS, and images.

I designed and built the MTS Collective website with a focus on the various types of content and navigation that a reader typically wants to immediately access, including a clear news feed, exclusive content, and trending posts. The layout is designed to be intuitively navigated top-to-bottom with different elements clearly divided.

The website’s responsive design removes some secondary elements for a streamlined view and can also be saved to the iOS and Android home screens to run as a standalone web app.

I designed and built the NYC Eboarding website as an official one-stop landing page with links to various tools that facilitate connecting new and existing members. I was particularly mindful of visually showcasing the group’s events in an appealing, yet unobtrusive background video, which efficiently loaded on all devices, including those on mobile data connections.

The website also includes a Google map that I customised, which feeds off JSON data for various charge spots around the city that members submit via a Telegram bot.

Forever Boosted is a website that I conceived when one of my favourite companies, Boosted Boards, closed down as a resource hub to help the community maintain, customise, and repair their boards as the company could no longer provide any support. I designed and built the website to be clutter-free, but also pleasant to use, featuring page transitions and a persistent dark mode using the localStoage API. As the website is a non-profit project, to reduce costs, I hosted all of the assets on GitLab Pages, which also facilitates obtaining a domain SSL certificate.