Tandem
01Overview
02Problem
03Design
04Outcome
01Overview A marketplace for hybrid office space
Role — Product Designer Year — 2024 Outcome — Placeholder metric
02Problem Add the problem statement here.
Add body text here.
03Design Add the design approach here.
Add body text here.
04Outcome Add the outcome here.
Add body text here.
bookclub
01Concept
02Creating comments
03Comments design
04Writing comments
05Reading navigation
06The rest of the app
01Concept A reading app where users can leave comments in a book asynchronously
Some friends and I recently started a book club and in just a week I realized that I didn't want to wait until we met to discuss what I read so far.
That's when I remembered the video game Dark Souls. In this game players can add in-game notes for other players to read. Though the players never directly interact, players can still indirectly communicate with these notes.
02Creating “Comments” Comments were designed around three principles.
  • Accessible while reading.
  • Can include quoted text.
  • Can be written without quoting text.
I found my solution with a simple text button. The text button only shows when there are one or more comments on a page. The number counter displays the number of comments in the bottom sheet.
03Comments design This image shows 2 comments on a page
The top comment shows one that is quoting text, while the bottom doesn't.
04Writing Comments Adding comments is easy
  • Screen 1Tap, hold and drag to select text.
  • Screen 2Tap the comment button
  • Screen 3Write a comment
  • Screen 4Press send
  • Screen 5See your new comment!
05Reading Navigation With comments finished, I began thinking about page navigation
Page navigation was the first major functionality addressed.
  • Screen 1Chapter navigation, swipe up to quickly jump chapters
  • Screen 2Page navigation
  • Screen 3Page skipping, for when you really need to get somewhere specific
06The Rest of the App With the main features sorted I turned my attention toward other screens
In these two designs I created the main bookclub page (where users would see members of their bookclub) and a book synopsis slide.
EXO Freight
01Overview
02Problem
03Design
04Outcome
01Overview A bank built for carriers
Role — Product Designer Year — 2024 Outcome — Placeholder metric
02Problem Add the problem statement here.
Add body text here.
03Design Add the design approach here.
Add body text here.
04Outcome Add the outcome here.
Add body text here.
Tandem
01Overview
02Problem
03Design
04Outcome
01Overview Marketplace search and filtering
Role — Product Designer Year — 2024 Outcome — Placeholder metric
02Problem Add the problem statement here.
Add body text here.
03Design Add the design approach here.
Add body text here.
04Outcome Add the outcome here.
Add body text here.
×
turn on the lights
Chris Mehlhoff
Chris MehlhoffProduct Designer with 6 years of experience across various SaaS products for manufacturing, finance, real estate, and employee management.
{{ t.title }} Click to view
{{ t.title }} Click to view