Graphic Design Projects in AgraGraphic Design Projects in Agra
Cover image for Here is my entry for
Here is my entry for #wonderchallenge I built TokenTracker TokenTracker is a B2B SaaS concept for production AI teams. It helps them understand model spend, routing, latency, and prompt-level usage in one place, so they can see where costs are coming from and make better decisions about which model to use to reduce cost and increase efficiency. It solves a common problem for teams shipping AI features: once they start using multiple models, it becomes hard to tell why costs are rising or which requests are driving the bill. This app brings that visibility into a single, clear product experience. I built it as a high-fidelity multi-page design project all in Wonder. I first defined the product direction, narrowed the idea to what could be built and currently possible in Wonder, created the design system and branding foundation, and then designed each page section by section using Wonder’s tools and chat keeping brand consistency across the pages . The final result is a polished concept that feels close to production. For the app I have built following pages — Home page Pricing page Documentation page User Dashboard Project Link https://app.wonder.so/asif-raeen/files/019f2b3f-bdd7-76e3-a6af-b7d2963a31e9 (https://app.wonder.so/asif-raeen/files/019f2b3f-bdd7-76e3-a6af-b7d2963a31e9)Product Walkthrough https://app.usebubbles.com/wyPwxqhPTXX4UmUmYoUKcR/token-tracker-product-walkthrough (https://app.usebubbles.com/wyPwxqhPTXX4UmUmYoUKcR/token-tracker-product-walkthrough)X post link https://x.com/asifraeen_/status/2073718478125809781?s=20 (https://x.com/asifraeen_/status/2073718478125809781?s=20)LinkedIn post link https://www.linkedin.com/posts/asifraeen_wonderchallenge-ugcPost-7479486155676078080-NPfr/
0
32
Cover image for DIGGS — The Unseen Hero
DIGGS — The Unseen Hero of the Underground I developed the core concept myself and used AI as a creative partner to refine, iterate, and expand the idea into a complete brand identity. What is DIGGS? DIGGS is the brand mascot for an underground construction and utility company. It embodies the people who work beneath our feet—building, maintaining, and protecting the essential infrastructure that keeps cities moving. Inspired by their resilience, teamwork, and challenging work environment, DIGGS is confident, dependable, and approachable, turning unseen underground work into a proud and recognizable brand identity. Why a Mole-Rat? The mole-rat wasn't chosen because it looks cute—it was chosen because it belongs underground places. Its ability to thrive in dark, confined environments mirrors the daily reality of underground construction crews. By making an overlooked animal the face of the brand, DIGGS shines a light on the unseen professionals whose work quietly keeps cities running.. Assets Created To build a complete and consistent brand identity, I created following assets: Mascot turnaround — DIGGS illustrated from four different angles with a consistent character identity. Social media campaign — A four-slide educational carousel and a branded office poster. Sticker packs — Two sticker collections featuring DIGGS in different poses and expressions, along with the company logo and 4. favicon. Vehicle branding — Two branded company vehicles demonstrating real-world application. Merchandise — Four work-related branded products (workwear and gear), including realistic retail packaging. Promotional content — A hero scene of DIGGS at work, later used as the basis for a short animated introduction video. Additional illustrations — Two cinematic scenes showing DIGGS working inside underground tunnels. Creative Workflow Concept Development: I first brainstormed the mascot concept independently, defining the brand story, personality, audience, and purpose. This led to the idea of DIGGS, a mole-rat representing underground workers. Character Design: After researching the characteristics of mole-rats and the construction industry, I wrote detailed prompts and used Recraft Exploration mode to generate multiple mascot concepts. From the initial concepts, I selected the strongest design as the official mascot. Character Consistency: Using the selected mascot as the master reference, I generated turnaround views from multiple angles to establish a consistent character model. Brand Identity: I designed a custom DIGGS wordmark and favicon in Recraft V4.1 Vector, creating a unified visual identity for the brand. The mascot reference images, logo, and favicon became the core brand assets for the project. I used them as locked references in every prompt to keep DIGGS visually consistent across all outputs, including marketing materials, merchandise, packaging, promotional illustrations, and other brand applications. This ensured a unified and recognizable identity throughout the entire project without losing the identity. Project Link: https://www.recraft.ai/project/144238a8-2ebb-4b72-9b58-eb71d9ef7907 (https://www.recraft.ai/project/144238a8-2ebb-4b72-9b58-eb71d9ef7907)Project Walkthrough: https://app.usebubbles.com/jK95KRzqr7auxHaJU3etaT/recording-jul-02-2026 (https://app.usebubbles.com/jK95KRzqr7auxHaJU3etaT/recording-jul-02-2026)X post: https://x.com/asifraeen_/status/2072668838144131075 (https://x.com/asifraeen_/status/2072668838144131075)LinkedIn post: https://www.linkedin.com/posts/asifraeen_excited-to-share-diggs-a-brand-mascot-i-ugcPost-7478435820924755969-oyT1/
2
1
142