Scrapbook

A collection of likes, lessons, ideas, work (and work in progress).

Purple Pixel Mags Figma screencast

A quick screencast of the process I use for creating Pixel Mags (pixel art versions of Shiny Magpie NFTs).

Here’s the original Purp Mag that just dropped on OpenSea.

Made for Shiny Object Social Club.

Tools:

  • Figma
  • Loom

Future of Finance Conference playbook

Screenshot of playbook in Figma

Snippet of the playbook I designed (live) during the The Future of Finance online conference.

See the full playbook or watch videos from the conference (and other conferences in the series).

Made for Future Friendly.

Tools:

  • Adobe Fresco (iPad)
  • Figma

Visual explanation of Yesterday's Weather

Yesterday’s Weather is web and mobile app made by Drew Thomas that compares today’s weather with yesterday’s weather, in a friendly sentence.

For example:

I interviewed Drew to learn how he made the app and created a visual explanation on my iPad.

Web app

  • You start by entering your ZIP code into a website made with Bubble.
  • Bubble sends your ZIP code to the Yesterday’s Weather API (made by Drew with PHP).
  • The YW API uses your ZIP code to find your location in latitude and longitude and sends that data back to Bubble.

  • Next, Bubble sends your location (in lat. and long.) to the Dark Sky API
  • The Dark Sky API sends the weather for your location back to Bubble.
  • Bubble displays today’s weather as a sentence

Mobile app

  • When you open the YW mobile app (made with Tunkable) it uses your phone’s GPS to get your location (no need to enter this data manually)
  • YW also stores your location locally so that it doesn’t need to check your location all the time
  • YW sends your location to the Dark Sky API.
  • The Dark Sky API sends the weather for your location back to the app.
  • Again, YW displays today’s weather as a sentence.

The mobile app is available for iOS and Android.

Timelapse

Here’s a time lapse of me drawing the whole thing.

Made for Drew Thomas.

Tools:

  • Adobe Fresco (iPad)

Prototyping pitfall

Drawing of a prototyping tool

In a design sprint, when your prototype is almost done things start getting real. Some team members might want to start making changes and deviate from the agreed storyboard.

Another pro tip from the AJ&Smart Design Sprint Masterclass: don’t let them! Wait for testing before you decide if changes are needed.

Made for AJ&Smart.

Tools:

  • Adobe Draw
  • Apple iPad Pro