How to showcase your app on Dribbble and Behance.

Dribbble displays shots at 800 × 600 px in the feed, with a 4:3 aspect ratio. Behance uses a wider 16:9 format for project covers. Design for 1600 × 1200 px (2x Dribbble) and 2880 × 1620 px (2x Behance) for retina-sharp uploads.

On Dribbble, the first image in your shot becomes the thumbnail across the site — similar to Product Hunt in that one image does most of the work. On Behance, the cover image determines whether someone clicks into your full project.

Both platforms reward high-contrast, bold visuals. A 3D device mockup with a dramatic gradient background and clear text overlay consistently outperforms flat screenshots in engagement metrics.

Design at 4:3 aspect ratio for Dribbble (1600 × 1200 px) or 16:9 for Behance (2880 × 1620 px). Choose a device that represents your primary platform.

Import your most visually impressive app screen. Use the Dramatic lighting preset to create contrast that reads well at feed thumbnail size.

Choose a background that pops but doesn't compete. Mesh gradients are popular in design portfolios because they look premium and contemporary. Pick a color palette that complements your app's UI colors.

A single angle is good. Multiple angles with the same device create a professional presentation feel and show off your 3D scene skills.

Export the same device setup from 3-4 different camera angles by using Orbit mode. For example: a front-facing shot, a 3/4 angle, a top-down perspective, and a close-up of the screen.

Keep the background and lighting consistent across all angles — changing these between shots makes the set look disconnected. Only the camera position should change.

If you want to show different app screens, create separate projects with the same background and lighting preset applied to each. Consistency is what makes a shot set look professional.

Dribbble and Behance allow multiple images per shot. Arrange your exported angles into a presentation flow that tells a visual story:

• Shot 1 — Hero device on a premium background with your app name as text overlay
• Shot 2 — Same device from a different angle, highlighting a specific feature
• Shot 3 — Close-up of the screen with annotation or context
• Shot 4 — Multi-device or lifestyle context showing the app in use
• Shot 5 — Color palette, UI elements, or design system details if relevant

Design portfolios benefit from context. Add text overlays that explain what each shot shows — feature names, UX patterns, or design decisions.

Use the Text Editor to add small annotation labels near specific UI elements. Keep font sizes smaller for annotations (12-14px equivalent) and larger for hero text (24-36px equivalent).

Include a final shot showing your color palette, typography choices, and key UI components if you're posting as a design case study. This signals depth and attracts higher-quality engagement from other designers.

Export each shot as PNG for maximum quality — Dribbble and Behance compress images, so starting with a high-quality source ensures the best final result. Use 2x resolution so the images look sharp on retina displays.

Upload to Dribbble: create a new shot, drag images in order, write a description that includes keywords like "app design," "mobile UI," "iOS design," and "dark mode" if applicable. Tag relevant tools like Protato in the description.

Upload to Behance: create a new project, arrange your images in a grid or full-width layout, and write a longer description that walks through your design process. Link back to your app's website or Product Hunt page.