Case playbackWeb application case study
North Star Consultancy
A bilingual consultancy and learning platform connecting program discovery, enquiries, enrollment, and a client portal.
- Role
- Product & Full-Stack Engineering
- Field
- Professional training & consultancy
- State
- Live
Project playback
One product.Four decisive moves.
I designed and built a bilingual platform for North Star Consultancy & Training, bringing program discovery, advisory services, thought-leadership content, enquiries, secure enrollment, and a client learning portal…
Signal 01
Need
North Star needed to present consultancy services and a growing training catalogue in two languages while supporting very different journeys: discovering a program, requesting tailored advisory work, enrolling, and returning as a…
Signal 02
Move
The finished platform gives visitors clear paths into six consultancy capability areas and eight signature training programs. Search, filters, detailed learning outcomes, delivery options, enquiries, and WhatsApp reduce friction before enrollment, while…
Signal 03
Build
Next.js and Supabase connect the public site, content model, authentication, and role-aware portals. Stripe supports payment workflows, while reusable bilingual components keep English and Arabic content aligned across marketing, learning, and administration…
Signal 04
Shipped
A unified service and learning platform. Clearer program comparison. Infrastructure for continued growth.
Build field
The work, exposed.
I led product structure, experience design, bilingual interface work, and full-stack implementation. I connected public discovery, detailed program content, enquiries, authentication, enrollment, learning progress, payments, and administration into…
Owned end to end
- 01Product architecture and user journeys
- 02Bilingual English and Arabic UX
- 03Responsive interface design
- 04Full-stack Next.js development
- 05Authentication, portal, and payment integration
- 06Content, enquiry, and administration workflows
Program discovery
Search, filters, sorting, result counts, program cards, and structured detail pages help visitors compare topics, outcomes, and delivery…
Bilingual product system
Shared components support English and Arabic content with complete right-to-left behavior rather than a mirrored afterthought.
Client and operations layer
Authentication, enrollment, payments, learning progress, enquiries, and administration extend the experience beyond the public website.
Technology
- Next.js
- React
- TypeScript
- Supabase
- Stripe
- Tailwind CSS
Proof of ship
What changed.
A unified service and learning platform
Consultancy, programs, resources, enquiries, and client access now share one coherent information and interaction model.
Clearer program comparison
Visitors can search and filter eight signature programs, then inspect learning outcomes and delivery choices before starting a…
Infrastructure for continued growth
Structured content, role-aware portals, payment records, and administration workflows give the product room to expand without fragmenting the…
Interface reel
Real screens. No mockups.
Case fileRole, full brief, and questions
My role
Product & Full-Stack Engineering
I led product structure, experience design, bilingual interface work, and full-stack implementation. I connected public discovery, detailed program content, enquiries, authentication, enrollment, learning progress, payments, and administration into a single product system.
- Built for
- Individuals, teams, leaders, and UAE organizations
- Location
- United Arab Emirates / Web
- Type
- Web application case study
- Case updated
Full brief
Need
North Star needed to present consultancy services and a growing training catalogue in two languages while supporting very different journeys: discovering a program, requesting tailored advisory work, enrolling, and returning as a client. The platform had to feel credible and calm without hiding the operational depth behind it.
Move
The finished platform gives visitors clear paths into six consultancy capability areas and eight signature training programs. Search, filters, detailed learning outcomes, delivery options, enquiries, and WhatsApp reduce friction before enrollment, while authenticated client and admin spaces support the work after that first decision.
Build
Next.js and Supabase connect the public site, content model, authentication, and role-aware portals. Stripe supports payment workflows, while reusable bilingual components keep English and Arabic content aligned across marketing, learning, and administration surfaces.
Questions, answered
What is North Star Consultancy & Training?
North Star is a UAE consultancy and professional-learning business focused on people, leadership, organizational development, strategy, and future readiness.
What did Zahra build?
Zahra designed and developed the bilingual platform, including program discovery, content and enquiry journeys, authentication, enrollment, payment foundations, client learning features, and administration tools.
Can visitors browse in Arabic?
Yes. The platform has dedicated English and Arabic routes with complete right-to-left layouts for Arabic content.
How are programs explored?
Visitors can search, filter, and sort the catalogue, then open program pages for learning outcomes, delivery information, and next steps.
Have a product that needs a real system?
Start a project