YPLI - Pet Shop and Clinic System

Tech stack

1. PHP - Laravel

2. CSS - Tailwind CSS

3. JavaScript - jQuery

4. DBMS - MySQL

Role

I was the tech lead who define all the project requirements and manage the server.

Challenge

This project has several phase, and this one is the landing page phase.

At the time, YPLI does not have their own landing page, so when the customer open the website, they will directed to the login page. Because of this, they do not have place to inform their customer for FAQ, and lots of them ask through the chat. This activity will cause an inefficient process communication to the customer.

YPLI already has their own site, therefore we will have to add this page to the existing repository.

Solution

We continue the existing repository code, which already use Laravel 8. But since we will add custom designed page, we won't use the existing Bootstrap template because the load is pretty heavy, therefore we will use Tailwind which already included the purge function, the size of the CSS file will relatively small.

We have a teammate named Bagus, he is the designer of this project. I implemented the website based on his design, pixel-perfectly. For server, we will continue using the existing server.

Based on problems defined above, and to avoid unnecessary administration task, such as reply to the same customer's question over and over again, we build dedicated page for the FAQ. The administration will manage it using Contentful as the CMS.

Other information that included in this landing page are:

1. Promotion / Event

2. Services

3. Branch location

4. FAQ

5. Contact us for email

6. About us, the story behind YPLI

This project will have update in the future, but I will separate it into another project since this phase is done. Below is the result of work for the landing page.