Creative Industry
A production bilingual website built for Creative Industry, an Omani company producing industrial solutions and plastic packaging, pairing polished motion design with clear Arabic and English content for real customers.
A stronger hero that frames this project like a real case study instead of a plain information page.
Impact
Overview
Creative Industry was a real client engagement rather than a self-directed portfolio piece: an Omani company producing industrial solutions and plastic packaging needed a public website that felt credible to B2B customers in both Arabic and English.
The project shows a different side of my frontend work than course-style builds — working from a client's actual business needs, translating that into a bilingual content structure, and shipping a production site that had to look and perform like a real company's front door.
Problem
The client needed a single site that reads naturally for both Arabic (RTL) and English (LTR) visitors, without feeling like a translated afterthought in either direction.
As an industrial and manufacturing company, the site also needed to feel established and trustworthy rather than templated, while still shipping on a realistic timeline.
Key Features
- Full bilingual support with proper RTL Arabic and LTR English layouts
- Dark and light theme options
- Fully responsive, mobile-first design
- Framer Motion, GSAP, and Three.js used for smooth animation and 3D visual accents
- Functional contact form wired up with Nodemailer
- SEO-conscious structure for a real public business site
Timeline
Mapped the client's services, product lines, and bilingual content needs for an industrial manufacturing audience.
Structured pages for company background, products, and contact flows that work cleanly in both languages.
Layered in Framer Motion, GSAP, and Three.js for a modern, credible industrial-brand feel.
Deployed the finished site to production on Vercel for the client to use publicly.
User Workflow
- Visitors land on a bilingual homepage that introduces the company, its industrial focus, and its product lines.
- They can move through service and product sections, read about the company's background and mission, and reach the team through a working contact form.
- Language and theme switches persist across the browsing session so the experience stays consistent as visitors explore.
Architecture
- Next.js 14 and React 18 provide the page structure, routing, and rendering strategy for a fast, SEO-friendly marketing site.
- Framer Motion and GSAP handle interaction and scroll-driven animation, while Three.js adds selective 3D visual detail without overloading the page.
- Nodemailer powers the contact form so enquiries reach the client directly by email.
Technical Focus
- Built a bilingual layout system that correctly mirrors direction, spacing, and typography between Arabic and English rather than just swapping text.
- Balanced animation-heavy sections (Framer Motion, GSAP, Three.js) against load performance and mobile responsiveness.
- Worked directly against a real client's content and brand requirements instead of a self-defined spec.
Challenges Solved
- Keeping layout, spacing, and visual rhythm consistent when the same components had to work correctly in both RTL and LTR modes.
- Introducing motion and 3D elements that feel premium without hurting performance on mobile devices.
- Translating a real client's industrial branding and product information into a clear, well-organized site structure.
Deployment
- The site is deployed to production on Vercel and used by the client as their live public website.
Outcome
Creative Industry demonstrates that I can take on real client work end to end: understanding a business's needs, building a bilingual production site, and shipping something a company actually uses to represent itself publicly.