Introduction
TIPCI pallets, a business who sell pallets to some of the biggest retailers in the world. They needed a website that matched their ambition to be the best pallet supplier in the UK. The site was developed with Next.JS and Supabase utilising the JAM stack (Javascript, API's, Markup).
The site boasts 3d rendering on the homepage along side API calls to the backend which fetch a list of the current companies they are working with and how they are helping them in a case study format.
I developed a full backend for scalability so that the team at TIPCI would be able to take online orders and manage them from an admin dashboard, ensuring that they are able to manage stock orders and be able to update the customer on the sale journey and update them every step of the way. The other thing we would be able to do is ensure that orders are only accepted from certain locations.
What was the problems?
Problem Statement
One of the main problems that TIPCI was facing was their old site was not scalable and it was not responsive or fast, they had load times which were over 10 seconds due to all of the unnecessary packages being installed and loaded, as a result of Wordpress, they were not also able to manage and update delivery as they wanted. They wanted a system similar to Deliveroo but for pallets.
What were the challenges?
Challenges
- Being able to create an interactive site but still keep a speed that means bounce rates were minimal
- Creating an admin dashboard which was easy enough for a "non-techy" team to utilise and thrive with
- Create a visually appealing design which people on both mobile and desktop were attracted to, which showed the brands quality as a whole
How we created their dream!
Process
- Idea - TIPCI had a clear idea of what they wanted for their site which we refined into a plan for launch and further updates with a clear focus on what was going to be the most important parts of their site.
- Design - Once we had nailed the idea, we started working through a Figma design which was going to match the idea that they had envisioned, once they were happy with what the final product was going to look like we moved on to the development stage.
- Development - Once the design is finished you have a clear idea of backend structure and from there we can start with backend structure development, then moving on to the front end and matching up the application to Figma design.
- Deployment - With the use of Vercel we were able to deploy the site to the web, we then took the custom domains that TIPCI had and attached them to the Vercel site
- Marketing - Following launch it is important to track what is and is not working in the site, we did this and noticed areas of improvement therefore we made the correct changes for SEO purposes and TIPCI have come out very happy.
