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.