
{"type":"doc","content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"Clean lines, editorial confidence, and a product grid that sells itself — ProGad is a clothing website that looks as good as what it sells."}]},{"type":"image","attrs":{"src":"https://farooq-agent.web.app/assets/images/works/large/progad.jpg","alt":null,"title":null,"width":null,"height":null}},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","marks":[{"type":"bold"}],"text":"Web Design & Development — ProGad"}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","marks":[{"type":"italic"}],"text":"Clothing E-Commerce Website · Fashion Retail · Freestyle Apparel"}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"A polished fashion e-commerce website for ProGad — a clothing brand positioned around \"Exclusive Products\" and freestyle apparel — presented across a dual-monitor development mockup that reveals both the hero experience and the product catalog in a single composition."}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"The hero section on the left monitor is confidently editorial: a full-bleed, soft-lit fashion photograph of a young couple in casual, contemporary clothing fills the entire viewport. \"EXCLUSIVE PRODUCTS\" is overlaid in wide-spaced uppercase lettering — restrained and premium — with a minimal \"LEARN MORE\" CTA beneath. The PROGAD wordmark sits in the navigation with quiet authority, and the overall composition communicates a brand that trusts its photography to do the selling."}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"The right monitor reveals the product catalog — \"LATEST PRODUCTS\" — organized in a clean six-item grid of apparel photography on pure white backgrounds: t-shirts, outerwear, and accessories displayed with the clinical precision of a well-run fashion store. Category labels and pricing sit beneath each item in a readable, minimal typeset. The header navigation (HOME, INFORMATION) is sparse and purposeful."}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"The warm desk environment — wooden surfaces, a Maneki-neko lucky cat figurine, a notebook and pen — grounds the developer's workspace in creative personality, adding human context to what is otherwise a technically precise web project."}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"A fashion website that demonstrates both frontend development skill and genuine understanding of how clothing brands need to feel online — aspirational, clean, and shoppable."},{"type":"hardBreak"},{"type":"hardBreak"},{"type":"hardBreak"},{"type":"text","text":"23/05/2019"}]},{"type":"horizontalRule"},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","marks":[{"type":"bold"}],"text":"Outfit Style"}]},{"type":"paragraph","attrs":{"textAlign":null}},{"type":"image","attrs":{"src":"https://hyperfantasy.web.app/assets/images/portfolios/984b5efb-cdb7-441f-8e2c-72caecca6da0/outfit_style.png","alt":null,"title":null,"width":null,"height":null}},{"type":"paragraph","attrs":{"textAlign":null}}]}
Tech Stack
Tags
Completed
January 2026
Project Scale
short Project