This stage began with discussions about the client's requirements, where I provided several inspirations for the landing page design taken from references on Dribbble and selected the necessary assets to present to the client. At this stage, we also determined the required pages to be displayed, the website’s color scheme, and the content to be showcased.

After completing the discussions on the website’s requirements, we negotiated the project timeline and the cost needed for its development. In this stage, I also determined the technologies to be used. The chosen stack was Laravel with PHP, React with TypeScript, and Inertia Js, as these technologies are sufficient to build a professional landing page while keeping production costs affordable.

Website design was created using Figma, consisting of 5 pages: Landing Page, About Us, Services + Detail, Articles + Detail, and Contact Us. The design process took 1 week, and at the end of the design stage, a presentation was conducted with the client to showcase the design results for development and to gather feedback for any revisions. The content used during this stage was still dummy text, while the client prepared the actual content in parallel.

After completing the website design phase, the project moved to the initial development stage. This began with setting up components and a design system for colors, buttons, cards, etc., using Shadcn UI. The work started with building a personalized Content Management System (CMS) to manage content for the landing page, portfolio, and articles. The CMS development took 2 weeks, with its color theme aligned to the Deinony landing page.

Next, the development continued with the Landing Page along with other pages whose data was dynamically fetched from the CMS. The Landing Page development took 1 week, including the addition of content provided by the client. At this stage, SEO optimization was also implemented, and the design was made fully responsive so that both the landing page and CMS could be accessed seamlessly on desktop, tablet, and mobile devices.

Testing was carried out in parallel during the development phase. Bug fixes were also performed during development whenever issues or content typos were found.

The client was invited to a meeting for the final presentation to showcase the completed website. At this stage, the client could provide final feedback for minor revisions if something was deemed unsatisfactory. In case of small revisions, an additional one to two days was allocated to finalize them, followed by another presentation. If the client was satisfied with no further requests, the process continued to the deployment and project hand-over stage.

After completing all revisions, the project moved to the deployment stage. I used a hosting service provider to handle the deployment process and also registered the sitemap on Google Search Console. Once deployment was completed, the next step was the project hand-over. The deliverables included design files, source code, and the required account credentials. Additionally, I provided insights and guidance to the client regarding the use of the CMS.

• Programming Language: TypeScript, PHP

• Framework: Laravel, React Js, Tailwind CSS

• Other Technologies: Inertia Js, Zustand, Zod, SEO Optimization

• Database & ORM: MySQL, Eloquent

• Components: Shadcn UI

• Design Tools: Figma

• Deployment: Web Hosting