PEEPA Website Redesign
Website Prototype - Modern, Minimalist & Brand-Focused
Presented by: AfroAgileSoft Team
Date: June 2026
PROTOTYPE-ACHIEVEMENTS
What We Did Well
Flip Cards Engaging, interactive, modern — great for explaining PEEPA's functions
Mordern WordPress Builder Clean code, responsive, easy to maintain
Popup Forms Better UX for "Contact Us" and "Search"
Typography Modern font stack (Overpass, Oswald, Montserrat)
Slider Section Dynamic hero area with multiple messages
Footer Social Icons Professional touch (Instagram, Facebook, TikTok)
1. BRANDING
The 60-25-10-5 Colour Rule
Corporate colours now occupy 40% of the home page.
60%
White
Backgrounds
White
Backgrounds
25%
Deep Maroon (#730C02)
Headers, footers
Deep Maroon (#730C02)
Headers, footers
10%
Dark Red - Evil Sunz Scarlet (#BF1B1B)
Buttons, CTAs
Dark Red - Evil Sunz Scarlet (#BF1B1B)
Buttons, CTAs
5%
Black
Body text
Black
Body text
Result: 40% of the page (25% maroon + 10% red) features PEEPA's corporate colours.
2. NAVIGATION
Same Structure, Better Colour
| Aspect | New Navigation |
|---|---|
| Menu items | SAME – No learning curve. PEEPA users do not have to start learning the new navigation, they are already used to it. |
| Colour usage | IMPROVED – Maroon #730C02 on white, red #BF1B1B hover |
| Visibility | CLEAR – Sticky, always accessible. The menu does not disappear when scrolling. |
Uses the old navigation but with improved colour usage.
3. SEARCH
Clear, Visible, At the Top
| Old Design | New Design |
|---|---|
| Hidden and buried | Top-right corner, clearly visible |
| Had to scroll to find it | Always accessible, one click away |
Search PEEPA
4. VISIBLE CTA
Outstanding from a Distance
| CTA Button | New Design |
|---|---|
| Search PEEPA | Top-right, red #BF1B1B button with search icon |
| Contact Us | Popup trigger, prominent, with envelope icon |
| Send Us an Email | Clear button with envelope icon |
Search PEEPA
Contact Us
COMPARISON
Before vs. After – Summary
| Element | New Design |
|---|---|
| Branding | 60% white, 25% Maroon, 10% Dark Red(Evil Sunz Scarlet), 5% black |
| Search | Top-right, always visible |
| CTAs | Outstanding from a distance, red accents with icons |
| Interactivity | Flip cards, popups, slider |
FINAL VERDICT
Conclusion
We kept what worked, improved what didn't, and added modern engagement features — following the 60-25-15-5 colour rule using #730C02 and #BF1B1B.
Thank you. Ready to view the live site?
Slide 1 / 8