Open hunvreus opened 6 years ago
Grabbing. Gonna discuss with @xueyuanren to improve CMS UI/UX first
@hunvreus @wwayne Here is what I have for now. Not sure about the logo on the top left corner, do we user client's logo or Jekyllpro? I've added some icons to the menu as examples. For the form elements, I am not sure how many kinds of components we gonna have. For now, I asked zihui to help to provide the screenshots for some information.
Just got some urgent tasks from sam's, so need to work on that first. Please let me know your comments and I'll finalize the design and the "content type" page later on.
cc @stephanedelgado @ShuziC
Here's the first round of graphic elements/logos.
From where I stand, Jekyll(Plus) and Jekyll(Pro) is the best way to name and differentiate the two offers; the two names sound and look good in an effortless way.
UIUX weights heavy in selling point
I see the landing page carrying a mix of attached graphic elements/logos, together with extracts from the interface
Any comments welcome
Counter proposal for the logo:
Trying to combine J
, the +
and somehow remind the shape of a test tube (logo from Jekyll).
Personally, I like 1.
For the font, I'd take a geometric font;
These are just suggestions.
Looks very good!
UNIQLO has a line designed by Jil Sander called +J
would this be a problem?
Also if J+ has a logomark, will we need one too for JPlus and should they be related? My approach was to think of a design that would work as a "family" but maybe it's not needed
Dunno, maybe we can use a similar logotype with something else instead of the plus. For example (for JekyllPro):
Maybe something like that:
Brand name is Jekyllplus, the core branding includes:
A simple and straightforward logo mark: The “plus” translates into the mathematical symbols “+”
A "J+" symbol which appears only in the UI in the form of an animated widget
A few things we should redesign:
blog/my-blog-post
is underblog
,about/news/my-new-news
is underabout/news
which is underabout
). This requires to read the_config.yml
to define the rule to generate the URL for each content entry. This would have the added benefit of allowing us to show the preview link.Make the live site editable;
Additionally, we could have a menu link always visible in one of the corners, allowing the user to access the CMS, add content, view build status...
This should be all possible with two steps;
<div jekyllpro='_posts/2018-09-32-my-blog-post.md'>
) and have a one line<script>
that points at a simple JS file that adds the hover behavior for elements that have the right attribute.