HeySaladin - Web Design Revamp - Light

{"type":"doc","content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"A Passionate Digital Product Designer — the light mode revamp of HeySaladin's portfolio opens up, breathes, and shows not just who Adin is, but exactly how he works."}]},{"type":"image","attrs":{"src":"https://farooq-agent.web.app/assets/images/works/large/pd/heysaladin-revamp.png","alt":null,"title":null,"width":null,"height":null}},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","marks":[{"type":"bold"}],"text":"Web Design — HeySaladin Revamp (Light)"}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","marks":[{"type":"italic"}],"text":"Personal Portfolio Website · Designer Profile · Light Mode"}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"The light mode counterpart to the dark revamp — same structure, entirely different atmosphere. Where dark communicates depth and intensity, light communicates openness, clarity, and approachability. Both are valid designer positioning; together they demonstrate range."}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"The hero is identical in structure: Adin photographed arms-crossed in a lavender bubble frame, UX / UI / UIx floating labels orbiting in purple and blue, \"Hey, I'm Saladin — A Passionate Digital Product Designer.\" in bold black display type with \"Designer.\" highlighted in purple. Two CTAs — \"Explore more\" and \"Watch Video\" — signal a richer content experience beyond the fold."}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"The service section below shifts in tone: \"Solving Problem Creatively\" — three discipline cards (User Experience, User Interface, User Interaction) on a clean white background with purple icon badges. The copy is more complete in this version, elaborating on each service's actual method."}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"The most valuable addition in the light version is the \"My Passionate Creative Work Flow\" section — a visual process diagram showing Discover & Define → Ideate & Prototype → Validate, with circular icons representing each phase. The process transparency is a strong portfolio differentiator: not just showing what was made, but how it was made. The Human-Centered Design methodology is explicitly named in the copy."}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"The portfolio left panel shows DeliFood and Tresnan projects labeled with their categories — confirming a full case study portfolio structure, not just thumbnail grids."}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"Two themes, one designer — the ability to switch between them says as much about the craft as any single project in the portfolio."}]}]}