Hey everyone! There are multiple questions to address. *Is there a way to generate a css from the styleguide?*
Yes, there are tools to do this; Avocode <https://avocode.com/> comes to mind. But for now you can see all of the color, type, and size specifications here: https://xd.adobe.com/spec/2ed12a4f-b6bc-4324-6325-5ac0a0d76ab5-58e0/ *Personally I would prefer the orange/yellow approach we currently have in > staging.* *My esthetic taste aside, I'm not too fond of teal as the highlight **color > I prefer the orange/yellow color, similar to what Francois created for the > staging website[1], I think we would like to keep the theme of the website > closer to the Camel logo and the sand/dune feeling it (should) evoke * The Apache process is still kinda new to me so I'm honestly not sure what to do with this. We can certainly dive into a deeper discussion on colors, but this palette and the alerts were defined in the styleguide vote. Should we revisit the palette and bring it up for a new vote? [image: Screen Shot 2019-06-07 at 12.14.53 PM.png] *On the introduction e-mail[2] you mentioned creating > information architecture for the website, are you still planning on doing > that?* Yes. At this stage, we're still working out basic look and feel, so we shouldn't get bogged down in content details. We're using exactly the same content so that we can make a more accurate 1:1 comparison. It would follow that a cleaner visual aesthetic would probably also influence or inspire a leaner communications approach moving forward. Camel can definitely say more with fewer words, which means redefining what pages are needed, reprioritizing content and calls-to-action, and sometimes deleting entire pages. Sometimes they're just not relevant anymore and may not have the traffic to justify their existence. *We need to work on the wording for the "These projects can leverage..." > it's not 100% accurate I think, I think it can also be featured below the > news section* > > *Right. Same as above, I think we should come up with something for Jason > to put in the mockup.* Spot on and then some. This process is not just about putting new paint on an old car. It's about really taking an inventory of what we're doing, why we're doing it, and whether or not it's supporting or hindering the goals of the Project and the Foundation. In order to be successful nothing is above examination, everything must be questioned, and conjecture must take a back seat to evidence. *NEXT STEPS:* 1. We need to settle the color issue. This one is *mostly* an aesthetic issue, but there are usability concerns if alerts blend in so well that they become visually extraneous. All suggestions are welcome, I will only pull a card if a something presents a readability problem for users with visual impairments. 2. We need to start talking about content. 1. Who do I talk to about Analytics? 2. Who do I talk to about evaluating and writing content? 3. Maybe these need to be separate email threads? All the best! Jason Brock Web UX Designer, Middleware Engineering Services Red Hat Austin, Texas <https://www.redhat.com/> He, Him, & His | jbr...@redhat.com | 512-786-8304 <https://www.redhat.com/> On Thu, Jun 6, 2019 at 3:24 AM Guillaume Nodet <gno...@apache.org> wrote: > Le jeu. 6 juin 2019 à 10:12, Zoran Regvart <zo...@regvart.com> a écrit : > > > Hi Jason, > > thank you for creating the mockups I have a couple of > > observations/questions: > > > > 1/ On the introduction e-mail[2] you mentioned creating information > > architecture for the website, are you still planning on doing that? > > > > 2/ My esthetic taste aside, I'm not too fond of teal as the highlight > > color I prefer the orange/yellow color, similar to what Francois > > created for the staging website[1], I think we would like to keep the > > theme of the website closer to the Camel logo and the sand/dune > > feeling it (should) evoke > > > > Agreed, the highlight color looks a bit out of color scheme. > > > > > > 3/ I'd like to have the main benefits / feature highlights of Camel > > be more prominent, similar to how Apache Ignite website[3] or the > > Apache OpenWisk[4] websites do > > > > +1 > > > > > > 4/ The notice on migrating content should not be present on the new > > website, or at least it should be much less prominent, it relates to > > the current (old) website drifting away from documentation we have in > > the source repository; we can work on the wording to encourage > > contribution, for instance for the documentation we have an edit link > > that will take the visitor to a GitHub editor to edit the source > > document > > > > +1 > I think we should try to come up with a few feature to highlight and have a > single sentence / headline for each of these. > I do like the ignite overview. > > > > > > 5/ We need to work on the wording for the "These projects can > > leverage..." it's not 100% accurate I think, I think it can also be > > featured below the news section > > > > Right. Same as above, I think we should come up with something for Jason > to put in the mockup. > > > > > > zoran > > > > [1] https://camel.apache.org/staging/ > > [2] > > > https://mail-archives.apache.org/mod_mbox/camel-dev/201903.mbox/%3CCAO1jmVjneEiucbVyw190cgFPfpTnkm49Kr%3DT8te3NBXw%3D%3Do5pw%40mail.gmail.com%3E > > [3] https://ignite.apache.org/ > > [4] https://openwhisk.apache.org/ > > > > > > On Tue, Jun 4, 2019 at 10:16 PM Jason Brock <jbr...@redhat.com> wrote: > > > > > > Hello again everyone, > > > (Please let me know if this requires a new thread) > > > > > > Here's the next round of work for comparison, debate, and/or voting. > > > > > > I'm including the current homepage and layout because there is value in > > the > > > work that has been done and each change deserves careful consideration > to > > > make sure that it's worth changing. > > > > > > Previously established resources: > > > > > > https://design.jboss.org/camel/website/mockups/images/00-Colorpalette.png > > > > https://design.jboss.org/camel/website/mockups/images/00-Styleguide.png > > > > > > The Current Homepage (unaltered screenshot) > > > > > > https://design.jboss.org/camel/website/mockups/images/01-Current-Homepage.png > > > > > > The Current Homepage with new styles applied > > > > > > https://design.jboss.org/camel/website/mockups/images/02-CurrentLayouy-NewStyle.png > > > > > > A new concept for layout and design > > > > > > https://design.jboss.org/camel/website/mockups/images/03-NewLayout-NewStyle.png > > > > > > The working file for Adobe XD in case anyone wants to peak under the > hood > > > and tinker a bit. > > > > https://design.jboss.org/camel/website/mockups/working/Camel-Homepage.xd > > > > > > All the best, > > > > > > Jason Brock > > > > > > Web UX Designer, Middleware Engineering Services > > > > > > Red Hat Austin, Texas <https://www.redhat.com/> > > > > > > He, Him, & His | jbr...@redhat.com | 512-786-8304 > > > <https://www.redhat.com/> > > > > > > > > > On Mon, May 20, 2019 at 5:58 PM Jason Brock <jbr...@redhat.com> wrote: > > > > > > > Hi Claus! > > > > > > > > I'm currently on PTO but I will have some time next week to focus on > > the > > > > Apache Wireframes. > > > > > > > > Jason Brock > > > > > > > > Web UX Designer, Middleware Engineering Services > > > > > > > > Red Hat Austin, Texas <https://www.redhat.com/> > > > > > > > > He, Him, & His | jbr...@redhat.com | 512-786-8304 > > > > <https://www.redhat.com/> > > > > > > > > > > > > On Thu, May 16, 2019 at 10:23 AM Claus Ibsen <claus.ib...@gmail.com> > > > > wrote: > > > > > > > >> Hi Jason > > > >> > > > >> How is it going with the next step of the Camel website mockup and > > style? > > > >> > > > >> On Thu, May 2, 2019 at 6:53 PM Jason Brock <jbr...@redhat.com> > wrote: > > > >> > > > > >> > The next step is to take those styles and build a mockup of an > > existing > > > >> > page (probably the home page) while at the same time also > exploring > > > >> ways to > > > >> > improve navigation and content arrangement. Considering the nature > > of > > > >> the > > > >> > Apache voting/collaboration system I think it's a good idea to > > compare > > > >> > three images side-by-side: > > > >> > > > > >> > 1. A snapshot of the current home page > > > >> > 2. A version of the current homepage with only the visual > styles > > > >> changed > > > >> > (UI Only) > > > >> > 3. A new homepage with a new layout, new navigation, and the > new > > > >> styles > > > >> > (UX and UI) > > > >> > > > > >> > Then we can hold an open discussion and everyone can vote. > > > >> > > > > >> > In a typical workflow, my team creates designs in Adobe XD and we > > share > > > >> > public links to mockups so anyone can test and comment. We usually > > don't > > > >> > share the source files simply because no one has ever really cared > > to > > > >> look > > > >> > at them. But there's no reason we can't share them and let anyone > > who > > > >> wants > > > >> > to download Adobe XD > > > >> > < > > > >> > > > https://www.adobe.com/products/xd.html?sdid=12B9F15S&mv=Search&ef_id=EAIaIQobChMI3c78wpj94QIVi4bACh0lowF9EAAYASAAEgJqgPD_BwE:G:s&s_kwcid=AL!3085!3!315233774103!b!!g!!adobe%20xd%20free > > > >> > > > > >> > make > > > >> > changes and peak under the hood. (Adobe does not charge people to > > use > > > >> > XD)figma > > > >> > > > > >> > We could also explore using something like Figma < > > > >> https://www.figma.com/> > > > >> > that isn't free, but offers a browser based design tool so anyone > > on any > > > >> > platform can make edits - but it's a SaaS so we'd have to find a > > > >> sponsor. > > > >> > > > > >> > I don't know that traditional design workflows and the Apache > > > >> collaboration > > > >> > methodology have ever really crossed paths before, so this could > be > > a > > > >> > really amazing time to try out some new stuff. I'm open to > > suggestions > > > >> and > > > >> > alternatives. > > > >> > > > > >> > All the best, > > > >> > > > > >> > JASON K BROCK > > > >> > > > > >> > Web UX DESIGNER, MIDDLEWARE ENGINEERING SERVICES > > > >> > > > > >> > Red Hat - Austin, TX <https://www.redhat.com/> | > jbr...@redhat.com > > | > > > >> > 512-786-8304 > > > >> > > > > >> > > > > >> > On Thu, May 2, 2019 at 10:32 AM Claus Ibsen < > claus.ib...@gmail.com> > > > >> wrote: > > > >> > > > > >> > > Hi > > > >> > > > > > >> > > > > > >> > > On Thu, May 2, 2019 at 4:39 PM Andrea Cosentino > > > >> > > <ancosen1...@yahoo.com.invalid> wrote: > > > >> > > > > > > >> > > > Hello all, > > > >> > > > > > > >> > > > I think we can go ahead with the design number one. > > > >> > > > > > > >> > > > > > >> > > Yes I also think so. > > > >> > > > > > >> > > Jason what would be the next step? > > > >> > > > > > >> > > > -- > > > >> > > > Andrea Cosentino > > > >> > > > ---------------------------------- > > > >> > > > Apache Camel PMC Chair > > > >> > > > Apache Karaf Committer > > > >> > > > Apache Servicemix PMC Member > > > >> > > > Email: ancosen1...@yahoo.com > > > >> > > > Twitter: @oscerd2 > > > >> > > > Github: oscerd > > > >> > > > > > > >> > > > > > > >> > > > > > > >> > > > > > > >> > > > > > > >> > > > > > > >> > > > On Tuesday, April 30, 2019, 5:30:19 PM GMT+2, Andrea > Cosentino < > > > >> > > anco...@gmail.com> wrote: > > > >> > > > > > > >> > > > > > > >> > > > > > > >> > > > > > > >> > > > > > > >> > > > I think we can give 24 hours to jump in for vote, then we can > go > > > >> ahead > > > >> > > :-) > > > >> > > > > > > >> > > > Il giorno mar 30 apr 2019 alle ore 17:20 Jason Brock < > > > >> jbr...@redhat.com> > > > >> > > ha > > > >> > > > scritto: > > > >> > > > > > > >> > > > > > > >> > > > > So far we have > > > >> > > > > > > > >> > > > > 11 Votes for Number 1 > > > >> > > > > 0 Votes for Number 2 > > > >> > > > > 3 Votes for Number 3 > > > >> > > > > > > > >> > > > > It sounds like there is a bit of a preference for light and > > clean > > > >> > > design > > > >> > > > > without too much ornamentation. Personally, I think this is > a > > good > > > >> > > choice - > > > >> > > > > your content should be supported by the design, not > competing > > > >> with it > > > >> > > for > > > >> > > > > attention. > > > >> > > > > > > > >> > > > > Does anyone else want to weigh in? Or should we start on > > > >> wireframing > > > >> > > the > > > >> > > > > content? > > > >> > > > > > > > >> > > > > All the best, > > > >> > > > > > > > >> > > > > JASON K BROCK > > > >> > > > > > > > >> > > > > Web UX DESIGNER, MIDDLEWARE ENGINEERING SERVICES > > > >> > > > > > > > >> > > > > Red Hat - Austin, TX <https://www.redhat.com/> | > > > >> jbr...@redhat.com | > > > >> > > > > 512-786-8304 > > > >> > > > > > > > >> > > > > > > > >> > > > > On Mon, Apr 29, 2019 at 3:19 AM Zoran Regvart < > > zo...@regvart.com> > > > >> > > wrote: > > > >> > > > > > > > >> > > > > > Hi Jason, > > > >> > > > > > thank you for creating these design concepts. If my > > aesthetics > > > >> were > > > >> > > > > > relevant in any way: the first design concept feels a > > simple and > > > >> > > > > > elegant to me. > > > >> > > > > > > > > >> > > > > > zoran > > > >> > > > > > > > > >> > > > > > On Tue, Apr 23, 2019 at 5:15 PM Jason Brock < > > jbr...@redhat.com> > > > >> > > wrote: > > > >> > > > > > > > > > >> > > > > > > Hello everyone! > > > >> > > > > > > > > > >> > > > > > > Here is a first round of design concepts to help refresh > > the > > > >> look > > > >> > > and > > > >> > > > > > feel > > > >> > > > > > > of the Apache Camel website. Please let me know if you > > > >> require a > > > >> > > > > > particular > > > >> > > > > > > file format and I will furnish that to the group. > > > >> > > > > > > > > > >> > > > > > > Concept One: > > > >> > > > > > > > > > >> > > > > > > > > >> > > > > > > > >> > > > > > >> > > > https://design.jboss.org/camel/website/styleguides/images/01-colorpalette.png > > > >> > > > > > > > > > >> > > > > > > > > >> > > > > > > > >> > > > > > >> > > > https://design.jboss.org/camel/website/styleguides/images/01-styleguide.png > > > >> > > > > > > > > > >> > > > > > > Concept Two: > > > >> > > > > > > > > > >> > > > > > > > > >> > > > > > > > >> > > > > > >> > > > https://design.jboss.org/camel/website/styleguides/images/02-colorpalette.png > > > >> > > > > > > > > > >> > > > > > > > > >> > > > > > > > >> > > > > > >> > > > https://design.jboss.org/camel/website/styleguides/images/02-styleguide.png > > > >> > > > > > > > > > >> > > > > > > Concept Three: > > > >> > > > > > > > > > >> > > > > > > > > >> > > > > > > > >> > > > > > >> > > > https://design.jboss.org/camel/website/styleguides/images/03-colorpalette.png > > > >> > > > > > > > > > >> > > > > > > > > >> > > > > > > > >> > > > > > >> > > > https://design.jboss.org/camel/website/styleguides/images/03-styleguide.png > > > >> > > > > > > > > > >> > > > > > > > > > >> > > > > > > All the best, > > > >> > > > > > > > > > >> > > > > > > JASON K BROCK > > > >> > > > > > > > > > >> > > > > > > Web UX DESIGNER, MIDDLEWARE ENGINEERING SERVICES > > > >> > > > > > > > > > >> > > > > > > Red Hat - Austin, TX <https://www.redhat.com/> | > > > >> jbr...@redhat.com > > > >> > > | > > > >> > > > > > > 512-786-8304 > > > >> > > > > > > > > >> > > > > > > > > >> > > > > > > > > >> > > > > > -- > > > >> > > > > > Zoran Regvart > > > >> > > > > > > > > >> > > > > > > > >> > > > > > >> > > > > > >> > > > > > >> > > -- > > > >> > > Claus Ibsen > > > >> > > ----------------- > > > >> > > http://davsclaus.com @davsclaus > > > >> > > Camel in Action 2: https://www.manning.com/ibsen2 > > > >> > > > > > >> > > > >> > > > >> > > > >> -- > > > >> Claus Ibsen > > > >> ----------------- > > > >> http://davsclaus.com @davsclaus > > > >> Camel in Action 2: https://www.manning.com/ibsen2 > > > >> > > > > > > > > > > > > -- > > Zoran Regvart > > > > > -- > ------------------------ > Guillaume Nodet >
