5d:I[333483,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/15s1ft4k9lx-7.js","/creators-assets/_next/static/immutable/chunks/0x8sumr53pdkk.js","/creators-assets/_next/static/immutable/chunks/3pud1dqsw0-_7.js","/creators-assets/_next/static/immutable/chunks/1m75iqpnspynu.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/3ohf-5_4hfjuq.js","/creators-assets/_next/static/immutable/chunks/2jjhfe7-w6y9a.js","/creators-assets/_next/static/immutable/chunks/325i2v5l4tnlq.js","/creators-assets/_next/static/immutable/chunks/0kisxyo3aw231.js","/creators-assets/_next/static/immutable/chunks/2b1mm8iiske-y.js","/creators-assets/_next/static/immutable/chunks/0i7m0zg6jfazw.js","/creators-assets/_next/static/immutable/chunks/3-hmotkz_bdv_.js","/creators-assets/_next/static/immutable/chunks/06bqtx1jsc1kz.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3naniu4pnqfyw.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/456d4lcv9-syj.js","/creators-assets/_next/static/immutable/chunks/36-o7-3julke0.js","/creators-assets/_next/static/immutable/chunks/2xq6uu2rcdc2i.js","/creators-assets/_next/static/immutable/chunks/2y9gv91n8o3i9.js","/creators-assets/_next/static/immutable/chunks/41i4r4u9uolgz.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/15q00pdqk0br3.js","/creators-assets/_next/static/immutable/chunks/293prjxu_wz0c.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/40oma2w708rd-.js","/creators-assets/_next/static/immutable/chunks/2x7-2b3jcc9x7.js","/creators-assets/_next/static/immutable/chunks/3_pg4jxj9aiiw.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js","/creators-assets/_next/static/immutable/chunks/3l2h8slpbzxqo.js","/creators-assets/_next/static/immutable/chunks/2xgtw4s-tlhet.js","/creators-assets/_next/static/immutable/chunks/3b306xa-3tb7g.js","/creators-assets/_next/static/immutable/chunks/2fvzgkzqkig_w.js","/creators-assets/_next/static/immutable/chunks/3g6klxxyg4m8-.js","/creators-assets/_next/static/immutable/chunks/0qx5rzvbsd7bx.js","/creators-assets/_next/static/immutable/chunks/1cphzzg2t2qo2.js"],"PostDetailCard"] 5e:T7d2,

Pack'N'Pay Business Website

Pack'N'Pay is building a commerce network that connects consumers, retailers, distributors and suppliers across Africa. I designed and built its business website in Framer to give the company a clearer digital presence and make its growing ecosystem easier to understand.

The website brings Pack'N'Pay's different offerings together under one brand, explains who each platform is for, builds trust through partner and customer proof, and creates clear routes for potential customers, suppliers and partners to take the next step. Pack'N'Pay

My approach

The main challenge was clarity. Pack'N'Pay serves very different audiences and has several products, so the site could easily become confusing.

I started by simplifying the information architecture and thinking about the website from the visitor's point of view: What is Pack'N'Pay? Who is it for? Which product is relevant to me? Why should I trust the company? What should I do next?

From there, I created a visual system that could present a growing business without making the site feel corporate or overloaded. I used strong typography, clear sections, product-led storytelling and intentional calls to action to move visitors through the page.

I then built the responsive website in Framer, creating reusable sections and components so the team can continue expanding the site as the business grows.

My role

Strategy · UX/UI Design · Information Architecture · Framer Development · Responsive Design · Content Structure

Working closely with the business also meant I could translate the company's product strategy into the website, making sure the way Pack'N'Pay presents itself matches how the wider product ecosystem actually works.

5a:[["$","$L5d",null,{"post":{"id":"01a0fe1d-cd81-717c-9a94-f1fddaffb01e","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"cd60f82e-c6b1-43b6-8beb-d0abc20c574b","name":"Temi Niyi","slug":"temitope-niyi","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/234863/avatar-SFyuhX0ccL5pZfTjPZAGZSaQSNMjhL.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"17855","resolved":true,"title":"PacknPay","body":"$5e","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Pack'N'Pay Business Website","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Pack'N'Pay is building a commerce network that connects consumers, retailers, distributors and suppliers across Africa. I designed and built its business website in Framer to give the company a clearer digital presence and make its growing ecosystem easier to understand."}]},{"type":"paragraph","content":[{"type":"text","text":"The website brings Pack'N'Pay's different offerings together under one brand, explains who each platform is for, builds trust through partner and customer proof, and creates clear routes for potential customers, suppliers and partners to take the next step. "},{"type":"text","text":"Pack'N'Pay","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://packnpay.co/","target":"_blank"}}]}]},{"type":"customHeading","content":[{"type":"text","text":"My approach"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"The main challenge was "},{"type":"text","text":"clarity","marks":[{"type":"bold"}]},{"type":"text","text":". Pack'N'Pay serves very different audiences and has several products, so the site could easily become confusing."}]},{"type":"paragraph","content":[{"type":"text","text":"I started by simplifying the information architecture and thinking about the website from the visitor's point of view: What is Pack'N'Pay? Who is it for? Which product is relevant to me? Why should I trust the company? What should I do next?"}]},{"type":"paragraph","content":[{"type":"text","text":"From there, I created a visual system that could present a growing business without making the site feel corporate or overloaded. I used strong typography, clear sections, product-led storytelling and intentional calls to action to move visitors through the page."}]},{"type":"paragraph","content":[{"type":"text","text":"I then built the responsive website in Framer, creating reusable sections and components so the team can continue expanding the site as the business grows."}]},{"type":"customHeading","content":[{"type":"text","text":"My role"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Strategy · UX/UI Design · Information Architecture · Framer Development · Responsive Design · Content Structure","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Working closely with the business also meant I could translate the company's product strategy into the website, making sure the way Pack'N'Pay presents itself matches how the wider product ecosystem actually works."}]}]},"introduction":"","slug":"packnpay","author":{"framerUserId":"cd60f82e-c6b1-43b6-8beb-d0abc20c574b","name":"Temi Niyi","slug":"temitope-niyi","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/234863/avatar-SFyuhX0ccL5pZfTjPZAGZSaQSNMjhL.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cd60f82e-c6b1-43b6-8beb-d0abc20c574b/01a0fe11-75b8-7318-87d8-0c7ef49a97e4.jpg","metadata":{"tint":{"h":0,"s":0,"l":57},"width":3200,"height":2400}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cd60f82e-c6b1-43b6-8beb-d0abc20c574b/01a0fe11-91f0-771e-a816-f033ab21e5a3.jpg","metadata":{"tint":{"h":180,"s":8,"l":31},"width":3200,"height":2400}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cd60f82e-c6b1-43b6-8beb-d0abc20c574b/01a0fe11-a38d-75f4-b8f7-bf2bff6767f1.jpg","metadata":{"tint":{"h":0,"s":0,"l":57},"width":3200,"height":2400}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cd60f82e-c6b1-43b6-8beb-d0abc20c574b/01a0fe11-b0df-71ce-a783-c9896bd4071e.jpg","metadata":{"tint":{"h":0,"s":0,"l":58},"width":3200,"height":2400}}],"post":null,"createdAt":"2026-10-02T19:36:00.482Z","updatedAt":"2026-10-02T19:36:00.482Z","publishedAt":"2026-10-02T19:36:00.479Z","featuredAt":null,"approvedAt":null,"type":"site","attributes":{"url":"https://www.packnpay.co/","categories":[{"id":"ddd39099-5b17-42e0-b333-7b7c480a114f","name":"Business","slug":"business"}],"mainCategory":null,"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-02T19:36:01.153Z","updatedAt":"2026-10-02T19:36:01.153Z","reported":false}}],"$L5f"]

Suggested for you