Update design for web app
davydovanton opened this issue Β· comments
We need to update mobile version and also will be awesome to improve UI for all versions
wow, @dazzz I like this π
Looks really good!
@dazzz and also I really like lifebuoy idea π
@dazzz and just ideas for discussion:
- What do you think if we make background colors less contrast?
- Add top line for header texts ("what is this", "latest issues")
- Change background color for footer for greater compatibility
- I can work more on colours once we setup with all of the structure. Actually we can even do it once markup is ready. Since it is a matter of one variable, right? That's how I usually do it to be honest. π
- What do you mean by top line? Can you give me some kind of sketch of your idea?
- Compatibility with what? Didn't fully get it. Can you elaborate?
@davydovanton Btw, wanted to sync on site map. Tell me if I forget something:
- Landing
- About
- How to help
- Task List
- Task Create
- Task Show
- Profile
As for landing page. Can you help me with steps for "I want to contribute" / "I'm a maintainer" section? How about:
- View task
- Pick up task with suitable language and difficulty
- Contact a maintainer
And
- Create a task
- Specify language and difficulty
- Wait for contributors to help you
Also, do you have any suggestions for landing page sections? Should I add something?
π»
@dazzz yes, your sitemap is correct.
About steps:
Steps for developers good, but I think we need to fix maintainer steps to:
- Create a task
- Wait for contributors to help you
- Help developer to complete your task
I don't have other suggestions for landing page π
@davydovanton thanks for corrections. As for heading I think it's quite unusual to add line on top. The point of this line is to push heading away from body text. I will play around with headings and we will settle on most appropriate option. π
I just noticed that we kinda missing mentoring part of the website. Maybe we don't advertise it enough that maintainers will be helping contributors and guiding them towards solution. π€
so, mentoring the most important part of this application that's why yes we should to notice this on the landing page π
Wow! Really great start.
I think maybe should copy few things from Cult:
- Intro is small and user see tasks without a scroll. Content-first UX principle is good.
- Tasks cards are big and contain most of information.
@dazzz awesome! π
@dazzz great job π
@dazzz awesome π
@dazzz what do you think, when we can use your work and will update application design? :)
@davydovanton Well I cannot stop you, but I would delay to next week. Something may change. I hope to have most of the pages ready. π
At least Landing
/Task CRUD
/Profile
.
@dazzz cool, good news π
feel free for any delay what you need :)
@dazzz you forgot about "export" button in Task > New page ;)
@dazzz Hey, can I ask you update the design for one new page? :)
It's leaderboard page. We need to create this page for users and mentors(task authors). I see it as a simple table with three columns (position, username(with a link to profile and avatar) and points). It'll be cool to separate first three positions (what do you think?).
@davydovanton on it!
@dazzz awesome π
@dazzz Hey, could you send me logo sketch? :)
I want to create Twitter account and will be great to use logo here π
Here is the link to sketch file. You can find all of the designs and logo there. Logo is located on Logo
page. π
@dazzz awesome. Thanks!
Also I think you can actually start implementing designs. I could maybe help later with this as well. :)
yep, good idea, I'll start working on index page π
Awesome! π You are welcome!
@dazzz could you help with two issues? :)
First
I want to improve UX for task status. I have two different states:
Do you have any ideas how we can do it intelligible and simple for users?
Second
I want to create a simple blog for new release posts. And it will be awesome if you help me with design for it π
I will work on it π Btw, why are there two identical images? π
oh, sorry. I fixed it :)
@dazzz