
{"type":"doc","content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"I'm Designing Solutions for Human — HeySaladin's 2019 portfolio website is where the designer's mascot first stepped into the frame, waving hello to the world with a yellow \"Let's Go!\" button."}]},{"type":"image","attrs":{"src":"https://farooq-agent.web.app/assets/images/works/large/heysaladin.jpg","alt":null,"title":null,"width":null,"height":null}},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","marks":[{"type":"bold"}],"text":"Web Design — HeySaladin"}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","marks":[{"type":"italic"}],"text":"Personal Portfolio Website · UI/UX Designer & Frontend Developer · 2019"}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"The original iteration of Adin's personal portfolio website — HeySaladin — photographed live on a MacBook in a real workspace, hands on the keyboard, the designer visibly present in his own presentation."}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"The hero delivers the same professional declaration as its successor: \"I'M DESIGNING SOLUTIONS FOR HUMAN\" in bold, heavy display type — the same mission statement, the same three-discipline subtext (user experience research, user interface design, frontend development), the same direct confidence. What differs is the visual language and the era."}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"Where the later HeyHeySaladin features the Adinstronaut in a purple cosmos, this version introduces an earlier mascot iteration — a chibi-style character in a black cap and dark outfit, waving with casual energy, floating in the same dark background scattered with geometric shapes. The character is more grounded, more street-level, less cosmic — a designer who has arrived and is ready to work, rather than one exploring the universe."}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"The yellow \"Let's Go!\" CTA — warm, energetic, and distinctly different from the purple \"Let's Talk\" of the later version — communicates the momentum of a designer in his earlier career: eager, direct, moving."}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"The dark/light mode toggle on the left edge confirms the technical craft that goes beyond visual design. The HeySaladin gold script wordmark centered at top is consistent across both iterations — the signature that has remained even as the character around it evolved."}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"Copyright HeySaladin 2019 — the timestamp of a designer who was already building his identity before the industry caught up."}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"An earlier self-portrait from a designer who has always known exactly what he wanted to say — and kept saying it better with every iteration."}]}]}
Tech Stack
Tags
Completed
October 2019
Project Scale
short Project