🎨 Wireframes

13th February 2021

I've started sketching out wireframes for the portfolio and project pages in Figma, and I'm really enjoying the process. Now that I have a set of wireframe components to draw from, it's pretty quick to get an idea down, and I feel like I could put together new components quickly enough if I needed to.

I've started with the user-facing mobile experience. I wanted to give mobile-first development a try, and that approach seems fine so far. I initially wanted to draw up the authoring experience first, but then realised that I needed a foundation to anchor it in. I'd like to try designing an interface without a clear delineation between the dashboard and a front-end set of pages. Instead of going to a separate section of the site to make changes, the reader interface is augmented with edit buttons (and the like) to allow the author to make changes and add data. This should reduce work creating duplicate displays of the same information, but there's a chance it'll be clunky in some ways because the pages are serving double duty. We'll see how it turns out.

I've sketched out some ideas for the portfolio page and the project page so far. I'm deliberately avoiding the timeline / history page since I think Lachlan's already developed some ideas there. On the reader track, I have just the entry page to go.

Once I'm on to the author experience, I'll need:

• Add project
• Add entry
  • Quick entry (pop-over with just project, effort type and summary)
  • Long entry (regular entry form)
  • Fill the gaps (show a quick entry form for each day with no entry)
• Effort modification (after auto-generation)