Personal portfolio rebuild
Roshaan Sheikh
A product designer portfolio rebuilt as a refined editorial system for case studies, experience, speaking, community work, and recognition.
- Year
- 2026
- Type
- Portfolio
- Sector
- Product design
- Delivery
- Founder-led with Xsofty
- Website
- Visit live site
What needed to change
Preserve a substantial body of product-design work and professional history while replacing an aging portfolio structure with a clearer, more distinctive experience.
How we shaped it
Layered glass surfaces, precise typography, and source-grounded storytelling organize detailed work without reducing the portfolio to a standard showcase.
The brief
The problem beneath the request
Roshaan's previous portfolio held years of material: product case studies, a career across government, healthcare, fintech and SaaS, community programs and conference workshops. The rebuild had to keep that material intact, present it in her own terms rather than a stock portfolio layout, and make it easy to scan for anyone approaching her about digital transformation, product leadership, speaking or mentorship.
The direction
A visual system with a job to do
The site uses a playing-card motif as its organizing idea. Her practice is grouped into four suits: spades for strategy and transformation, hearts for people and community, diamonds for product and AI, and clubs for influence and delivery. The suit marks recur as section markers through the page. Around them the layout stays editorial, with large statements, numbered lists for experience and recognition, and case studies filtered by AI and dashboards, mobile, healthcare or marketplace.
The build
From interface to production
The site is built with Next.js. Each case study has its own page that opens with the overview, platform, challenge and her contribution, then sets out the research, users and flows behind the work. Speaking and mentoring engagements each get a field note page, and a separate About page holds her full biography. A résumé download and an email contact complete the site. SEO was part of the scope, and every page carries its own search title and description.
What improved
The result, in practical terms.
- 01A page for each case study, opening with the same four headings
- 02Case studies filtered by sector and platform
- 03Field note pages for speaking and mentoring work
- 04Career history and recognition set out on the homepage
In the client's own words
“Hamza took the time to understand how I wanted my work and personal brand to come across online. He did not force a generic layout onto the project. The website feels considered, easy to navigate, and much closer to how I wanted to present myself professionally.”
Roshaan SheikhUAE
Services
- Web Design & Development
- Brand & UI/UX Design
- SEO & Digital Growth
- Website Maintenance & Care Plans
Technology
- Next.js
- React
- TypeScript
- Vercel
- Responsive editorial layouts
- Filterable work system
- Technical SEO metadata