Samsung Galaxy S8 concept mockup

Last Updated on August 21, 2026 by Editorial Team

Samsung Galaxy S8 Concept Mockup (based on the leaked pictures) created by Emanuel Serbanoiu.

What This Galaxy S8 Mockup Actually Shows

The preview presents the phone from two angles: a front-facing view cropped close so the near-edgeless display and slim top bezel take center stage, and a back view tilted at a slight angle showing the Samsung wordmark and rear camera housing. Both screens are rendered as dark, empty panels, which is exactly what you want in a mockup. There is no interface baked in to fight with your own UI screens.

The color treatment is restrained. Matte charcoal body, subtle gradient shading along the edges to suggest the curved glass, and just enough highlight on the frame to read as metal rather than flat plastic. Nothing about the styling pulls attention away from whatever screen design gets placed inside it.

The Curved Edge Detail

The defining feature of this device generation is the curved display that wraps slightly around both sides. The mockup captures that curve through soft shading gradients along the left and right edges of the front view. When you drop in your own screenshot, keep in mind that content near the very edges of your design will visually bend with the glass, so avoid placing critical text or buttons flush against the sides.

Front and Back in One Composition

Having both the front and back view in a single scene is useful for presenting a product that involves more than just an app screen. If your project includes packaging, branding, or a case design, the rear panel gives you a second surface to show off without needing a separate mockup file.

Where This Mockup Fits in a Design Workflow

• App screen previews for portfolio case studies, especially onboarding flows, dashboards, or messaging interfaces
• Marketing pages that need a believable Android device next to iOS mockups for cross-platform product shots
• Pitch decks and investor presentations where a realistic device shell adds credibility to a wireframe or prototype
• Social media posts announcing an app launch or feature update
• Client presentations where showing a design “in hand” rather than as a flat rectangle helps non-designers visualize the product

Because the screens are blank, this asset works equally well for full-bleed photography, gradient-heavy app UIs, or simple content pages. It does not lean toward any particular visual style, which makes it flexible across industries from fintech to social apps to e-commerce.

Placing Your Own Screen Design Into the Mockup

The general process is the same regardless of which editor you use:

• Select the blank screen area on the front view layer and note its exact boundaries
• Import your screen design as an image or paste it directly into the same document
• Resize and position the design so it fills the screen boundary without stretching the aspect ratio
• Use a clipping mask or layer mask so the screen design is cropped to the visible display area, including the slightly rounded corners
• Check the edges against the curved shading; if your design has a solid background color, extend it slightly past the edge so no gaps show through
• Repeat the process for the back view if you want branding or a case pattern to appear there too

If you plan to reuse this mockup across multiple projects, setting up your screen design as a smart object or symbol first will save time, since you can swap the content without redoing the masking each time.

Styling Tips for a More Realistic Result

• Add a very subtle drop shadow beneath the device if you are placing it on a light background, since the current dark scene relies on its own shading for depth
• Avoid pure white screen designs with no margin; a small amount of padding near the curved edges reads more naturally than content that touches the glass border
• If presenting alongside other devices, keep the lighting direction consistent so the phone does not look pasted into the scene
• For social posts, cropping tightly on the front view (similar to the preview) creates a more intimate, product-focused shot than showing the full device silhouette

Pairing This Mockup With Other Assets

This device mockup pairs naturally with UI kits built for Android, since the rounded corner radius and screen proportions match what you would expect from a Samsung flagship rather than an iPhone. It also works well alongside browser or desktop mockups when presenting a responsive product across multiple screen sizes. If your project already uses a specific color palette for branding, consider placing a solid or gradient background behind the phone that echoes those brand colors rather than defaulting to plain white or black.

Quick Questions About Using This Mockup

Does the blank screen make it harder to present a finished design?
Not really. A blank screen is actually the point. It means you are not fighting placeholder content or someone else’s app layout before dropping in your own work.

Is this mockup only useful for app screens?
No. It works for photography, video thumbnails, website previews, or any content you want to present as if it were on a physical device.

Can I use only the back view?
Yes. If your project is about a case design, a branded skin, or packaging, the rear angle alone can carry the full presentation without needing the front screen at all.