create account

knacksteem.org - Landing page by outwork

View this thread on: hive.blog |  peakd.com |  ecency.com
utopian-io · @outwork · (edited)
$65.95
knacksteem.org - Landing page
![knacksteem-landing-thumb(1).jpg](https://cdn.steemitimages.com/DQmQT6mvErcXu9BFXFtXyMLrf1JxwxUzep2L7ZzZmUV1VPE/knacksteem-landing-thumb(1).jpg)
![presentation-2.jpg](https://cdn.steemitimages.com/DQmZMydLfRpwaeCpkssXeFVZw8LoTCE9D4qwYw5XNoeDcKB/presentation-2.jpg)

#### Repository
[Knacksteem Repository](https://github.com/knacksteem/knacksteem.org)


#### Details
> KnackSteem is aimed to reward great and passionate article writers, hard-working individuals willing to promote their culture and interesting, original skills. It aims to remove the need for mediators and encourage cultural activities and sharing your passion with a wide audience, getting rewarded in the process.

My task was to create an eye-catching still easy to read landing page design for the new rewarding platform on steemit blockchain. @knowledges demanded me to do a really up-to-date, fresh website design, so I have used flat illustrations to explain the how knacksteem works.

#### Benefits / Improvements
The designer who made the logo for Knacksteem (@radudangratian) did a great job: he has chosen some great colours for Knacksteem branding. Blue with black and grey looks really well together, so making the illustrations nice and eye-catching was an easy task. I have used some illustrations from https://undraw.co/ which is great resource for free, MIT licensed, high quality illustrations. I have customised them, to match Knacksteem branding also added some small details which make them outstanding (like the small Steemit logos everywhere). This was a really fun part of the landing page design process.

My goal was to create a landing page design great whitespace/content ratio to make it easier for the visitors to understand the process of how Knacksteem works. Also played around with different shades of grey to separate the website sections from each other. Used regular and bold versions of Montserrat font, which gives great balance between headers and paragraph texts, also it is lightweight, perfect for fast loading UIs.


### Screenshot
![knacksteem-landing-page.png](https://cdn.steemitimages.com/DQmW3bUFsYzzafm9ht4UWRwTXNWh6YWgduWYwVgeUupJnk8/knacksteem-landing-page.png)

#### Proof of authorship
![proof-of-work.jpg](https://cdn.steemitimages.com/DQmQRGQVDmDr7fJHYJ6rGYEfpgj5mQiP8C7dV6Q9qMPeLiL/proof-of-work.jpg)

#### Tools
I have used Adobe Photoshop and Illustrator.

#### Original files
[PSD file](https://drive.google.com/drive/folders/1SPslBC-h_T2CB2ljAqoT_8sE-3ccnVBR?usp=sharing)

This work is licensed under [Creative Commons Attribution 4.0 International License](https://creativecommons.org/licenses/by/4.0/)


#### Proof of Work Done
[outwork's Github profile](https://github.com/outwork)

This awesome mockups are made using https://artboard.studio/
πŸ‘  , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , and 105 others
properties (23)
authoroutwork
permlinkknacksteem-org-landing-page-1536094505960
categoryutopian-io
json_metadata{"app":"steemit/0.1","format":"markdown","image":["https://cdn.steemitimages.com/DQmQT6mvErcXu9BFXFtXyMLrf1JxwxUzep2L7ZzZmUV1VPE/knacksteem-landing-thumb(1).jpg","https://cdn.steemitimages.com/DQmZMydLfRpwaeCpkssXeFVZw8LoTCE9D4qwYw5XNoeDcKB/presentation-2.jpg","https://cdn.steemitimages.com/DQmW3bUFsYzzafm9ht4UWRwTXNWh6YWgduWYwVgeUupJnk8/knacksteem-landing-page.png","https://cdn.steemitimages.com/DQmQRGQVDmDr7fJHYJ6rGYEfpgj5mQiP8C7dV6Q9qMPeLiL/proof-of-work.jpg"],"tags":["utopian-io","graphics","art","creative","design"],"users":["knowledges","radudangratian"],"links":["https://github.com/knacksteem/knacksteem.org","https://undraw.co/","https://drive.google.com/drive/folders/1SPslBC-h_T2CB2ljAqoT_8sE-3ccnVBR?usp=sharing","https://creativecommons.org/licenses/by/4.0/","https://github.com/outwork","https://artboard.studio/"]}
created2018-09-04 20:55:09
last_update2018-09-05 21:27:21
depth0
children17
last_payout2018-09-11 20:55:09
cashout_time1969-12-31 23:59:59
total_payout_value49.269 HBD
curator_payout_value16.677 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length2,776
author_reputation8,624,637,244,027
root_title"knacksteem.org - Landing page"
beneficiaries
0.
accountutopian.pay
weight500
max_accepted_payout100,000.000 HBD
percent_hbd10,000
post_id70,328,663
net_rshares60,387,275,055,242
author_curate_reward""
vote details (169)
@andrejcibik ·
$7.85
Thank you for your contribution. 

I like the illustrations you have found and used, even if they are not your creations, they fit the design well and greatly increase its value. 

- white space above and below the illustration should have been at least doubled. It will make them stand out more and readability will be better. Its not bad as it is, but more white space is almost always better. 
- Same goes for logo which has insufficient white space above and bellow. Smaller logo would resolve this issue. 
- At least a quick example of of mobile layout (at least above fold and menu) would greatly help the developers. 


Your contribution has been evaluated according to [Utopian policies and guidelines](https://join.utopian.io/guidelines), as well as a predefined set of questions pertaining to the category.

To view those questions and the relevant answers related to your post, [click here](https://review.utopian.io/result/6/3111212).

---- 
Need help? Write a ticket on https://support.utopian.io/. 
Chat with us on [Discord](https://discord.gg/uTyJkNm). 
[[utopian-moderator]](https://join.utopian.io/)
πŸ‘  , , , , ,
properties (23)
authorandrejcibik
permlinkre-outwork-knacksteem-org-landing-page-1536094505960-20180907t063001332z
categoryutopian-io
json_metadata{"tags":["utopian-io"],"links":["https://join.utopian.io/guidelines","https://review.utopian.io/result/6/3111212","https://support.utopian.io/","https://discord.gg/uTyJkNm","https://join.utopian.io/"],"app":"steemit/0.1"}
created2018-09-07 06:30:06
last_update2018-09-07 06:30:06
depth1
children1
last_payout2018-09-14 06:30:06
cashout_time1969-12-31 23:59:59
total_payout_value6.024 HBD
curator_payout_value1.821 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length1,116
author_reputation30,106,021,348,653
root_title"knacksteem.org - Landing page"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id70,577,827
net_rshares7,385,113,769,353
author_curate_reward""
vote details (6)
@utopian-io · 
Thank you for your review, @andrejcibik!

So far this week you've reviewed 1 contributions. Keep up the good work!
properties (22)
authorutopian-io
permlinkre-re-outwork-knacksteem-org-landing-page-1536094505960-20180907t063001332z-20180911t235511z
categoryutopian-io
json_metadata"{"app": "beem/0.19.42"}"
created2018-09-11 23:55:12
last_update2018-09-11 23:55:12
depth2
children0
last_payout2018-09-18 23:55:12
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length114
author_reputation152,955,367,999,756
root_title"knacksteem.org - Landing page"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id71,030,836
net_rshares0
@knowledges · 
Hey @outwork. This is indeed great and I really appreciate the effort you put into creating a very cool design. Bravo
properties (22)
authorknowledges
permlinkre-outwork-knacksteem-org-landing-page-1536094505960-20180904t210814278z
categoryutopian-io
json_metadata{"tags":["utopian-io"],"users":["outwork"],"app":"steemit/0.1"}
created2018-09-04 21:08:18
last_update2018-09-04 21:08:18
depth1
children1
last_payout2018-09-11 21:08:18
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length117
author_reputation98,021,227,622,369
root_title"knacksteem.org - Landing page"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id70,329,695
net_rshares0
@outwork · 
Thank you @knowledges. It was a fun project, loved every moment which i spent working on it. Thanks for the opportunity.
properties (22)
authoroutwork
permlinkre-knowledges-re-outwork-knacksteem-org-landing-page-1536094505960-20180905t003045241z
categoryutopian-io
json_metadata{"tags":["utopian-io"],"users":["knowledges"],"app":"steemit/0.1"}
created2018-09-05 00:30:48
last_update2018-09-05 00:30:48
depth2
children0
last_payout2018-09-12 00:30:48
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length120
author_reputation8,624,637,244,027
root_title"knacksteem.org - Landing page"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id70,342,485
net_rshares0
@podanrj · (edited)
That is why. Look like i have been looking that graphics everywhere. 😁.

I dont know yet about undraw.co. 😁
properties (22)
authorpodanrj
permlinkre-outwork-knacksteem-org-landing-page-1536094505960-20180904t210746790z
categoryutopian-io
json_metadata{"community":"busy","app":"busy/2.5.6","format":"markdown","tags":["utopian-io"],"users":[],"links":[],"image":[]}
created2018-09-04 21:07:48
last_update2018-09-04 21:09:09
depth1
children2
last_payout2018-09-11 21:07:48
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length107
author_reputation34,222,365,119,710
root_title"knacksteem.org - Landing page"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id70,329,652
net_rshares0
@outwork · 
You have to check their website. They shared a lots of high quality illustrations for free! :)
properties (22)
authoroutwork
permlinkre-podanrj-re-outwork-knacksteem-org-landing-page-1536094505960-20180904t211425085z
categoryutopian-io
json_metadata{"tags":["utopian-io"],"app":"steemit/0.1"}
created2018-09-04 21:14:30
last_update2018-09-04 21:14:30
depth2
children1
last_payout2018-09-11 21:14:30
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length94
author_reputation8,624,637,244,027
root_title"knacksteem.org - Landing page"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id70,330,153
net_rshares0
@podanrj · 
Yeah nice to knowπŸ˜€. I am just do everything starting with draw. That why, i dont know an awesome website like undraw.co
πŸ‘  
properties (23)
authorpodanrj
permlinkre-outwork-re-podanrj-re-outwork-knacksteem-org-landing-page-1536094505960-20180904t211650384z
categoryutopian-io
json_metadata{"tags":["utopian-io"],"app":"steemit/0.1"}
created2018-09-04 21:16:54
last_update2018-09-04 21:16:54
depth3
children0
last_payout2018-09-11 21:16:54
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length119
author_reputation34,222,365,119,710
root_title"knacksteem.org - Landing page"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id70,330,322
net_rshares2,439,669,302
author_curate_reward""
vote details (1)
@radudangratian ·
$0.02
Very nice and cool presentation. Congrats! The logo was made to be versatile, and as you can see the logo fits in a lot of environments .  I really like the concept!
πŸ‘  
properties (23)
authorradudangratian
permlinkre-outwork-knacksteem-org-landing-page-1536094505960-20180904t205948089z
categoryutopian-io
json_metadata{"tags":["utopian-io"],"app":"steemit/0.1"}
created2018-09-04 20:59:51
last_update2018-09-04 20:59:51
depth1
children7
last_payout2018-09-11 20:59:51
cashout_time1969-12-31 23:59:59
total_payout_value0.019 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length165
author_reputation9,349,481,006,152
root_title"knacksteem.org - Landing page"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id70,329,036
net_rshares17,764,928,814
author_curate_reward""
vote details (1)
@outwork · (edited)
Yes, it looks pretty cool! Glad you like it :)
properties (22)
authoroutwork
permlinkre-radudangratian-re-outwork-knacksteem-org-landing-page-1536094505960-20180905t003141207z
categoryutopian-io
json_metadata{"tags":["utopian-io"],"app":"steemit/0.1"}
created2018-09-05 00:31:45
last_update2018-09-05 00:32:00
depth2
children0
last_payout2018-09-12 00:31:45
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length46
author_reputation8,624,637,244,027
root_title"knacksteem.org - Landing page"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id70,342,544
net_rshares0
@podanrj · 
Not really 😜.
properties (22)
authorpodanrj
permlinkre-radudangratian-re-outwork-knacksteem-org-landing-page-1536094505960-20180904t210852438z
categoryutopian-io
json_metadata{"community":"busy","app":"busy/2.5.6","format":"markdown","tags":["utopian-io"],"users":[],"links":[],"image":[]}
created2018-09-04 21:08:54
last_update2018-09-04 21:08:54
depth2
children5
last_payout2018-09-11 21:08:54
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length16
author_reputation34,222,365,119,710
root_title"knacksteem.org - Landing page"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id70,329,748
net_rshares0
@radudangratian · 
Can you explain why? With some real arguments?
properties (22)
authorradudangratian
permlinkre-podanrj-re-radudangratian-re-outwork-knacksteem-org-landing-page-1536094505960-20180904t210954027z
categoryutopian-io
json_metadata{"tags":["utopian-io"],"app":"steemit/0.1"}
created2018-09-04 21:09:54
last_update2018-09-04 21:09:54
depth3
children4
last_payout2018-09-11 21:09:54
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length46
author_reputation9,349,481,006,152
root_title"knacksteem.org - Landing page"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id70,329,826
net_rshares0
@steem-ua · 
#### Hi @outwork!

Your post was upvoted by @steem-ua, new Steem dApp, using UserAuthority for algorithmic post curation!
Your post is eligible for our upvote, thanks to our collaboration with @utopian-io!
**Feel free to join our [@steem-ua Discord server](https://discord.gg/KpBNYGz)**
properties (22)
authorsteem-ua
permlinkre-knacksteem-org-landing-page-1536094505960-20180907t070906z
categoryutopian-io
json_metadata"{"app": "beem/0.19.54"}"
created2018-09-07 07:09:06
last_update2018-09-07 07:09:06
depth1
children0
last_payout2018-09-14 07:09:06
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length286
author_reputation23,214,230,978,060
root_title"knacksteem.org - Landing page"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id70,580,370
net_rshares0
@utopian-io · 
Hey, @outwork!

**Thanks for contributing on Utopian**.
We’re already looking forward to your next contribution!

**Get higher incentives and support Utopian.io!**
 Simply set @utopian.pay as a 5% (or higher) payout beneficiary on your contribution post (via [SteemPlus](https://chrome.google.com/webstore/detail/steemplus/mjbkjgcplmaneajhcbegoffkedeankaj?hl=en) or [Steeditor](https://steeditor.app)).

**Want to chat? Join us on Discord https://discord.gg/h52nFrV.**

<a href='https://steemconnect.com/sign/account-witness-vote?witness=utopian-io&approve=1'>Vote for Utopian Witness!</a>
πŸ‘  ,
properties (23)
authorutopian-io
permlinkre-knacksteem-org-landing-page-1536094505960-20180907t072535z
categoryutopian-io
json_metadata"{"app": "beem/0.19.42"}"
created2018-09-07 07:25:36
last_update2018-09-07 07:25:36
depth1
children0
last_payout2018-09-14 07:25:36
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length589
author_reputation152,955,367,999,756
root_title"knacksteem.org - Landing page"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id70,581,370
net_rshares16,292,847,821
author_curate_reward""
vote details (2)
Help/Feedback