The first week of working on Jonah has come and gone. Normally when working on a new project, I like to create a basic identity and style guide. Having an identity helps me stay motivated because it looks and feels like a product I’d like to use.

This week, I spent the majority of my time working on the visual styling and wireframing some of the first screens.

Here are a few of the mockups I ended up with.

Landing Page Styling

Super simple concept for now. The initial idea is to brand Jonah as a person or living thing that can help you stay on track. The logo will likely change, but I do like the idea of a simple landing page to start.

Jonah Demo

Dashboard Styling

As I was working through some of the main interactions, I realized that Jonah ultimately works with deliverables. Deliverables can be long term projects, short term tasks, or anything in between. Jonah needs some basic information and then that deliverable can be broken down into smaller chunks of time to work on a specific task.

Jonah Dashboard Demo

New Deliverable Styling

I want the product to be simple. Therefore, I don’t want it to turn into a bunch of data entry that would naturally increase friction from a user’s perspective. For now, it only requires a name, due date, estimated time requirement, priority level, and an optional description.

Jonah Dashboard Deliverable Demo

The Technical Side of Things

While I’d love to make this a big learning opportunity and write it in something other than Ruby, I decided to stick with what I know. At some point, I might break it out into a Rails API + React front end, but for now I want to keep it simple with a pretty standard Rails 5 architecture using Postgres, Redis, Slim, and Turbolinks.