Case Study

S&F Digital Portfolio, One Portal for Many Business Verticals

A premium corporate portal that consolidates investment inquiries, store requests and job applications for multiple business verticals into a single platform, built for S&F in Saudi Arabia.

My Role
Full-stack developer at S&F
Scope
Corporate portal, multi-part forms, UI library, Django REST integration
Audience
Investors, partners and applicants across S&F verticals
S&F Digital Portfolio, One Portal for Many Business Verticals

The Challenge

A group with several business verticals collects the same kinds of requests — investments, store openings, jobs — through scattered channels, and things get lost. The portal had to gather all of it into one place, with long multi-part forms that people actually finish, and a look that matches a premium brand.

  • Multiple verticals, one entry point
  • Long multi-part forms with real-time validation
  • Requests must reach the right business workflow
  • Premium brand feel throughout

The Approach

I built a modular UI library on React, TypeScript and Radix UI, animated with Framer Motion, so every vertical's pages compose from the same interactive components. Forms handle multi-part submissions with real-time validation, and everything lands in a Django REST API driving the business workflows behind the scenes.

  • Modular UI component library with Framer Motion
  • Robust multi-part form handling with real-time validation
  • Django REST API for the business workflows
  • Recharts-driven reporting views

What I Built

A single premium portal replacing scattered request channels.

  • Investment inquiries, store requests and job applications unified
  • Interactive component library reused across verticals
  • Validated multi-part submissions
  • Integration with critical business workflows

The Outcome

The portal consolidated multi-vertical request intake into one tracked pipeline — part of my ongoing full-stack work with S&F in Saudi Arabia.

  • One platform for every request type
  • Requests tracked instead of lost across channels
  • Built within a remote Saudi team

Technology Stack

ReactTypeScriptViteRadix UITailwindDjango

Have a project like this in mind?

Tell me what you are building and I will come back with a recommended scope, timeline and price.