Design

[Natashka333]

Hey group! What do you think about this design? I would love to get some feedback from you.

Landing page

Login Page

Calendar page

[Caleb-Cohen]

These look great! I'm wondering if it would be better to merge the login with discord onto the landing page. The door is super cute, but I'm not sure if it's intuitive enough for a user.

There is a + mark for every day currently on the calendar, but I do like the concept of Add. I'm concerned it would be difficult to link edit/deleting to specific events from the top right options.

If you have extra time, I'd love to see how you can visualize event views when you click on them. @intelagense has a discussion called whiteboard visualization #9 for the types of variables that will be viewable for the event view. Instinc dev is working on form input #7, she may want some help with the design.

[JoeDravarol]

I also like to door design/feature though like @Caleb-Cohen mentioned, it might not be intuitive for a user. I think, it could work if we only have the door on the screen, so that it's the only thing shown to user, it might be more inuitive this way, seeing the door as the only interactable element? Then moved/shift the about app section under the door so user can scroll to it?

Personally, I think we should have a seperate page for authenticated user, showing all of their created events and they can edit or delete specific events there?

[Caleb-Cohen]

Personally, I think we should have a seperate page for authenticated user, showing all of their created events and they can edit or delete specific events there?

Similar to the profile in binary upload boom displaying previous posts? I like that.

[yuhwaa]

Love the design and color scheme. I made a lo-fi visual for the landing with some of the feedback plus mine; maybe something like this? and we can also add a hover-over state to the door so it opens and is more intuitive that you can click on it.

[yuhwaa]

My door might be too big on an actual browser scale, but leaving it here for reference.

[JoeDravarol]

I like the hover-over state idea.

[Natashka333]

Awesome! Thank you, everyone, for the feedback! @Caleb-Cohen, here is my vision of the Login button on the landing page (I am not giving up on the door, just playing around with your suggestion in Figma). @JoeDravarol, we always can bring back a separate authenticated user page, but let me know what you think about the updated landing page. @yuhwaa, I appreciate your participation. Your idea looks great and we can keep the door. @Caleb-Cohen and @JoeDravarol it is up to you.

[JoeDravarol]

This looks great, I really like this.

[yuhwaa]

I like this too! it looks more organized and everything is in its own box. thanks for the update! I like that you can log in on the landing right away. We can always add 'more options to sign in' under the button and link out to another page for different auth but the landing signals that discord is the preferred auth method.

[colinborows]

Hey all, posted this in the discord, uploading here. Idea for a logo for the app to match Natashka's modern tech aesthetic and color palette. Would love to hear your thoughts!

[Caleb-Cohen]

Love the color change. This looks great. @Natashka333 do you have any thoughts?

[Natashka333]

@Caleb-Cohen, I have not only thoughts, but I have made some mockups! @colinborows, I found both logos adorable. Thank you for bringing your creativity to the team! I am attaching landing pages with both logos to pick the best one. Also, I have been working today on the calendar and event page. Your thoughts are always appreciated.

[Caleb-Cohen]

Excellent work! Have you considered incorporating @colinborows logo in more places? Like in the event view page in the top right?

[colinborows]

Awesome. Added variations of the logo here: https://github.com/colinborows/togetherLogo
Let me know if we need other versions, file types, etc.

A few design notes on the layout:

• Try adding some more negative space in general, current design is hugging the margins a bit tight (e.g. buttons, "Who are we?")
• Use a lighter font weight for the body text to differentiate from the headers

Looking great! Happy to collaborate on any other design elements as well.

[Natashka333]

@colinborows thank you for your feedback. I will work on your notes today. Also, I will send the edit&delete mockup later today. Sorry for just now getting back to you, guys.

[Caleb-Cohen]

@colinborows can provide just the calendar so we can put that in the favicon? If yes, would you prefer to use color or B&W?

[intelagense]

☑️ I vote for the color favicon... the color palette is unique enough to be recognizable with a bunch of open tabs.

[colinborows]

I agree with @intelagense. Added favicon to this folder, this .ico works optimized for 16, 32, 48, and 64px. Favicons are a funky format. Should work on all devices! https://github.com/colinborows/togetherLogo/tree/main/favicon

[Caleb-Cohen]

Just implemented it. Looks pretttttty sweet!

[Natashka333]

@colinborows @Caleb-Cohen @intelagense, here is what I have worked on today:

• adding negative space;
• lighter font-weight;
• adding the logo to add and event forms;
• event form;
• edit form;
• delete form.

[Natashka333]

[Caleb-Cohen]

Can you include the whole diagram? I see lines coming and going, but I'd like to see it all pieces together.

[WinstonHall]

are the images above broken into or able to be broke into smaller chunks of their selves, ex(just the button that goes inside the "Delete the event" example, and the X to close button. I'm partly assuming so because of the implications.

[WinstonHall]

Also, nice work it would be extremely cool if we have modular pieces.

[Natashka333]

@Caleb-Cohen, here we go!

[Caleb-Cohen]

@Natashka333 Can you update the event view modal to contain a RSVP component? Could probably be the exact same as the delete (trash can) where you click the icon and it prompts a "Just this event" or "all events"?

[Daatari]

What is the purpose of the Tool Together?

• To explore events that the #100devs Community has to offer.
• To post events to be advertised.
• To show the the the schedules of events and rsvp to them

[Natashka333]

Hey, team! I have created two mock-ups of the landing page.
The first is just adding navigate to the calendar button to the original design.
The second is totally new design.

https://www.figma.com/file/mbvX31X6ZQXa4jWlD2qZ40/Together?node-id=0%3A1&t=1FJul50c5PbRC5QY-1

As always, I would like to know your thoughts.

@intelagense, based on your idea, here is

BEFORE

and

AFTER

[Caleb-Cohen]

You did such a great job taking @intelagense design and making it your own! Just missing the mayonnaise.

[Caleb-Cohen]

@Natashka333. @MatthewBozin and I were talking about the event view modal buttons. What are your thoughts on putting the Closed button on top and the other buttons on the bottom?

Currently we have 4 buttons we need to consider where they go. Close, edit, delete, and RSVP.

[Natashka333]

I played with the buttons a little bit. Not sure I like the idea of having some of them on the bottom.
https://www.figma.com/file/mbvX31X6ZQXa4jWlD2qZ40/Together?node-id=0%3A1&t=B6wTqHiV3Dq2alsh-1

[Caleb-Cohen]

This is my favorite. Can you move RSVP to the other buttons?