SuperPay Website
A marketing site to launch e&'s fintech entry into the Egyptian market
Company
e& Egypt
Role
Product Designer
Timeline
4 weeks
Team
2 Product Designers, PM, Developers
Overview
The public-facing SuperPay site needed to introduce e&'s fintech vision to small and medium businesses across Egypt, communicating credibility, payment solutions, and developer resources in one cohesive experience.
Research
Studying the market.
We audited regional and global payment providers. Hero promises, navigation patterns, who they speak to, and how much they show before the fold to see where SuperPay could differentiate and what merchants had come to expect.
Geidea
Paymob
Stripe
OPay
Information architecture
Mapping the surface.
Sign In / Start Now
Sign in for merchants (Mobile / Email + Password)
Merchant registration (Name, Email, Mobile)
Home
Header (logo, menu, login, language)
About SuperPay
Success partners
Our Solutions
- + 7 more
Our Solutions
Billing app
POS
Acceptance POS
Online Acceptance
- + 3 more
Company
About us
Careers (We are hiring)
News
Developer
Integration documents for merchant tech teams
Pricing
Standard rate on POS and Online
Ideation
From IA to wireframes.
Once the architecture was settled, we sketched the key pages end-to-end before any visual design. The wireframes locked the structure, navigation, and content density across the marketing surface.
Wireframes
Three representative pages from the wireframe set: the landing page, a product detail page, and the careers list.
The solution
Building a marketing site with clear payment solution sections, merchant testimonials, partner logos, developer documentation entry points, and pricing. Style guide and design system ensured consistency with the SuperPay dashboard and other e& digital products.
Home page
Hero, success partners, payment solutions, Why Super Pay?, What Next, merchants, exclusive offer, news, FAQ.
Acceptance POS page
Product hero, POS solution features, customer stories, supported payment methods, cross-sell CTA, FAQ.
Design system
Style Guides & Design System
In the process of designing the product, we created a series of visual styles comprising of colors, typefaces, and imagery. Moreover, we established a design system that consists of reusable functional elements, including components and interaction patterns. This system ensures that all digital products produced by the organization have a coherent and unified experience.
