Gallery - William Metcalfe | UX & Product Designer

My work

A collection of visual explorations and shipped products that highlight the craft, clarity, and iteration behind my designs.

A laptop on a concrete surface displays a roofing company's website, featuring an aerial image of a house with the bold headline "Reliable Roofing for Your Calgary Home" in white and orange text. A contact form is visible on the right side of the screen, and the laptop is plugged in with a charging cable.

Smartphone suspended between two large sandstone rock formations, displaying a website for laser skin treatments. The screen promotes “Advanced Resurfacing & Laser Skin Treatments” with a call to action to book a consult, alongside a photo of a smiling woman and a 4.8-star rating from 134 reviews.

A hand holds a smartphone displaying the homepage of NuHome, a Calgary-based roofing company. The screen highlights bold text reading “Reliable Roofing for Your Calgary Home” with a call-to-action button labeled “Start My Project,” and showcases a 4.9/5 rating based on 300 reviews.

A black laptop is suspended between large sandstone rocks, displaying a website for advanced resurfacing and laser skin treatments. The screen shows a smiling woman next to bold text promoting expert skin care in Toronto, with a call-to-action button to book a consultation.

This image shows a side view of a laptop displaying the same educational module titled "Story: Cyrus’s Story", part of a curriculum on Identity & Self Awareness – Lesson 3: Discuss. The screen again shows the estimated time (45–60 minutes), along with navigation tabs for: Introduction Read Story Quiz Reflect Class Materials An illustration of two characters holding mirrors and smiling at each other appears at the top right, reinforcing the theme of self-awareness and identity. The background features vibrant, diagonal light beams in blue, orange, and purple tones, creating an engaging and modern educational visual.

A smartphone leaning against stacked concrete blocks displays a roofing company's website with bold text reading “Dependable Roofing for Your Home.” The screen highlights services in Calgary, including repairs and replacements, with a bright orange button inviting users to call for a free quote.

This image shows a student dashboard interface on a laptop, likely from an educational platform focused on social-emotional learning. Here's a breakdown: Main Message “You’ve submitted your reflections” This confirms that the student (Muhammed Darish) has completed a reflective assignment. Specific reflection: “Reflect: I am Me and You are You” (Part of Identity & Self Awareness – Lesson 2: Learn) Two buttons available: View Submission View All To Dos Open Assignments Section Below the confirmation, there’s another task: Reflect: Cyrus’s Story Estimated time: 15–30 minutes Belongs to: Identity & Self Awareness – Lesson 3: Discuss A “Get Started” button is present for beginning the activity. Design Notes Uses clean, student-friendly design with illustrations. Continuity with the emotional check-in flow and reflective writing focus seen earlier. Encourages self-exploration and personal insight through structured reflection tasks. Summary This screen shows the student journey post-submission, confirming task completion and prompting the next reflection assignment. It supports emotional and identity development through guided, trackable steps.

Close-up of a hand holding a smartphone displaying a navigation app with a route mapped out through Brantford, Ontario, showing a 10-minute travel time to a meeting point. The screen highlights a meeting with “Jane Smith” and a distance of 1.2 km, with a finger pointing at the cancel button on the app interface.

Promotional image showing Apple Wallet’s new Business Card feature with three smartphones displaying the interface. The center phone shows a completed contact transfer for “John Smith,” while the others show customization options and the ability to add business cards alongside debit and transit cards.

📮

Stay connected

From time to time, I share updates about new work and the ideas shaping my design story. If you’d like to stay connected, you’re welcome to subscribe.

Avatar

A small group of thoughtful readers

📮

Stay connected

From time to time, I share updates about new work and the ideas shaping my design story. If you’d like to stay connected, you’re welcome to subscribe.

Avatar

A small group of thoughtful readers

📮

Stay connected

From time to time, I share updates about new work and the ideas shaping my design story. If you’d like to stay connected, you’re welcome to subscribe.

Avatar

A small group of thoughtful readers