Upwork app screens for onboarding, profile and case study

Summary

Three rounded phone screens laid flat on a pale mint field, showing how the identity flexes across a green brand moment, a white content page and a dark editorial page.

Visual description

Equal spacing, no device bezels beyond a thin rounded outline, all three showing a 9:41 status bar. Left screen is solid brand green: white wordmark at the top, a flat character with an orange face, yellow jacket, dark trousers and pink boots leaping past a large diagonal grey shape, then two lines of white centred sub-copy and a white circular arrow button bottom right with a three-dot progress marker. Middle screen is white: circular back button, a rounded-square portrait with a small green status dot, "Gabriela N." and "Graphic Designer" set in a serif, a muted location and local time line, a hairline rule, then an "About" label above a serif paragraph, a "Rate" label above "190/h" and a green pill "Hire" button floating bottom right. Right screen is near-black green: "Case study" label, a two-line serif title, a hairline rule, an "About" paragraph in white serif, and a photograph of hands flicking through record sleeves filling the lower half.

Key takeaway

One identity carried through three completely different page temperatures by keeping the same serif, the same label-above-content rhythm and the same green accent. The floating pill CTA and the circular back button are the only persistent chrome.

Reuse notes

Useful as a template for showing product range in a brand case study or app store gallery: brand screen, content screen, editorial screen. The serif body copy reads well at this size but needs testing at small sizes and in dense list views. The dark screen depends on a strong photograph to carry its lower half.