© 2026 — Craxinno Technologies
A curated wall of brand, UI, and motion work — explore the shots we sketched, the systems we shipped and the small details our clients chose. Save a pin to start a conversation.
71
Shots Shipped67
Clients05
Disciplines493+
Impressions
Figma
Illustrator71 pieces — sorted by what we shipped last.
071shots
Web DesignThis AI platform UI design gives Wide Worlds a command center for building, styling, and managing AI-generated visual worlds and campaigns. The brief was to make a deep generative pipeline — worlds, campaigns, agents, styles, image studio — feel like one calm dashboard instead of a pile of tools. We designed a dark, image-forward interface where the artwork is the hero and controls stay quiet around it, so a creator can move from world overview to image generation without friction — see more web design work or explore our full design services . The Design Approach The direction is dark, minimal, and gallery-first: a near-black canvas, a slim left nav, and high-contrast white type that lets generated imagery carry the color. A persistent top bar holds world-switching and a credits balance, so context and budget are always visible. Cards, stat tiles, and image grids share one rounded language. Across every screen, the AI platform UI design keeps chrome minimal so the generated worlds — not the UI — hold attention. Pages We Designed The platform spans the full creation loop. A World dashboard shows a banner, key stats (active campaigns, images created, analytics), latest campaigns, and recent creations. A World Settings screen handles name, description, social links, and feed preview. A Campaigns grid lists every campaign with players, image counts, and status. A Styles playground pairs style config — concept weight, character, advanced settings — with a live image grid. An image Studio gives re-run, aspect ratio, upscale, caption, and meme-text tools around a single creation. Key Outcomes Surfaced The design keeps a complex tool legible. The top-bar credits counter and world switcher anchor every screen, so creators always know where they are and what they can spend. Stat tiles surface campaign health at a glance. The styles playground shows results beside controls, so tuning is immediate. The studio puts every edit action one click from the image. Each screen favors the output over the interface, which is the point of a creative tool. Built to Convert The result is a generative platform that feels powerful but never cluttered — image-first, context-aware, and consistent across world, campaign, and studio. A quiet dark shell, a persistent credit and world bar, and result-beside-controls layouts keep creators in flow. Built on a modern responsive stack with React , the dashboard scales cleanly from world overview to single-image studio. Want this kind of clarity for your platform or tool? Reach us at hello@craxinno.com or craxinno.com.
LogosThe Rounds logo design gives a modern tech brand a clean, confident "R" mark with built-in momentum. Rounds needed an identity that felt friendly, current, and instantly scalable as an app icon. We built a bold "R" monogram from a rounded square and an inner arrow, set beside a soft, rounded sans wordmark. A vivid mint green keeps the brand fresh and energetic; a deep near-black grounds it and keeps it versatile. The result is a mark that feels approachable yet capable, equally at home on a business card or an app tile. See more of our web design work for related brand systems. The Design Approach We led with warmth and structure. The Rounds logo design shapes the "R" inside a friendly rounded square, with a small arrow tucked into the counter to hint at motion, cycles, and forward progress — the "rounds" idea. We paired it with a rounded geometric sans so the wordmark echoes the mark's soft corners, keeping the whole system cohesive. A punchy mint green drives energy and stands out on light or dark surfaces, backed by black and white for flexibility. We proved the identity across stationery and monochrome placements. What We Delivered A complete primary identity. The build includes the rounded "R" monogram, a horizontal wordmark lockup, an idea-behind rationale, dark and light treatments, and stationery application mockups. Each variant preserves the same rounded geometry and mint-and-black logic across print and screen. Key Outcomes Surfaced The design feels modern and friendly at once: a rounded "R" with a subtle arrow reads as approachable but purposeful, ideal for a consumer tech brand. The soft corners and mint green give the identity a contemporary, energetic feel that pops as an app icon. Black and white treatments keep the mark flexible on any surface. Stationery applications prove the system scales cleanly from a favicon to printed collateral without losing character. Built to Represent For a tech brand, success is recognition and trust — users finding the product friendly and reliable. A rounded monogram, an energetic palette, and a cohesive system give Rounds a face that scales across web, app, and print. Explore our full design services to scope a custom brand identity for your product.
Website DesignsThis crypto trading bot landing page design gives FAPE a high-energy home for its AI-powered, meme-driven on-chain trading assistant and token airdrop. The brief was to fuse degen meme culture with a credible product pitch — ape mascots and big airdrop numbers up top, real trading-bot features and community proof below. We designed a dark, amber-accented page that leans into the meme without losing the utility, so a visitor goes from spectacle to "Connect Wallet" fast — see more web design work or explore our full design services . The Design Approach The direction is loud and crypto-native: deep black canvas, amber-gold accents, pixel and condensed display type, and illustrated ape characters that carry the brand's personality. A live airdrop counter and an Mcap star-tier progress bar anchor the hero with gamified momentum. Leaderboard tables, wallet panels, and feature cards keep the data legible against the dark shell. Across it all, the crypto trading bot landing page design balances meme spectacle with the trust signals a token launch needs. Pages We Designed The work spans a full single-page launch site plus a leaderboard view. A hero pitches the AI trading assistant with a primary Get Started CTA. An Mcap tier bar maps airdrop milestones from 1M to 100M. A live airdrop leaderboard ranks wallets by points, jeeted points, and airdrop amount, paired with a wallet allocation and referral panel. Below sit an AI chatbot showcase, Discord integration, balance-aware bot features, a "Why FAPE" benefits grid, and a closing Begin Your Journey CTA with footer. Key Outcomes Surfaced The design turns hype into action. The airdrop counter and star-tier bar create urgency the moment the page loads. The leaderboard plus referral panel gamify participation — climb the ranks, grow your share. Feature cards translate the bot's value (instant P&L, automated assistance, social trading) into plain benefits. A persistent Connect Wallet and repeated CTAs keep the conversion path short, so a curious visitor becomes a connected holder quickly. Built to Convert The result is a token landing page that sells a meme and a product at once — playful enough to share, credible enough to fund. A live airdrop counter, a gamified leaderboard, and benefit-led feature cards keep momentum toward Connect Wallet. Built on a modern responsive stack with React , the design scales cleanly from hero spectacle to footer. Want this kind of energy for your launch or product page? Reach us at hello@craxinno.com or craxinno.com.
App Store ScreenshotsThe Hootie event app design brings attendee profiles, tailor-made agendas, and real-time networking chat into one bright, friendly mobile experience built for members on the floor. Hootie runs busy multi-day events, so the app-store screens had to surface schedule, people, and connections at a glance. We designed a vivid blue interface with a playful owl mascot — profile cards, day-tabbed agendas, and an attendee chat directory — tuned for fast scanning and easy connection during a live event. The result is a mobile experience that feels approachable, organized, and genuinely social. See more web design work on our design wall, or explore full design services. The Design Approach The Hootie event app design leads with warmth and clarity. Each app-store frame pairs a bold headline with a real screen: an attendee profile with company, contact, and description, a day-tabbed agenda with stacked session cards, and a "seamless networking" attendee list with search and live chat. We used bright blue for energy, kept cards clean and rounded, and let the owl mascot add personality while agenda and chat stay easy to scan. A bottom tab bar keeps Scan, Leads, Chat, Account, and Agenda one tap away. Pages We Designed Core flows covered an attendee profile screen with photo, company, name, email, mobile, and description, an Agenda with day tabs (Friday, Monday, Tuesday) and stacked session cards, and a Seamless Networking attendee directory with name search, message previews, and a five-tab bottom nav (Scan, Leads, Chat, Account, Agenda). Together they map the full member journey — set up, plan, connect — each framed inside an app-store layout with a benefit-led headline stating the value up front. Key Outcomes Surfaced The screens position Hootie as friendly, organized, and social the moment a member opens the listing. Rich profiles make attendees discoverable; the tailor-made agenda keeps the day scannable; live attendee chat makes networking effortless. The bright blue system and owl mascot make the app feel approachable and premium, giving the store listing a clear, benefit-led narrative across every frame. Built to Convert The Hootie event app design is built to convert attendees into active daily users across the App Store and Play Store. Benefit-first headlines, a playful brand, and engagement hooks like chat, leads, and scanning push installs and repeat opens. Built in Figma for pixel-tight handoff, the screens stay sharp across device sizes, so Hootie shows up polished from the first store thumbnail to the final chat tap.
LogosThe luxury logo design for Avantik crowns a premium brand with an emblem of royalty and refinement. Avantik positions itself at the high end, so the identity had to feel regal, elegant, and aspirational. We built an ornate crown mark above a graceful serif wordmark, rendered in a rich magenta that reads as both bold and luxurious. The crown signals prestige and quality; the refined typography adds heritage and grace. The result is a mark that feels expensive and confident, at home on packaging, a boutique storefront, or a premium digital experience. See more of our web design work for related brand systems. The Design Approach We led with elegance and status. The luxury logo design centres a detailed crown — fleur-de-lis peak, scrolled flourishes, a balanced base — to signal royalty, achievement, and premium standing. We paired it with a bespoke serif wordmark whose flared terminals and soft curves feel couture rather than corporate. A vivid magenta gives the brand a confident, contemporary luxury feel that stands apart from predictable gold-and-black. We tested the mark over rich backgrounds and cityscape imagery to confirm it holds its presence across contexts. What We Delivered A complete primary identity. The build includes the ornate crown symbol, a stacked crown-and-serif wordmark lockup, a magenta-gradient presentation treatment, an idea-behind rationale, and a lifestyle application over cityscape imagery. Each variant preserves the same crown proportion, serif wordmark, and magenta logic across print and screen. Key Outcomes Surfaced The design signals premium instantly: a crown reads as luxury, quality, and aspiration in every culture, giving Avantik immediate high-end positioning. The refined serif adds heritage and grace, elevating the name beyond a generic mark. The bold magenta feels modern and distinctive, sidestepping cliché luxury palettes while still reading expensive. The mark holds its presence over both solid colour and photographic backgrounds, ready for packaging, signage, and screen. Built to Represent For a luxury brand, success is desire and status — customers feeling the brand elevates them. A regal crown, an elegant serif, and a confident magenta give Avantik a face that scales across web, app, packaging, and print. Explore our full design services to scope a custom brand identity for your business.
Website DesignsThis crypto conference website design gives a premier blockchain event a bold, high-energy landing page built to sell tickets. The brief was to make a Web3 summit feel global and credible — dark cinematic canvas, 3D crypto motifs, a live countdown, and a deep speaker and topic lineup that proves authority fast. We designed a system with multiple visual directions (purple-accent and lime-green variants) spanning hero, about, speakers, sponsors, and discussion topics, where event hype and ticket conversion carry equal weight — see more web design work or explore our full design services . The Design Approach The direction is premium and event-cinematic: a near-black canvas, smoky 3D bitcoin renders, glassy speaker cards, and a bold condensed display face that reads like a conference brand. A live days-hours-minutes countdown drives urgency from the hero down. Two accent directions — electric purple and high-voltage lime — let the brand flex tone. Across every section, the crypto conference website design balances Web3 edge with clear, repeated ticket CTAs. Pages We Designed The site spans the full event journey on a long-scroll landing page, in several variants. A hero leads with the event name, date, venue, countdown, and "Buy Tickets." An About block sets venue and scale (30+ speakers, 8000 attendees). A Speakers grid showcases twelve industry leaders with company tags. A Sponsors row carries partner logos, a Discussion Topics grid pairs each session with its speaker, and a closing countdown band repeats the ticket call to action. Key Outcomes Surfaced The design sells through urgency and proof. The repeating countdown turns "someday" into "before it sells out," while speaker headshots and named companies build instant credibility. The topics grid signals real substance, not just hype, and sponsor logos add institutional trust. Multiple accent variants let the organizer A/B a tone that converts. Every section funnels back to one action — buy a ticket — keeping the long page focused on revenue. Built to Convert The result is an event site that feels like a flagship Web3 summit and is engineered to fill seats — cinematic enough to share, structured enough to sell. Live countdowns, credible speaker proof, and repeated ticket CTAs keep hype and conversion working together. Built on a modern responsive stack with React , the design scales cleanly from countdown hero to sponsor wall. Want this kind of impact for your event or brand? Reach us at hello@craxinno.com or craxinno.com.
LogosThe Rizz logo design captures a young, electric brand that connects influencers and brands on a secure blockchain platform. Rizz is built for a creator audience, so the mark needed energy and edge without losing trust. We built a thunderbolt held inside a block form — lightning for the fresh influencer vibe, the block for safe, on-chain transactions — set beside a bold, rounded wordmark. A vivid mint green signals youth and momentum; a clean black keeps it grounded and modern. The result is a mark that feels current, confident, and a little bit charged. See more of our web design work for related brand systems. The Design Approach We led with energy and meaning. The Rizz logo design fuses three ideas into one symbol — a thunder bolt for the young, fresh influencer vibe, a block shape for the closed, secure blockchain environment, and angled hand-like forms for the connection between influencers and brands. A punchy mint green drives the youthful energy, balanced by a heavy geometric wordmark in black for confidence and legibility. We defined the mark on a construction grid for clean proportions, then delivered light and mono treatments so it holds anywhere. What We Delivered A complete primary identity. The build includes the thunder-in-block symbol, a horizontal wordmark lockup, a construction grid defining proportion and spacing, an idea-behind rationale documenting the thunder, block, and connection concepts, and a light-mode version. Each variant keeps the same bold geometry and mint-and-black logic across screen and print. Key Outcomes Surfaced The design reads young and trustworthy at once: a lightning bolt inside a secure block tells the whole story — fast creator energy, safe on-chain deals — in a single glance. The heavy geometric wordmark gives the brand confidence and instant legibility at any size. The mint-green accent feels native to a creator audience without being loud. A construction grid and idea-behind give the client a clean system and a clear rationale to defend the mark. Built to Represent For a creator-economy platform, success is credibility with both sides — influencers and brands trusting Rizz to connect them safely. A charged symbol, a youthful palette, and flexible variants give Rizz a face that scales across web, app, and print. Explore our full design services to scope a custom brand identity for your platform
Website DesignsThis healthcare website design for Vascular Surgery Associates presents a vascular and endovascular surgery practice to patients and referring physicians. We designed a compassionate, trust-first site that explains complex conditions simply and drives appointment bookings while keeping a warm clinical tone. The Design Approach A red-and-white palette echoes vascular imagery without feeling clinical or cold. Anatomical line-art arteries trace through the hero and section breaks, turning medical subject matter into brand texture. Generous whitespace, soft cards, and a calm two-tone scheme keep an anxious patient at ease. Real physician and patient photography keeps it human and credible. Pages We Designed The site spans a full practice presence. It covers the homepage, an about section, a meet-the-team specialists page, education and patient-portal entry points, a pay-online flow, condition explainers for peripheral artery, varicose veins, and aneurysms, a testimonials block, an offices locator, and a contact and booking section. Key Outcomes Surfaced Trust markers anchor the experience: board-certified specialist profiles, five-star patient testimonials, condition-specific education, and a secure patient portal. Emergency guidance and HIPAA-aware messaging signal a safe, responsible practice. Each section reinforces expertise meeting empathy. Built to Convert Persistent "Book an Appointment," "Get Started," and "Contact Us" CTAs guide every page. Condition cards funnel toward "Learn More" then booking; the offices map drives in-person visits. See more of our web design work or our design services . Built for stacks using tools like Webflow .
Website DesignsThis wellness website design for Healing Haus & Co presents a holistic-healing brand offering yoga, herbal medicine, and mindful consultation. We explored two homepage directions for the same brand — a calm, editorial green-led layout and a bolder, serif-driven concept with full-bleed nature imagery. Both feel grounded, natural, and human. The Design Approach A green-and-earth palette signals nature, calm, and healing. Elegant serif type carries a premium, editorial tone. Soft duotone photography of yoga, ritual, and nature sets a meditative mood. V1 leans structured and airy; V2 goes expressive with oversized "Balance / Healing / Mindfulness" typography and a marquee tagline. Two routes, one serene system. Pages We Designed The build centers on a full marketing homepage. It opens with a nature-led hero and rating bar. Shared sections include an About block, a values grid, a services section (yoga, herbal medicine, consultation), a "why choose us" grid, video testimonials, a contact form, and a social-media gallery. V2 adds a philosophy section and a community-join CTA. Key Outcomes Surfaced Trust markers sit high on the page: 4.9/5 rating, 2,000+ members, certified experts. Real testimonial cards with video add social proof. Every section reinforces a warm, credible wellness brand. Built to Convert Persistent "Start Your Reset," "Book a Free Consultation," and "Join the Community" CTAs guide visitors toward action. A contact form captures leads directly. See more of our web design work or our design services . Built for stacks using tools like Webflow .
LogosThe passbook logo design for ThePassbook.com shapes a warm, trustworthy wordmark for a finance-records brand. ThePassbook.com deals in financial history and statements, so the identity had to feel established, precise, and personal. We built an elegant serif wordmark with an opened-passbook vector tucked subtly into the ".com", so the mark quietly says what the product does. A rich brown grounds the brand in heritage and trust; navy and cream keep it credible and refined. The result is a mark that reads as safe, considered record-keeping at a single glance. See more of our web design work for related brand systems. The Design Approach We led with meaning and warmth. The passbook logo design uses a serif typeface to evoke records, ledgers, and printed books, reinforcing the brand's financial roots. A small opened-passbook shape sits inside the ".com" as a subtle, clever cue rather than a loud icon. We anchored the palette on a deep brown for heritage and stability, with navy for trust and a soft cream for warmth, then confirmed the lockup reads cleanly on dark and light grounds. Every choice supports a feeling of careful, human record-keeping. What We Delivered A complete primary identity. The build includes the serif wordmark with the opened-passbook ".com" detail, a why-behind rationale explaining the serif and passbook cues, and dark and light presentation treatments. Each variant preserves the same serif wordmark, passbook detail, and brown-navy-cream logic across print and screen. Key Outcomes Surfaced The design earns trust while staying distinctive: a serif wordmark signals financial heritage, while the hidden passbook in the ".com" gives the brand a memorable, ownable detail. The brown-and-navy palette feels warm yet credible, standing apart from cold corporate finance branding. The subtle mark keeps the identity clean and legible at small sizes. A documented rationale gives the client a clear story behind the serif choice and the passbook cue. Built to Represent For a finance brand, success is trust with warmth — users feeling their records are safe and the brand approachable. A record-evoking serif, a clever passbook detail, and a heritage palette give ThePassbook.com a face that scales across web, app, and print. Explore our full design services to scope a custom brand identity for your business.
LogosThe Dialogue AI logo design fuses two ideas — a message bubble and a megaphone — into one confident mark for an AI-powered civic feedback platform. Dialogue AI helps communities send comments and suggestions to school and district leadership, so the brand had to feel both trustworthy and vocal. We built a speech-bubble-meets-mic symbol paired with a clean geometric wordmark, splitting "Dialogue" and "AI" across navy and orange to separate the human and machine halves of the product. The result is a mark that says conversation and technology in a single glance. See more of our web design work for related brand systems. The Design Approach We led with meaning and contrast. The Dialogue AI logo design merges a message-cloud structure, which signals information and insight, with a mic-and-speaker form, which signals communication and broadcast — one symbol carrying both halves of the platform's purpose. A bold navy anchors trust and civic authority; a vivid orange marks the AI and adds energy. We set the wordmark in a rounded geometric sans for approachability, then delivered dark, light, and in-context variants so the identity holds on a navy hero or a white app header. What We Delivered A complete primary identity. The build includes the combined bubble-mic symbol, a horizontal and stacked wordmark with the navy-and-orange split, dark-background and light-mode versions, an in-product header application, and an idea-behind rationale documenting the message-cloud and mic concepts. Each variant preserves the same proportions and two-tone logic. Key Outcomes Surfaced The design communicates purpose instantly: the merged bubble-and-mic symbol reads as "conversation plus broadcast," exactly what a civic feedback tool does. The navy-orange split visually separates the human Dialogue from the AI engine, reinforcing the product story. Dark and light variants keep the brand consistent from marketing hero to in-app header. A documented idea-behind gives the client a rationale to defend the mark internally. Built to Represent For a civic-tech brand, success is trust and recognition — communities feeling heard and remembering who carried their voice. A meaningful symbol, an authoritative palette, and flexible variants give Dialogue AI a face that scales across web, app, and print. Explore our full design services to scope a custom brand identity for your platform.
LogosThe Conductor OS logo design builds a single orchestration mark from layered lines that resolve into the letter C, giving an AI-driven operating system a brand identity rooted in clarity and control. Conductor OS coordinates complex systems, so the mark had to read as structure, not decoration. We approached it as a construction study — showing how separate elements align, connect, then merge into one unified symbol. The result is an electric-blue identity that feels engineered, confident, and built for a product that manages moving parts. See more web design work on our design wall, or explore full design services. The Design Approach Every stage of the Conductor OS logo design was made visible, not hidden. Curved, layered lines gradually align to form the C — multiple elements coming together into a single structured identity. Circular dots then enter as control points and intelligence nodes, marking moments of coordination and decision inside the system. The final step merges all elements into one mark. The wordmark pairs a condensed, technical display face with the symbol, reinforcing an operating-system feel: precise, mechanical, and legible at any scale. What We Delivered The engagement produced a complete primary identity: the C monogram, the horizontal lockup with the Conductor OS wordmark, and a documented construction rationale. We supplied the mark on a saturated electric-blue field and in white for dark and light contexts, plus the reasoning behind each build stage so the brand can be extended consistently. Deliverables covered the logo presentation, the "idea behind" breakdown, and the final lockup ready for product, web, and deck use. Key Outcomes Surfaced The identity gives Conductor OS a mark that scales from favicon to hero without losing meaning. The monogram alone signals the brand, while the lockup carries the full name where space allows. The layered-C concept ties directly to the product story — orchestration, coordination, cohesion — so the visual and the value proposition reinforce each other. The condensed wordmark keeps the system feeling technical and premium across every touchpoint. Built to Represent The Conductor OS logo design is built to represent an AI orchestration platform across product UI, marketing, and investor materials. The condensed geometry and node motif carry the "control and coordination" idea into any surface — dark app shells, light docs, social avatars. Designed in Figma with vector refinement, the mark stays crisp from app icon to billboard, giving the brand one confident, ownable symbol.
Mobile AppThe church community app design brings prayer, events, a member marketplace, and parish news into one warm mobile home screen. Congregations stay connected between services through scattered group chats and bulletins, so the brief was to fold worship, fellowship, and everyday exchange into a single calm app. We designed a card-led iOS interface where a prayer request, an upcoming event, and a marketplace listing all sit a thumb-reach apart. A soft purple accent carries a spiritual, hopeful tone without feeling heavy. The result is an app that keeps a church family active and praying together all week. See more of our web design work for related mobile builds. The Design Approach We led with warmth and rhythm. The church community app design uses generous cards, rounded avatars, and a single purple accent so every screen feels personal, not corporate. The home feed stacks Prayer and Praise, Upcoming Events, Market, and Latest News in a scrollable rhythm, each section paged so members swipe through without overload. Status pills — Pending, Prayed — and clear like and reply actions keep social interaction obvious. A fixed bottom tab bar holds Home, Events, Directory, Ministries, and Market within constant reach. Pages We Designed Four core screens. The Home feed blends prayer cards, a dated event card, a marketplace preview, and a video news article. The Prayers & Praises screen opens on a scripture banner, then lists requests with prayed-counts, an "I prayed for this today" action, and threaded updates. Notifications stack prayer activity in a clean readable list. The Market screen offers Goods and Services tabs with Offering, Rent, Need, and Favorites filters plus seller avatars. Key Outcomes Surfaced The design makes participation effortless: a one-tap "I prayed for this today" turns silent support into a visible prayed-count that encourages more engagement. Card-based sections let a member scan the whole community in one scroll. The persistent bottom bar means worship, fellowship, and marketplace are always one tap away. Consistent avatars, pills, and accent colour give a feature-rich app a single calm voice instead of five disconnected tools. Built to Convert For a community app, conversion is weekly active members — people opening the app between Sundays. Tappable prayer actions, dated event cards, and a lively marketplace all create reasons to return. We build these apps on a modern React Native front end for smooth native scrolling and maintainable state. Explore our full design services to scope a custom community app for your organization.
Mobile AppThis gamified learning platform UI design turns soft-skills training into a quest-driven game called Atlantis, where empathy, coaching, and emotional intelligence level up like RPG stats. The brief was to make corporate learning feel like play — wrap real skill outcomes in characters, quests, points, and rewards so learners come back. We designed a neon-on-black game interface that holds the energy of a console title while keeping the learning content clear and trackable — see more web design work or explore our full design services. The Design Approach The direction is dark, glowing, and game-native: deep black canvas, emerald neon accents, soft glass panels, and a persistent HUD top bar showing progress, points, and settings. Every screen reads like a game menu — rounded glowing cards, high-contrast headings, and clear primary buttons. Across the flow, the gamified learning platform UI design balances spectacle with usability, so the interface entertains without burying the skill, time estimate, or learning outcome a user needs to see. Pages We Designed The platform spans the full game loop. A branded Welcome screen opens with logo and Play. A Select Character screen sets the narrative — stats for Attack, Speed, Defense, Damage, a character bio, and Enter Name. A module Welcome screen surfaces skills, a time estimate, and the learning outcome. A Quest grid lists quests with point progress, and a Quest Complete screen pays out points and an Empathy Pro badge. The persistent HUD ties every screen together. Key Outcomes Surfaced The design makes progress and reward impossible to miss. The HUD keeps points, percent complete, and currency visible at all times. Each module front-loads skills, time, and outcome before the learner commits. Quests show point progress on every card; completion screens make the reward and skill level-up explicit. The character layer adds stakes and identity, turning a training checklist into something a learner actually wants to finish. Built to Convert The result is a learning platform that earns repeat sessions by feeling like a game, not a course. Consistent HUD, clear quest progress, and tangible rewards keep learners moving through the skill tree. Built on a modern responsive stack with React , the interface scales cleanly from welcome screen to quest grid. Want this kind of engagement for your platform or product? Reach us at hello@craxinno.com or craxinno.com.
Web DesignThe MyWishKeeper document vault dashboard is a secure estate-planning platform built to store sensitive documents and control exactly who can see them. Families need one trusted place for wills, IDs, and medical records that the right people can reach in an emergency, so the brief was to make sharing feel safe, not scary. We designed a calm, trustworthy interface where granular access — Limited or Full — sits beside every person, and a single button sends a document the moment it's needed. Soft blues and clear lock states signal security at a glance. The result is a vault a family can actually rely on. See more of our web design work for related portal builds. The Design Approach We led with trust and clarity. The MyWishKeeper document vault dashboard pairs a light-blue calm palette with explicit lock icons, so security status is never ambiguous. People-with-access cards show name, relationship, and access level together, making permissions readable in one glance. A prominent Send Document Now action and a guided To-Do upload list reduce a stressful task to clear steps. We kept admin and user management on plain, scannable tables so an account owner can audit access without confusion. Colour signals meaning: red locks for limited, green for full. Pages We Designed Four core surfaces. The Home dashboard surfaces people with access, a send-document action, and a medical-document to-do list. The Admin and User listing pairs admins and users with sign-up dates, plus invite and delete controls. The User Management table adds searchable, paginated member lists. The User Detail view shows a single person's security level, access description, and an edit control for fine-grained permission changes. Key Outcomes Surfaced The design makes permissions impossible to misread: every access card and detail view states Limited or Full in plain language beside a colour-coded lock, so owners always know who sees what. A guided to-do list nudges users to upload the documents professionals actually request. Searchable, dated user tables keep a growing circle of trusted people easy to audit. One calm visual system across vault and admin keeps a sensitive product reassuring, not clinical. Built to Convert For an estate-planning tool, conversion is trust — users committing real documents because the platform feels safe. Explicit access levels, clear send actions, and guided uploads all lower the barrier to storing what matters. We build these platforms on a modern React front end for secure, responsive interfaces and maintainable state. Explore our full design services to scope a custom document-management dashboard for your team.
Showing 15 of 71 shots
