# Jobs - Redesign Maven website

**URL:** <https://discourse.opensourcedesign.net/t/jobs-redesign-maven-website/394>\
**Category:** Job Postings\
**Created:** [October 23, 2017, 10:07am UTC](https://discourse.opensourcedesign.net/t/jobs-redesign-maven-website/394 "2017-10-23T10:07:57Z")\
**Posts on this page:** 14\
**Page:** 1

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex029/uploads/opensourcedesign/original/1X/8cd739a58030a4afeb37abf872f5ffd3319bbc63.png) [@system](https://discourse.opensourcedesign.net/u/system)\
**Post date:** [October 23, 2017, 10:07am UTC](https://discourse.opensourcedesign.net/t/jobs-redesign-maven-website/394/1 "2017-10-23T10:07:57Z")

</div>

Role: Webdesign / templating

Deliverables:

* * *
This is a companion discussion topic for the original entry at [http://opensourcedesign.net/jobs/jobs/2017-07-21-redesign-maven-website](http://opensourcedesign.net/jobs/jobs/2017-07-21-redesign-maven-website)

---

<div class="post-metadata">

**Author:** ![evalica](https://yyz1.discourse-cdn.com/flex029/user_avatar/discourse.opensourcedesign.net/evalica/32/9_2.png) [@evalica](https://discourse.opensourcedesign.net/u/evalica)\
**Post date:** [November 23, 2017, 11:28am UTC](https://discourse.opensourcedesign.net/t/jobs-redesign-maven-website/394/2 "2017-11-23T11:28:26Z")

</div>

FTR: More initial discussions can be found in the GitHub issue [https://github.com/opensourcedesign/jobs/issues/246](https://github.com/opensourcedesign/jobs/issues/246)

- Current design  
[![](https://cdck-file-uploads-canada1.s3.dualstack.ca-central-1.amazonaws.com/flex029/uploads/opensourcedesign/original/1X/c3efb3453c50b34fbaca207e35451a7649eaf1d9.png)](http://maven.apache.org/) ![]()

- (i1) Homepage + Documentation Skin mockup, [more screenshots](http://www.xwiki.org/xwiki/bin/view/Blog/DocumentationFlavorExample)  
[![](https://cdck-file-uploads-canada1.s3.dualstack.ca-central-1.amazonaws.com/flex029/uploads/opensourcedesign/original/1X/1b2f803d6a5355c948c77a2efd1b011e8afe3523.png)](http://www.xwiki.org/xwiki/bin/download/Blog/DocumentationFlavorExample/maven_homepage.png)[![](https://cdck-file-uploads-canada1.s3.dualstack.ca-central-1.amazonaws.com/flex029/uploads/opensourcedesign/original/1X/0cb42908ab822dccd205976b54590b6372852091.png)](http://www.xwiki.org/xwiki/bin/download/Blog/DocumentationFlavorExample/maven_doc.png)

- (i2) Homepage content alternative wireframe  
 ![](https://cdck-file-uploads-canada1.s3.dualstack.ca-central-1.amazonaws.com/flex029/uploads/opensourcedesign/original/1X/25e1449faa3400babf675e52807a5af72f1fa660.png) ![]()

Let continue the work and contributions here.

---

<div class="post-metadata">

**Author:** ![hboutemy](https://yyz1.discourse-cdn.com/flex029/user_avatar/discourse.opensourcedesign.net/hboutemy/32/436_2.png) [@hboutemy](https://discourse.opensourcedesign.net/u/hboutemy)\
**Post date:** [November 25, 2017, 3:17pm UTC](https://discourse.opensourcedesign.net/t/jobs-redesign-maven-website/394/3 "2017-11-25T15:17:55Z")

</div>

for incremental tests of little improvements that the full redesign discussion may find, current site code is available on [GitHub](https://github.com/apache/maven-site), and its skin (the template) is also available on [GitHub](https://github.com/apache/maven-fluido-skin) with its associated [Maven Fluido Skin documentation](https://maven.apache.org/skins/maven-fluido-skin/).

One first idea I see from the wireframe is that we’d need to be able to have front page without left menu, while having the rest of the page with the menu: I’ll see how to make this possible in maven-site-plugin, I just opened [MSKINS-138](https://issues.apache.org/jira/browse/MSKINS-138) on the topic

On the skin, there are some improvements that come to my mind that could improve UX on the current site:

- make the skin more responsive: left menu on computer, top menu on tablet, burger on phone (instead of current [left or top bar static configuration](https://maven.apache.org/skins/maven-fluido-skin/#TopBar_andor_sideBar))
- on each page, have a TOC tracking in which section you’re currently (like [https://beam.apache.org/get-started/quickstart-java/](https://beam.apache.org/get-started/quickstart-java/))
- on each section title, have a link visible when mouse is over to be able to get an url (like [this](http://www.apache.org/dev/cms#usage))
- improve lisibility and user-friendliness in the left menu [MSKINS-117](https://issues.apache.org/jira/browse/MSKINS-117)

On content organization, there are multiple profiles with specific needs:

- people just needing to build a project with Maven,
- people needing to configure a Maven build for their own project (configuring Maven plugins);
- people wanting to create their own Maven plugins
- perhaps people wanting to create an Maven archetype or a Maven Site skin
- people wanting to use repositories and publish to Central repository (eventually without Maven)
- people wanting to contribute to Maven

---

<div class="post-metadata">

**Author:** ![rfscholte](https://yyz1.discourse-cdn.com/flex029/user_avatar/discourse.opensourcedesign.net/rfscholte/32/433_2.png) [@rfscholte](https://discourse.opensourcedesign.net/u/rfscholte)\
**Post date:** [November 25, 2017, 4:31pm UTC](https://discourse.opensourcedesign.net/t/jobs-redesign-maven-website/394/4 "2017-11-25T16:31:07Z")

</div>

IIRC statistics say most people still use the desktop to visit this site, so that should still have the main focus regarding UX.

If we want to put these topics on the landing page, I prefer to reduce it to something like:

- using Maven (build a project + configure it)
- extending Maven (create X)
- contributing

publishing to Central sounds like a FAQ. Maybe (Maven) Central is a global topic as well, not just the publishing part.

---

<div class="post-metadata">

**Author:** ![hboutemy](https://yyz1.discourse-cdn.com/flex029/user_avatar/discourse.opensourcedesign.net/hboutemy/32/436_2.png) [@hboutemy](https://discourse.opensourcedesign.net/u/hboutemy)\
**Post date:** [November 26, 2017, 9:29pm UTC](https://discourse.opensourcedesign.net/t/jobs-redesign-maven-website/394/5 "2017-11-26T21:29:50Z")

</div>

> IIRC statistics say most people still use the desktop to visit this site

did you ever try to visit the site with something else than a desktop? That would perfectly explain why there are only desktops: it’s completely unusable.

Honestly, I’m convinced desktop is the main target (it’s a build tool), but having something usable when not on desktop would be useful for people just occasionally looking for info

For the 3 profiles, yes, I imagine we can summarize like that

---

<div class="post-metadata">

**Author:** ![Ghost](https://yyz1.discourse-cdn.com/flex029/user_avatar/discourse.opensourcedesign.net/ghost/32/450_2.png) [@Ghost](https://discourse.opensourcedesign.net/u/Ghost)\
**Post date:** [November 30, 2017, 10:26pm UTC](https://discourse.opensourcedesign.net/t/jobs-redesign-maven-website/394/6 "2017-11-30T22:26:22Z")

</div>

Hi, finally had some time to work on this, I made a content inventory of the Apache identity ecosystem:

![Apache Maven Logo-01](https://cdck-file-uploads-canada1.s3.dualstack.ca-central-1.amazonaws.com/flex029/uploads/opensourcedesign/original/1X/0bc8fb075ea2aec0715d2e765d70e7272744fb53.jpg)  
We can see that some of them use Apache as part of the logo, I’m partial to making the Maven logo along the lines of the Solr, Struts, Cordova, Spark or Flex.

I think it could help to break the project down:  
1.- Start with the logo  
Too establish the identity, and after that  
2.- Work on a mood board to settle on colors and a theme around the identity,  
Next step:  
3.- Mockups  
Thanks to @hboutemy for already describing the kind of users and their specific needs, that’s great 😃  
**What do you think?**

---

<div class="post-metadata">

**Author:** ![hboutemy](https://yyz1.discourse-cdn.com/flex029/user_avatar/discourse.opensourcedesign.net/hboutemy/32/436_2.png) [@hboutemy](https://discourse.opensourcedesign.net/u/hboutemy)\
**Post date:** [December 6, 2017, 7:11am UTC](https://discourse.opensourcedesign.net/t/jobs-redesign-maven-website/394/7 "2017-12-06T07:11:08Z")

</div>

notice we have a mascott that is currently a little bit hidden: ![Maven Owl](http://maven.apache.org/images/mascot-small.svg)

We already discussed about adding it to the logo and chose not to do: it’s juyst a mascott. But integrating it nicely somewhere would be useful

On redesigning a logo, previous attempts on creating a consensus was hard and give following conclusion: ![Maven logo](https://canada1.discourse-cdn.com/flex029/uploads/opensourcedesign/original/1X/67ed2c50dea1732c7dc7053803dd971ab1fa85ed.png)  
I fear revisiting the logo will give a hard work

I’m more convinced of the color theme idea

---

<div class="post-metadata">

**Author:** ![dashorst](https://yyz1.discourse-cdn.com/flex029/user_avatar/discourse.opensourcedesign.net/dashorst/32/457_2.png) [@dashorst](https://discourse.opensourcedesign.net/u/dashorst)\
**Post date:** [December 7, 2017, 8:22am UTC](https://discourse.opensourcedesign.net/t/jobs-redesign-maven-website/394/8 "2017-12-07T08:22:13Z")

</div>

While I’m no designer, I have created the [wicket.apache.org](http://wicket.apache.org) website and figured to try and give my take on the Maven project. I’m a fan of maven, though my relationship with it is complicated 😉

As a long time user of Maven, the thing that I remember most is that the website looks too cluttered and doesn’t provide the most important information to the prospected user: what is it exactly, the benefits for me, pointers to the most commonly used resources (docs, get started, downloads and community).

This design puts that information to the front and center: what is Maven, what is the most recent news, what are the benefits and where can I find more information. Gone is the endless list of links to the most remote outpost of features, but that should move behind a click with an overview.

Note that this is only two pages: the front and a content page for getting started. If this is a direction you’d like to go, I can mock up more.

![002](https://cdck-file-uploads-canada1.s3.dualstack.ca-central-1.amazonaws.com/flex029/uploads/opensourcedesign/original/1X/ac9682a9d4deaebb9cb811765aa9edd16c472f6f.png) ![001](https://cdck-file-uploads-canada1.s3.dualstack.ca-central-1.amazonaws.com/flex029/uploads/opensourcedesign/original/1X/9d14b2b838a47ef20844f66156e1fafd0f8d303a.png)

---

<div class="post-metadata">

**Author:** ![evalica](https://yyz1.discourse-cdn.com/flex029/user_avatar/discourse.opensourcedesign.net/evalica/32/9_2.png) [@evalica](https://discourse.opensourcedesign.net/u/evalica)\
**Post date:** [December 7, 2017, 5:46pm UTC](https://discourse.opensourcedesign.net/t/jobs-redesign-maven-website/394/9 "2017-12-07T17:46:29Z")

</div>

I like the structure of the homepage and the areas.

---

<div class="post-metadata">

**Author:** ![Ghost](https://yyz1.discourse-cdn.com/flex029/user_avatar/discourse.opensourcedesign.net/ghost/32/450_2.png) [@Ghost](https://discourse.opensourcedesign.net/u/Ghost)\
**Post date:** [December 14, 2017, 7:37am UTC](https://discourse.opensourcedesign.net/t/jobs-redesign-maven-website/394/10 "2017-12-14T07:37:18Z")

</div>

I’ll work this weekend on the website wireframes,  
and had these two in the back burner and wanted to share them, if anyone likes them let me know 🙂

![T-Shirt MockUp_Front](https://cdck-file-uploads-canada1.s3.dualstack.ca-central-1.amazonaws.com/flex029/uploads/opensourcedesign/original/1X/fcf6a4a19b8f18f37ec3df92258d4852b53e9a0d.jpg)  
note: just noticed the apache text is way too high, need sleep.

---

<div class="post-metadata">

**Author:** ![Ghost](https://yyz1.discourse-cdn.com/flex029/user_avatar/discourse.opensourcedesign.net/ghost/32/450_2.png) [@Ghost](https://discourse.opensourcedesign.net/u/Ghost)\
**Post date:** [December 14, 2017, 6:14pm UTC](https://discourse.opensourcedesign.net/t/jobs-redesign-maven-website/394/11 "2017-12-14T18:14:09Z")

</div>

btw, how can I get email notifications?  
I thought the thread was gathering dust, and only by chance I remembered to visit the website again and saw a lot of new comments.  
Thanks

---

<div class="post-metadata">

**Author:** ![rfscholte](https://yyz1.discourse-cdn.com/flex029/user_avatar/discourse.opensourcedesign.net/rfscholte/32/433_2.png) [@rfscholte](https://discourse.opensourcedesign.net/u/rfscholte)\
**Post date:** [January 17, 2018, 9:25pm UTC](https://discourse.opensourcedesign.net/t/jobs-redesign-maven-website/394/12 "2018-01-17T21:25:38Z")

</div>

A couple of weeks ago I joined a hangout with the XWiki team. Long story short: Maven generates quite some static pages and there’s no real need for dynamic pages right now. So we probably shouldn’t focus on solutions like XWiki can provide.  
It seems like the templates provided by @dashorst are more in line with the requirements.

---

<div class="post-metadata">

**Author:** ![dashorst](https://yyz1.discourse-cdn.com/flex029/user_avatar/discourse.opensourcedesign.net/dashorst/32/457_2.png) [@dashorst](https://discourse.opensourcedesign.net/u/dashorst)\
**Post date:** [January 29, 2018, 1:08pm UTC](https://discourse.opensourcedesign.net/t/jobs-redesign-maven-website/394/13 "2018-01-29T13:08:15Z")

</div>

I’ve done some additional work on more pages.

Home page:  
 ![001](https://cdck-file-uploads-canada1.s3.dualstack.ca-central-1.amazonaws.com/flex029/uploads/opensourcedesign/original/1X/f40ad5b29860f9e069c5bc2b6bbdce37fe307e90.png)

Documentation landing page:  
 ![002](https://cdck-file-uploads-canada1.s3.dualstack.ca-central-1.amazonaws.com/flex029/uploads/opensourcedesign/original/1X/d5282f2c3d0d64f308c375e8e0f7327929e47d7a.png)

Getting started:  
 ![003](https://cdck-file-uploads-canada1.s3.dualstack.ca-central-1.amazonaws.com/flex029/uploads/opensourcedesign/original/1X/1acc2947698e6787c80e26ecdc807cfe8ea8f507.png)

Projects landing page  
 ![004](https://cdck-file-uploads-canada1.s3.dualstack.ca-central-1.amazonaws.com/flex029/uploads/opensourcedesign/original/1X/063a0ce0f3939ef3e1e658b219d0eb3406e42f77.png)

Example project:  
 ![005](https://cdck-file-uploads-canada1.s3.dualstack.ca-central-1.amazonaws.com/flex029/uploads/opensourcedesign/original/1X/028d887c0e047519ac4982ec9bfc8a1456c6b88f.png)

Drop down menu from example project:  
 ![006](https://cdck-file-uploads-canada1.s3.dualstack.ca-central-1.amazonaws.com/flex029/uploads/opensourcedesign/original/1X/825f10db19f5eb8a00b62c58a69164484b7c9a66.png)

---

<div class="post-metadata">

**Author:** ![Erioldoesdesign](https://yyz1.discourse-cdn.com/flex029/user_avatar/discourse.opensourcedesign.net/erioldoesdesign/32/2895_2.png) [@Erioldoesdesign](https://discourse.opensourcedesign.net/u/Erioldoesdesign)\
**Post date:** [July 31, 2021, 9:12pm UTC](https://discourse.opensourcedesign.net/t/jobs-redesign-maven-website/394/14 "2021-07-31T21:12:58Z")

</div>