Some quick, early explorations that went in a weird direction
Playlists iterations - Couple of different approaches. Problem is that it should be displayed to both logged in and logged out users and the difference in how landing pages looks compared to the app makes it a bit tricky. Imagine you land on the LP, you click 'explore' link and you go to one of these pages - the change in style is huge, it's not consistent. We would have to design two different versions.
Public playlist - showing a list of Prompts with category filtering, expanding in a modal window to show answers from different authors. The category on the right is bugging me slightly.
Sincere product design doesn’t look like a fun new product. It’s pretty basic. And categories are too early. Thinking the mvp of this, should be light and a bit better looking similar to Askplaybook so it’s not as plain as it is currently.
I also don’t understand the main nav. Explore and playlists. Where is the other tabs of the product? Posts, followers.
And that overlay is kind of awkward as the second nav. Overall, the product design of sincere is not there yet.
A4 pdf design for Frameworks. I tried to mirror the font size proportions and feel from the web experience. To account for different reading experience I designed some elements such as table of contents and page markers differently.
Yet to add circled numbers for lists and do some proofreading.
Linking out the Explore page
For our designs, use the actual content. And keep the files up to date. The illustrations and copies are not the right ones.
For the Explore, do you think showing fake cards is actually a good move? We can drop the Starting in October text and just keep the "Explore our community and find unique perspectives on founders journeys" Explore.
Exploring designs for the framework pdf. Trying some things but once we decide the direction with Filip we make it as unified as possible. For cover I suggest something similar to what we had for 10 steps.
Book page. Trying to keep it simple and aligned with the current designs. Width of the content had to be adjusted to retain readability for the long-form post. The rest is very simple, following structure from the Doc. I'm not sure about the top/opening part though. It's an early version and I tried to make sure there is a sign of Roadmap and OFC somewhere in the opening.
Looking good. We need to come up with a new icon for the notification. And for the card titles, is there anything else we can try?
For the notification pop up, I think it would be good to have it displayed at the bottom of the screen, white background. Not custom looking.
Global Task Creation. Concerns: changing projects and assignees to be displayed as 'tags' is a big change throughout the product, do we need to revisit all places it is displayed and update their look for consistency? What about tags we could introduce in the future, aren't these too similar? Is this update a move in a right direction?
Cues in dashboard. I'm still not a fan of the naming. Julian wants to differentiate between Questions (user-generated) and Prompts (Sincere-generated), and I agree about that premise, but I want to be very careful with how deep we go with navigation. One level is enough, and keeping the table consistent throughout pages. (edited)
First attempt at simplifying the packaging. Top and bottom side mirror each other and what used to be on the back is divided in two parts and placed on the sides. I think this is balanced for now, but we can think if there is some additional info to present to balance this out.
illustration for Slim. Focus 🎯
Playlist. A backlog-like component hosting different post ideas. Clicking on one of the options hides the Playlist, makes the Title input active and shows the post idea below the Title.
New feature images
These are still looking kind of too normal still. Specially the like minded people. Use our avatars for the profiles. And let's discuss on the designers call how else we can approach it.
For this, did you first collect inspiration and explored bunch of directions before landing on this?
3d settings exploration for Renklar.
I would say a realistic environment is definitely preferred for this type of products. And because of the minimal look of it, a bathroom like environment/tiles would be nice to see.
But following our design process, we need to collect inspiration first, group similar approaches, align, then execute on a few direction.
Preparing documentation for dev. I'm wondering, how do we handle text that is broken by @assignees and #projects.
Task Details Modal - Various iterations (edited)
I would say none feel there yet. Listed details take too much space. Assignees and project names next to each other feels also wrong. I would explore to keep things compact, yet separated. Assignees and status next to each other make sense. Task and description close to each other. Project name somewhere in between. Perhaps above task.
Other updates I'm working on:
(1) Task creation modal, reached with a shortcut, globally (2) Merging checkmark and status indicators (3) Expanding ‘ready for review’ status with section on Today page if assigned to a person with that status (4) Quickly adding assignees (5) Backlog - merging tasks into one, as a checklist (6) Adding directly to backlog (7) Copy+paste into checklists (?) Expanding search overlay: (?) simple commands (open create task modal) (?) consistency update - show people same way as other search result
One of the features included in Global Task Creation. Multi-selecting backlog tasks, with ability to perform bulk actions, including merging them into a new task as checklist items
One of the ideas I'm exploring - Asking a question as a widget.
Exploring ideas on how to show the 3 steps approach. / 3 cards, opening in a modal with more details / step by step timeline / 3D icons/illustrations / tabs(edited)
We also can use a title to break sections apart perhaps. But that really depends on how you would show it.
And should we use the devices we’ve created to show the work?
Although I like the cleanliness and consistency the 2 first empty states have. There is no precedent for them to clickable anywhere. That's why a button maybe needed for the task to be clear enough?
Agreed. A button is needed. Do we have a rule when to use the filled vs outlined?
Empty state layout exploration.
Similar to our “create a new project” when there’s nothing to display on workspace page, we can do the same for our empty states. Which means box it in a grey background to bring some alignment to it.
For pages we can use grey boxes. For overlays and sidebars, like our backlog, we can skip the grey box.
Today page empty state + onboarding overlay
The width of the description is too big. And in an app that is all left aligned, centered feels odd.
Can you do make iterations and upload all in a screenshot so we can pick together?
Moodboard for scenes
Looking good. There won’t be any plans to choose from. We handle that in the background. So once they get access to the product, they will see a personalized plan created for them.
Also easy on shadows. ;) One layer is enough. Similar to our existing overlays. Keep in mind, a simple change in an components, means the change will applied to all places the component is used. We should be careful of these changes and only make them if it’s necessary.
Branding exploration to give each OFC product a unique voice. Do colours compliments the product or would you change them?
3d previews for Vital