[Saber Foundations]
Project Overview
Going from a high fidelity wireframe to a production-ready website. Saber Foundations, experts in their fields, had the design they wanted, waiting for a website to match. I set out to build a fast and reliable website that shows their customers they mean business.
Role
Frontend Developer
Stack
- Typescript
- Tailwind CSS
- SCSS
- PHP
- HTML 5
Building on the past
The Idea
Having already built templates, I noticed that some aspects of the templates could be simplified. They all have a similar structure with overlapping elements that could be automated. With this in mind, I started working on new plugins for PostHTML and ParcelJS.
Taking inspiration from the developers' philosophy at Vercel, I wanted to build on the idea of minimum effort tools with great defaults. Removing the need for tedious tasks and pushing for reusability.
Focus points
Developer experience
With several repetitive tasks, I wanted developers to avoid spending hours indulging in simple tasks, aiming at quick and efficient strategies to complete them.
Local development
By avoiding the need to upload the websites assets, developers can develop templates locally, resulting in quick iterations with a tolerance for errors.
Crossing the bridge
To see what a website would look like in a production environment, I wanted to mimic the internal workings of the CMS locally for quicker iterations.
Project showcase
(TapClick to zoom, drag to scroll)
Concluding notes
A proof of concept with influence
While not perfect, I managed to test a few concepts I had in mind without compromising the website's performance, resulting in a movement towards better development tools. Several projects contain some elements, making it the starting point for this new idea.