HeySaladin - Web Design Revamp - Dark

{"type":"doc","content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"Saladin — A Passionate Digital Product Designer — this revamp puts the real designer front and center, replacing the mascot with the man behind the work."}]},{"type":"image","attrs":{"src":"https://farooq-agent.web.app/assets/images/works/large/pd/heysaladin-revamp-dark.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 (Dark)"}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","marks":[{"type":"italic"}],"text":"Personal Portfolio Website · Designer Profile · Dark Mode"}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"The most mature iteration of Adin's personal portfolio website — a full revamp that makes a decisive design shift: where earlier versions featured illustrated mascots and astronaut characters, this version puts Adin himself in the hero frame. A real photograph. Arms crossed. Confident."}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"The hero is built around presence: \"Hey, I'm Saladin — A Passionate Digital Product Designer\" in bold display type, with UX, UI, and UIx floating labels orbiting the designer's photo in a colorful gradient bubble — communicating both personal brand and professional scope in a single composed frame. The subtext defines the design philosophy: \"I design digital products by understanding the problem and finding the right solution using multidisciplinary knowledge such as research, visual design, good interaction, and also supported by a little coding & business knowledge.\""}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"The service cards below — User Experience, User Interface, User Interaction — map the three disciplines with clean dark card design and colorful icon badges, each with a concise description that communicates what each service actually involves."}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"The \"My Works\" portfolio grid follows immediately — DeliFood, Tammwel, and more projects visible — turning the portfolio site into a living showcase of the very apps documented across this portfolio session. Self-referential in the best possible way: the portfolio website contains the portfolio."}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"A designer profile that finally shows the designer — and trusts the work to speak for itself right below."}]}]}