UX designer portfolio mockup with device frame

Summary

A UX portfolio layout combining a lifestyle photograph, bold typographic call-out, and a device mockup to present a designer's experience and credentials in a visual, asymmetric composition.

Visual description

The composition arranges a lifestyle shot of modern chairs (upper left, cropped) beside a centered iPhone mockup on a light gray background. To the left of the phone, "RELEVANT EXPERIENCE" is set in tall, bold sans-serif (one line split across the frame), with smaller text below noting "UX DESIGNER - PRESENT". The phone screen displays "SENIOR EXPERIENCE DESIGNER®" centered in black type, with a subheading in smaller weight reading "CURRENTLY CRAFTING EXPERIENCES AT CROSBY (2021 - PRESENT)". At the phone's bottom, a portrait photo appears. The overall layout is asymmetric: image and text on the left, device-centered on the right, all against white/light gray.

Key takeaway

The split composition balances a lifestyle photo and typographic statement against the focal device mockup; this prevents the phone from feeling like a sterile product shot. The credential display is both readable and decorative (large ® and multi-weight typography). Asymmetry works because the phone is the visual anchor, freeing the other elements to be bold and playful with placement.

Reuse notes

Ideal for UX/UI designer portfolios and creative professional case-study layouts. Works well when you have both lifestyle/contextual imagery and a strong device mockup to show. The light background keeps it airy; works less well on dark backgrounds. The typography scale and spacing are generous, so this template needs confident type choices and adequate whitespace to feel intentional rather than sparse.