What we needed to solve
Preserve a substantial body of product-design work and professional history while replacing an aging portfolio structure with a clearer, more distinctive experience.
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
Explore the live experience
Visit website (opens in a new tab)
How we shaped the build
Layered glass surfaces, precise typography, and source-grounded storytelling organize detailed work without reducing the portfolio to a standard showcase.
Personal portfolio rebuild
A product leader's portfolio, organized as four suits of practice
Roshaan Sheikh is a digital transformation and product strategy leader working from Dubai across the MENAP region, with a background in UX and product design. Xsofty rebuilt her portfolio website, bringing her case studies, career history, community work, speaking and recognition into one site with a page for each case study and field note.
The brief
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 design direction
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
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
- A page for each case study, opening with the same four headings
- Case studies filtered by sector and platform
- Field note pages for speaking and mentoring work
- Career history and recognition set out on the homepage
Roshaan Sheikh screens
The whole page, on both screens
Full-length captures of the live website, on desktop and phone. Keep scrolling and each page runs through its screen.
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.
Markets we serve
Next project
A Studios
Interactive, architecture, 2026
