Project case study
E-book Commerce & Paystack Checkout
An e-book storefront with product pages, responsive checkout, and an integrated Paystack payment flow.
I built an e-commerce website that connects an author’s public presence with the practical steps of buying an e-book: discovering the catalog, choosing a title, entering checkout information, and paying through Paystack.
My work covered the storefront and the payment integration, alongside the responsive product and checkout interfaces. The focus was a usable purchase journey across desktop, tablet, and mobile.
From product discovery to checkout
The site connects landing pages and book pages to a checkout flow. Those pages have different responsibilities: the landing page introduces the author and catalog, the book page gives the buyer product context, and checkout collects the information needed to continue the purchase.
I handled both the website implementation and the purchase interface. The portfolio includes the landing page, a tablet book page, and a mobile checkout form, showing the same commerce journey across multiple screen sizes.
Paystack payment integration
I integrated Paystack into the purchase flow so buyers could move from the storefront into payment. This made the project a commerce application with a third-party integration, rather than a catalog of static book pages.
The important application boundary is the handoff between the site’s checkout and the payment provider. Product selection and checkout context need to remain understandable to the buyer as they move into that external payment step.
Responsive product and form interfaces
I implemented layouts for desktop, tablet, and mobile, including the checkout form. The narrower experience still needs to make the selected book, required information, and next action clear without the space available on a desktop page.
This work combines frontend implementation with an external payment integration: the product pages establish what is being purchased, while the checkout carries the user through the transaction journey.
