Closed ExperimentsInHonesty closed 4 years ago
From @leestella748: I finally had time to work on the wireframe for the Hack Nights page and had a few questions: 1. Since we're designing a temporary page due to the coronavirus, should I include other online events such as Happy Hour?
HI @leestella748, here are my thoughts on the above:
Here's the sketches we worked on today.
@harishlingam @yuikomajima Here is the wireframe transcribed onto Figma: https://www.figma.com/file/0RRPy1Ph7HafI3qOITg0Mr/Hack-for-LA-Website?node-id=153%3A139
Any feedback would be helpful!
Hi @leestella748 I have many thoughts about several of the designs. I looked them over last night, and I am still mulling. I will definitely have an opinion by then, but I have some questions for other people too. This might be one where we show some options to people outside. Thanks for coming up with so many different layout options. @harishlingam @yuikomajima
Hi @leestella748 not sure where you are with your wireframe, but feel free to link them here if you have any initial work that's available for review. Otherwise, no worries since I know we have more to discuss following on Bonnie's comment.
Hello, I would also like to get the original photos for each location card in order to design a more hi-fi mockup.
@harishlingam @ExperimentsInHonesty @yuikomajima Here is what I've worked on so far: https://www.figma.com/file/0RRPy1Ph7HafI3qOITg0Mr/Hack-for-LA-Website?node-id=381%3A214
The first one on the left is most similar to what we discussed last time, but my favorite iteration is in the middle. Let me know what you think!
@leestella748 fantastic new designs. @harishlingam and I choose design #1 (on left), with the slight modification of adding the days of the week to the locations section, and ordering them this way Monday - Westside Tuesday - DTLA Wednesday - South LA
@leestella748 please make each of the project teams on the team meeting schedule be red underlined, then those will link to the projects.
Here is where the images are located: https://github.com/hackforla/website/tree/gh-pages/assets/images/hack-nights
@ExperimentsInHonesty @harishlingam Here's the updated wireframe: https://www.figma.com/file/0RRPy1Ph7HafI3qOITg0Mr/Hack-for-LA-Website?node-id=369%3A212
Hi @leestella748 Bonnie and I had a chance to review the mockup. I took the liberty of making a few minor edits. Here is our feedback:
For clarification, I've added comments to the Figma file.
@harishlingam I made the changes: https://www.figma.com/file/0RRPy1Ph7HafI3qOITg0Mr/Hack-for-LA-Website?node-id=445%3A0
@harishlingam @ExperimentsInHonesty Let me know if there are any additional changes you'd like to see!
Figma: https://www.figma.com/file/0RRPy1Ph7HafI3qOITg0Mr/Hack-for-LA-Website?node-id=545%3A2806
@leestella748 @yuikomajima @harishlingam - I made a few minor changes (added some text, etc). This is ready to send to development, so I will put this in the prioritized backlog.
@leestella748 is going to make a mobile version mockup.
Here is the mobile version: https://www.figma.com/file/0RRPy1Ph7HafI3qOITg0Mr/Hack-for-LA-Website?node-id=705%3A999
@leestella748 is going to rethink the mobile version to make it less scrolly
Here are two versions: https://www.figma.com/file/0RRPy1Ph7HafI3qOITg0Mr/Hack-for-LA-Website?node-id=887%3A1
The first version uses separate tabs, which allows users to switch between "Events" and Locations" without so much scrolling. However, I'm not sure if clicking on a tab will cause the whole page to reload or if we can have both tabs load on open.
For the second version, each section can be collapsed or expanded.
@leestella748 we get rid of the white line at the bottom before the footer (on the mobile)?
@ExperimentsInHonesty Done. However, the mobile version of our Getting Started page has the white line, so if we want to stay consistent we should have someone go back in and reduce the margin.
@leestella748 indeed it does. I’ll put removing that in a new issue.
@leestella748 ok, so I was wrong to say to remove that white section, because its literally everywhere (all the project pages), etc. Sorry! Can you put it back?
@ExperimentsInHonesty Done! Anything else that you'd like changed before it's ready for the dev team?
Nope that it. I’ll find out who is looking for something good. And I’ll go to the prioritized backlog and make sure it’s actually prioritized so you can start on next!
@leestella748 @ExperimentsInHonesty This looks great! If I could add one minor comment, I would reduce the weight of font in the white drop down buttons to medium (i.e. "Meetup Events" "Online Project Team Meetings").
@harishlingam Done!
I'll put links here for the dev team: Desktop & mobile wireframes: https://www.figma.com/file/0RRPy1Ph7HafI3qOITg0Mr/Hack-for-LA-Website?node-id=1028%3A2382 Mobile prototype view: https://www.figma.com/proto/0RRPy1Ph7HafI3qOITg0Mr/Hack-for-LA-Website?node-id=926%3A2438&viewport=-459%2C-3206%2C0.1227351650595665&scaling=min-zoom
I did not have a lot of time this past week to work on it. So, I do not have any updates.
@leonelRos please provide details about how much availability you will have in the coming week. And ETA.
Generally the format is
Progress: only worked 10% of it Blocks: time-limited. Availability: Wednesday to Friday ETA: Sunday 06-21-2020
Progress: working with the latest mock Blocks: time-limited. Availability: Wednesday to Friday ETA: Tuesday 06-23-20
Hey team here is my progress
Progress: working on the last part where I need to populate the projects for each hack for LA location. The page is 90% ready and will be posting images in the issue number. Blocks: limited time. Availability: Wednesday to Friday ETA: Tuesday 06-29-20
Progress: working on styling and adding mobile versions. Blocks: limited time. Availability: Wednesday to Friday ETA: Sunday 07-05-20 end of the day.
--Mobile version
Will show live version!!!!
@leonelRos a helpful tool to capture your full screen is this google chrome extension
@leestella748 will update Figma to show what happens when the 'our locations' is dropped down. @leonelRos will update spelling for 'Hack Nights'.
@leonelRos done
Thanks, @leestella748. I refactored most of the styling and now the page looks like that.
@ExperimentsInHonesty During the breakout room with Alex and Yuiko, we also discussed the hack nights mobile page. The original plan was to keep the “see our locations” dropdown within the yellow COVID-19 banner, but we agreed that it made more sense to keep the items separate. I talked to Leo as well since he’s working on the ticket, and he agreed and said he actually already has a second version that reflects this.
Clickable prototype: https://www.figma.com/proto/0RRPy1Ph7HafI3qOITg0Mr/Hack-for-LA-Website?node-id=1712%3A3408&viewport=-868%2C-3622%2C0.13307054340839386&scaling=min-zoom
Figma: https://www.figma.com/file/0RRPy1Ph7HafI3qOITg0Mr/Hack-for-LA-Website?node-id=1712%3A3613
@leestella748 some feedback to share after chatting w/ Bonnie. Happy to voice over live on Sunday.
Discuss name for page in today's meeting.
Name to be changed to Events.
Hey guys I didn't have much time to finish the new mock up this week but I will be working on it all day today.
Progress: web and mobile version, need to add functionality Blocks: time-limited. Availability: Wednesday to Friday ETA: 07-28-20
Hey @alexandrastubbs @ExperimentsInHonesty, I finished the page and it is ready for PR. I took screenshots of every version. Feel free to comment or give feedback if anything needs to change.
@leonelRos when are you available to review this live? We have some questions we would like to address.
@alexandrastubbs I should be able to meet up today around 7 or 8 PM PT. Let me know if that is ok with both, if not, we can meet on Tuesday at developers meeting.
Overview
We are going to move to a model where the hack nights have their own pages when we go back to meeting in person. In the meantime, we need a hack nights page, that says what the status of the hack night is, while maintaining our promotion of the amazing had nights we had.
Details of what the page should contain:
Action Items
Resources/Instructions
Copy: https://docs.google.com/document/d/1wVbTCuALfUs02qVahkwfAoZ0BSQyYcp_TCbvja0hSrY/edit
Lucid Chart Prototype the Projects page #156 Prototype the Project-specific page #157