chicagopython / chipy.org

Chicago Python (ChiPy) user group main website codebase
http://www.chipy.org/
MIT License
115 stars 79 forks source link

ChiPy Homepage Refresh #136

Closed JoeJasinski closed 4 years ago

JoeJasinski commented 8 years ago

I'd like to propose refreshing the design of the homepage to modernize it a bit.

Here is a rough mockup: ChiPy Homepage Mockup.pdf

Example layouts:

Chi Hack Night has a good example:

brianray commented 8 years ago

I see you put some good thought into this. It would be nice to hear what others thing.

jerry-dumblauskas commented 8 years ago

looks great. Can we add an easily discoverable button for the referral program as well?

On Tue, Jul 12, 2016 at 7:46 AM, Brian Ray notifications@github.com wrote:

I see you put some good thought into this. It would be nice to hear what others thing.

— You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub https://github.com/chicagopython/chipy.org/issues/136#issuecomment-232036245, or mute the thread https://github.com/notifications/unsubscribe/ACo8ZT3f7mVv12ajZJW7Ms5FpsI-75Uwks5qU4yIgaJpZM4JJAi_ .

emperorcezar commented 8 years ago

I like the mockup a lot. With a little logic to hide some areas when empty it will be really great. Is someone good at the the html/css wrangling? I can do it, but I'd be slower than some others.


Father, Pythonista, Cyclist, Brewer. Dabbling in Clojure and Functional Languages

On Sun, Jul 10, 2016 at 8:43 PM, Joe Jasinski notifications@github.com wrote:

I'd like to propose refreshing the design of the homepage to modernize it a bit.

  • make it more mobile friendly by making it responsive
  • creating a modern long-scrolling sectional page layout
    • could add parallax for some pizazz :-)
  • Integrate sections for:

    • upcoming meeting schedule (should also accommodate SIG announcements)
    - easy to see calendar of upcoming events
    - somehow integrate upcoming topics
    • easy to attend a meeting
    • registration workflow (mobile friendly)
    • sponsor list
    • blog or announcement app for posting meeting announcements and general news
    • possibly social feeds / pictures of meetings / etc.
    • links to external resources easily available (meetup / twitter / github / etc)
    • links to common tasks that are easily discoverable
    • link to contact us
    • link to add to mailing list
    • link to donate
    • link to give talk
    • link to host a venue
    • link to more info about SIG
    • more?

Here is a rough mockup: ChiPy Homepage Mockup.pdf https://github.com/chicagopython/chipy.org/files/356396/ChiPy.Homepage.Mockup.pdf

Example layouts:

Chi Hack Night has a good example:

— You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub https://github.com/chicagopython/chipy.org/issues/136, or mute the thread https://github.com/notifications/unsubscribe/AAELN7ryTBJMnYUG8BI0r9CzNQnmTZp5ks5qUbvcgaJpZM4JJAi_ .

JoeJasinski commented 8 years ago

@jerry-dumblauskas I like the referral button idea.

@emperorcezar I'm in the same boat regarding html/css, but I don't mind poking around with it.

brianray commented 8 years ago

It would probably help to get a UI/UX person involved. Please note our original design was done at Imaginary Landscape

On Wednesday, July 13, 2016, Joe Jasinski notifications@github.com wrote:

@jerry-dumblauskas https://github.com/jerry-dumblauskas I like the referral button idea.

@emperorcezar https://github.com/emperorcezar I'm in the same boat regarding html/css, but I don't mind poking around with it.

— You are receiving this because you commented. Reply to this email directly, view it on GitHub https://github.com/chicagopython/chipy.org/issues/136#issuecomment-232522918, or mute the thread https://github.com/notifications/unsubscribe/AApRvC2Q48PKeUcwapV52Y7z1sRU9D4Fks5qVX8NgaJpZM4JJAi_ .

JoeJasinski commented 7 years ago

Here is a proposal Rough Draft. Message me if you want edit access.

https://docs.google.com/document/d/1u9O0sJEcOfuV8gdCtN7ROPtIbhtY_90fjNhlhlHcDtg/edit#heading=h.idcmi8g4cdbo

JoeJasinski commented 7 years ago

I've started doing some prototyping on the backend (and some basic frontend work) need to support this. Specifically, I've added models and sections on the homepage for non-main ChiPy meetings (eg SIG meetings).

Work in progress: https://github.com/JoeJasinski/chipy.org/tree/feature/other-meetings

brianray commented 7 years ago

@adeolapure

JoeJasinski commented 7 years ago

@here

I've made progress on the ChiPy re-design. I haven't touched the re-skin bit, but I've added much of the functionality for SIG support. I'll make a list of in-depth changes in a future post, but for now, here's the dev site for viewing.

http://chipy-dev.herokuapp.com/

adeolapure commented 7 years ago

@JoeJasinski Sweeet! I actually just added the ChiPy twitter feed to the homepage (pending pull request merge)

I designed it according to the current design. I do have thoughts on the new "Participate" section if you're open to them!

Also I like you moving the blurb down to the About section. I think in the header, a kickass Mission Statement would be amaaaazing.

emperorcezar commented 7 years ago

@JoeJasinski I'm liking it. What else is there to be done with it?

JoeJasinski commented 7 years ago

@adeolapure I'm glad for any feedback on the participate section.

@emperorcezar I think it's wrapping up, though this is intended to be just a first pass. The SIG detail pages are pretty sparse at the moment, but perhaps we can build those out as we find how how they might be used.

JoeJasinski commented 7 years ago

Pull request: https://github.com/chicagopython/chipy.org/pull/151