Korner

Intro ↘

Challenges ↘

Launch a premium-feeling skincare marketplace that merchandises a wide attribute-heavy catalog without overwhelming shoppers—while giving ops a CMS, payments, RBAC, and analytics that keep inventory and campaigns honest at scale.

Beauty SKUs explode across brands, concerns, and claims; navigation, filters (brand, price, rating), and category trees must stay fast and trustworthy on real devices.
Merchandising is continuous—hero campaigns, “new & trending,” confidence-led storytelling, and product grids need CMS control without developer bottlenecks.
Checkout must support the payment mix customers expect in-market (cards, wallets, Apple Pay) without fragile one-off integrations per channel.
Catalog data is relational-heavy: products, suppliers, categories, subcategories, and attributes must stay consistent between admin authoring and storefront rendering.
Teams need governance: roles bundle permissions so only provisioned staff touch pricing, suppliers, sensitive settings, or customer data.
Authentication, fraud, and abuse resistance matter for retail peaks—2FA posture, local credentials, bounded sessions, and rate limits with cooldown feedback mirrored server-side.

Technologies ↘

Solution ↘

Delivered a Nuxt/Vue (TypeScript, Pinia) storefront and admin CMS on Laravel with Vuetify—multi-gateway checkout, RBAC, rich CMS (products, suppliers, taxonomy, attributes), drag-and-drop media, and operational analytics.

Deliverables:

Implemented Figma-driven admin CMS and customer storefront UX—including responsive layouts, promotional sections (e.g. hero and “Get your Confidence Back” style campaigns), category hubs, and product discovery grids aligned with Korner.ng.
Built storefront filtering and merchandising patterns reflected on the live site: brand, price, and rating filters; rails for new/trending, featured, top-rated, and top-selling inventory.
Integrated multiple payment channels (Paystack, Opay, Flutterwave, Apple Pay) so checkout matches regional and premium-wallet expectations.
Implemented role-based access: permissions are grouped into roles and enforced for pages, functions, and CMS-backed content on client and server.
Shipped authentication hardening—verified email and password sign-in at korner.ng/auth/login with registration and forgot-password flows, session limits, optional OAuth paths where the product enables social sign-in, and 2FA-ready posture for sensitive accounts.
Delivered CMS workflows with simplified steps, dynamic content, drag-and-drop image selection, and commerce primitives for products, suppliers, categories, subcategories, and attributes.
Added operational reporting: charts (including custom charts), date selectors, progress summaries, and spreadsheet exports for catalog, orders, and growth decisions.

Impact:

Customers discover curated skincare and grooming faster with filters and editorial rails instead of endless scrolling.
Operators scale catalog and campaigns through the CMS instead of redeploying the storefront for every merchandising tweak.
Finance and trust improve when payments and permissions are consistent, observable, and exportable for reconciliation.