{"id":315,"date":"2016-03-22T10:05:19","date_gmt":"2016-03-22T10:05:19","guid":{"rendered":"https:\/\/conversion.com\/60-free-ui-elements-from-our-20-day-design-challenge\/"},"modified":"2024-08-14T09:11:07","modified_gmt":"2024-08-14T09:11:07","slug":"60-free-ui-elements-from-our-20-day-design-challenge","status":"publish","type":"post","link":"https:\/\/conversion.com\/blog\/60-free-ui-elements-from-our-20-day-design-challenge\/","title":{"rendered":"60 Free UI elements from our 20 day design challenge"},"content":{"rendered":"<section class=\"c-post-content\" data-ref=\"case-content\">\n\t<div class=\"post-content\">\n\t\t<div class=\"post-content__container container container--medium\">\n\t\t\t<aside class=\"post-content__sidebar post-content__sidebar--links\">\n\t\t\t\t<div class=\"sticky-menu\" data-ref=\"case-content-menu\">\n\t\t\t\t\t<h3 class=\"sticky-menu__title\">Contents<\/h3>\n\t\t\t\t\t<ul class=\"sticky-menu\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t                            \t\t\t\t\t\t\t<li class=\"sticky-menu__item\">\n\t\t\t\t\t\t\t\t<a class=\"sticky-menu__item-link  active\" href=\"#introduction\" data-ref=\"case-content-menu-item\">\n\t\t\t\t\t\t\t\t\t<span class=\"arrow\"><svg viewBox=\"0 0 16 20\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M10.6875 9.34375V7.34375L13.3438 10L10.6875 12.6562V10.6562H2.65625V9.34375H10.6875Z\" fill=\"#F6876F\"\/><\/svg><\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"sticky-menu__item-text\">Introduction<\/span>\n\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t                            \t\t\t\t\t\t\t<li class=\"sticky-menu__item\">\n\t\t\t\t\t\t\t\t<a class=\"sticky-menu__item-link \" href=\"#howdidyoucomeupwiththeidea\" data-ref=\"case-content-menu-item\">\n\t\t\t\t\t\t\t\t\t<span class=\"arrow\"><svg viewBox=\"0 0 16 20\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M10.6875 9.34375V7.34375L13.3438 10L10.6875 12.6562V10.6562H2.65625V9.34375H10.6875Z\" fill=\"#F6876F\"\/><\/svg><\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"sticky-menu__item-text\">How did you come up with the idea?<\/span>\n\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t                            \t\t\t\t\t\t\t<li class=\"sticky-menu__item\">\n\t\t\t\t\t\t\t\t<a class=\"sticky-menu__item-link \" href=\"#whatwasthehardestpartaboutthechallenge\" data-ref=\"case-content-menu-item\">\n\t\t\t\t\t\t\t\t\t<span class=\"arrow\"><svg viewBox=\"0 0 16 20\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M10.6875 9.34375V7.34375L13.3438 10L10.6875 12.6562V10.6562H2.65625V9.34375H10.6875Z\" fill=\"#F6876F\"\/><\/svg><\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"sticky-menu__item-text\">What was the hardest part about the challenge?<\/span>\n\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t                            \t\t\t\t\t\t\t<li class=\"sticky-menu__item\">\n\t\t\t\t\t\t\t\t<a class=\"sticky-menu__item-link \" href=\"#whichdesignelementdidyoufindmostchallengingandwhy\" data-ref=\"case-content-menu-item\">\n\t\t\t\t\t\t\t\t\t<span class=\"arrow\"><svg viewBox=\"0 0 16 20\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M10.6875 9.34375V7.34375L13.3438 10L10.6875 12.6562V10.6562H2.65625V9.34375H10.6875Z\" fill=\"#F6876F\"\/><\/svg><\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"sticky-menu__item-text\">Which design element did you find most challenging and why?<\/span>\n\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t                            \t\t\t\t\t\t\t<li class=\"sticky-menu__item\">\n\t\t\t\t\t\t\t\t<a class=\"sticky-menu__item-link \" href=\"#whichisyourfavouriteelementyoudesigned\" data-ref=\"case-content-menu-item\">\n\t\t\t\t\t\t\t\t\t<span class=\"arrow\"><svg viewBox=\"0 0 16 20\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M10.6875 9.34375V7.34375L13.3438 10L10.6875 12.6562V10.6562H2.65625V9.34375H10.6875Z\" fill=\"#F6876F\"\/><\/svg><\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"sticky-menu__item-text\">Which is your favourite element you designed?<\/span>\n\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t                            \t\t\t\t\t\t\t<li class=\"sticky-menu__item\">\n\t\t\t\t\t\t\t\t<a class=\"sticky-menu__item-link \" href=\"#whatdidyoulearnfromthechallenge\" data-ref=\"case-content-menu-item\">\n\t\t\t\t\t\t\t\t\t<span class=\"arrow\"><svg viewBox=\"0 0 16 20\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M10.6875 9.34375V7.34375L13.3438 10L10.6875 12.6562V10.6562H2.65625V9.34375H10.6875Z\" fill=\"#F6876F\"\/><\/svg><\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"sticky-menu__item-text\">What did you learn from the challenge?<\/span>\n\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t                            \t\t\t\t\t\t\t<li class=\"sticky-menu__item\">\n\t\t\t\t\t\t\t\t<a class=\"sticky-menu__item-link \" href=\"#isthissomethingyoudrecommendtootherdesignersordesignteams\" data-ref=\"case-content-menu-item\">\n\t\t\t\t\t\t\t\t\t<span class=\"arrow\"><svg viewBox=\"0 0 16 20\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M10.6875 9.34375V7.34375L13.3438 10L10.6875 12.6562V10.6562H2.65625V9.34375H10.6875Z\" fill=\"#F6876F\"\/><\/svg><\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"sticky-menu__item-text\">Is this something you\u2019d recommend to other designers or design teams?<\/span>\n\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t<\/ul>\n\t\t\t\t<\/div>\n\t\t\t<\/aside>\n\n\t\t\t<div class=\"post-content__content\">\n\t\t\t\t<ul class=\"post-content__sections\">\n\t\t\t\t\t                        \t\t\t\t\t\t<li class=\"post-content__section\" id=\"introduction\" data-ref=\"case-content-item\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"post-content__section-content\"><p>Our designers work tirelessly on creating impactful new versions of our clients\u2019 websites, pages and UI elements \u2013 and are always balancing persuasive impactful changes\u00a0and matching the look and feel (or brand guidelines) provided by clients.<\/p>\n<p>As a creative exercise the team decided it would be a fun challenge to try and create 20 unique user interface elements each \u2013 in 20 days. Each day the team had one specific element to work on (e.g. \u201csimple price comparison element\u201d), and got to create the element without any brand guidelines or guidance to adhere to.<\/p>\n<p>Today, we\u2019re giving away the output as inspiration \u2013 <a href=\"http:\/\/20days.myportfolio.com\/\">check out the gallery of all\u00a060 elements<\/a>.<\/p>\n<p>The team have answered a number of questions to provide more detail about the project and what they learned.<\/p>\n<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"post-content__index\">\n\t\t\t\t\t\t\t\t<h3 class=\"post-content__index-title\">Contents<\/h3>\n\t\t\t\t\t\t\t\t<ul class=\"post-content__index-links\" data-ref=\"case-content-menu\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"post-content__index-link\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#introduction\" data-ref=\"case-content-menu-item\">\n\t\t\t\t\t\t\t\t\t\t\t\tIntroduction\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"post-content__index-link\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#howdidyoucomeupwiththeidea\" data-ref=\"case-content-menu-item\">\n\t\t\t\t\t\t\t\t\t\t\t\tHow did you come up with the idea?\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"post-content__index-link\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#whatwasthehardestpartaboutthechallenge\" data-ref=\"case-content-menu-item\">\n\t\t\t\t\t\t\t\t\t\t\t\tWhat was the hardest part about the challenge?\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"post-content__index-link\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#whichdesignelementdidyoufindmostchallengingandwhy\" data-ref=\"case-content-menu-item\">\n\t\t\t\t\t\t\t\t\t\t\t\tWhich design element did you find most challenging and why?\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"post-content__index-link\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#whichisyourfavouriteelementyoudesigned\" data-ref=\"case-content-menu-item\">\n\t\t\t\t\t\t\t\t\t\t\t\tWhich is your favourite element you designed?\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"post-content__index-link\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#whatdidyoulearnfromthechallenge\" data-ref=\"case-content-menu-item\">\n\t\t\t\t\t\t\t\t\t\t\t\tWhat did you learn from the challenge?\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"post-content__index-link\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#isthissomethingyoudrecommendtootherdesignersordesignteams\" data-ref=\"case-content-menu-item\">\n\t\t\t\t\t\t\t\t\t\t\t\tIs this something you\u2019d recommend to other designers or design teams?\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t                        \t\t\t\t\t\t<li class=\"post-content__section\" id=\"howdidyoucomeupwiththeidea\" data-ref=\"case-content-item\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h2 class=\"post-content__section-title\">How did you come up with the idea?<\/h2>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"post-content__section-content\"><p><strong>Justyna Kusa (Senior UX designer):<\/strong><\/p>\n<p>We were inspired by similar initiatives, like \u201c40 days of dating\u201d by Jessica Walsh and Timothy Goodman (<a href=\"http:\/\/fortydaysofdating.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">http:\/\/fortydaysofdating.com\/<\/a>). The main aim was to find a task where we\u2019re not limited by any brand guidelines (as in our regular work) and we can still focus on something web or app related. Setting a UI challenge sounded like a good solution. We wanted to commit and work regularly on a project and know that it will end after a set period of time.<\/p>\n<p><strong>Natalia Magda (UX designer):<\/strong><\/p>\n<p>We wanted to make something together, as a design team, that will wake up our creativity. We wanted to play with colours, typography, ux solutions. To try something new. And we also wanted to challenge ourselves and learn new skills.<\/p>\n<p><strong>Ana Araujo (UX designer):<\/strong><\/p>\n<p>We came up with this idea to challenge yourself to create something new, exciting, full of creativity and that could give us the opportunity to do a nice project together as a team.<\/p>\n<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t                        \t\t\t\t\t\t<li class=\"post-content__section\" id=\"whatwasthehardestpartaboutthechallenge\" data-ref=\"case-content-item\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h2 class=\"post-content__section-title\">What was the hardest part about the challenge?<\/h2>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"post-content__section-content\"><p><strong>Natalia:\u00a0<\/strong><\/p>\n<p>Some days were pretty heavy with\u00a0client work, so it was hard to find time and energy to work on an additional project.<\/p>\n<p><strong>Ana:<\/strong><\/p>\n<p>Manage the time between the client work and this challenge and also sometimes it was difficult to achieve the final result that I was 100 percent happy.<\/p>\n<p><strong>Justyna:<\/strong><\/p>\n<p>The hardest bit was finding enough time for a side project and work on our clients\u2019 designs. In both areas we wanted to provide the highest quality output and that turned out to be quite challenging. The second difficulty was to be inspired all the time. Sometimes you\u00a0can come up with a great idea\u00a0straight away, other time it can be quite long process.<\/p>\n<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\n\t\t\t\t\t\t                            <div data-target=\"post-newsletter-anchor\" data-device=\"mobile\"><\/div>\n                        \t\t\t\t\t                        \t\t\t\t\t\t<li class=\"post-content__section\" id=\"whichdesignelementdidyoufindmostchallengingandwhy\" data-ref=\"case-content-item\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h2 class=\"post-content__section-title\">Which design element did you find most challenging and why?<\/h2>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"post-content__section-content\"><p><strong>Ana:<\/strong><\/p>\n<p>Day 19 \u2013 Payment method, took me a long time, lots of experimentations until I get this final result.<\/p>\n<p><a href=\"https:\/\/conversion.com\/wp-content\/uploads\/2022\/06\/ana-payment-method.png\" rel=\"attachment wp-att-634\"><img decoding=\"async\" class=\"wp-image-634 aligncenter\" src=\"https:\/\/conversion.com\/wp-content\/uploads\/2022\/06\/ana-payment-method.png\" alt=\"ana payment method\" width=\"600\" height=\"480\" \/><\/a><\/p>\n<p><strong>Justyna<\/strong>:<\/p>\n<p>It was probably on the 6th day, when we agreed\u00a0to design a contact us form. The topic certainly wasn\u2019t new, but I was trying to experiment with a\u00a0style that was a new area for me. I tend to design in quite a subtle way, so I wasn\u2019t quite sure if the stronger route that I chose was the correct one.<\/p>\n<p><a href=\"https:\/\/conversion.com\/wp-content\/uploads\/2022\/06\/justyna-contact-form.png\" rel=\"attachment wp-att-635\"><img decoding=\"async\" class=\"wp-image-635 aligncenter\" src=\"https:\/\/conversion.com\/wp-content\/uploads\/2022\/06\/justyna-contact-form.png\" alt=\"justyna contact form\" width=\"599\" height=\"479\" \/><\/a><\/p>\n<p><strong>Natalia:<\/strong><\/p>\n<p>The first task was the hardest for me. I needed to get into it, get inspired and start the challenge.<\/p>\n<p><a href=\"https:\/\/conversion.com\/wp-content\/uploads\/2022\/06\/404-page-natalia.png\" rel=\"attachment wp-att-636\"><img decoding=\"async\" class=\"wp-image-636 aligncenter\" src=\"https:\/\/conversion.com\/wp-content\/uploads\/2022\/06\/404-page-natalia.png\" alt=\"404 page natalia\" width=\"600\" height=\"480\" \/><\/a><\/p>\n<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t                        \t\t\t\t\t\t<li class=\"post-content__section\" id=\"whichisyourfavouriteelementyoudesigned\" data-ref=\"case-content-item\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h2 class=\"post-content__section-title\">Which is your favourite element you designed?<\/h2>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"post-content__section-content\"><p><strong>Justyna:<\/strong><\/p>\n<p dir=\"ltr\">I like music app from day 18th. Probably because I was listening this album a lot while working on the entire challenge!<\/p>\n<p dir=\"ltr\"><a href=\"https:\/\/conversion.com\/wp-content\/uploads\/2022\/06\/justyna-music-app.png\" rel=\"attachment wp-att-637\"><img decoding=\"async\" class=\"wp-image-637 aligncenter\" src=\"https:\/\/conversion.com\/wp-content\/uploads\/2022\/06\/justyna-music-app.png\" alt=\"justyna music app\" width=\"600\" height=\"480\" \/><\/a><\/p>\n<p><strong>Ana:<\/strong><\/p>\n<p>I will say 18 day \u2013 Music app. Zero 7 is my one of my favourite bands since I was\u00a0a teenager, especially that album, every time I listen \u00a0just give me a good Vibe and I think it comes through in the design.<\/p>\n<p><a href=\"https:\/\/conversion.com\/wp-content\/uploads\/2022\/06\/ana-music-app.png\" rel=\"attachment wp-att-639\"><img decoding=\"async\" class=\"wp-image-639 aligncenter\" src=\"https:\/\/conversion.com\/wp-content\/uploads\/2022\/06\/ana-music-app.png\" alt=\"ana music app\" width=\"599\" height=\"479\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p><strong>Natalia:<\/strong><\/p>\n<p>Music app \u2013 because I never worked on anything like this before.<\/p>\n<p><a href=\"https:\/\/conversion.com\/wp-content\/uploads\/2022\/06\/natalia-music-app.png\" rel=\"attachment wp-att-638\"><img decoding=\"async\" class=\"wp-image-638 aligncenter\" src=\"https:\/\/conversion.com\/wp-content\/uploads\/2022\/06\/natalia-music-app.png\" alt=\"natalia music app\" width=\"600\" height=\"480\" \/><\/a><\/p>\n<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t                        \t\t\t\t\t\t<li class=\"post-content__section\" id=\"whatdidyoulearnfromthechallenge\" data-ref=\"case-content-item\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h2 class=\"post-content__section-title\">What did you learn from the challenge?<\/h2>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"post-content__section-content\"><p><strong>Natalia<\/strong><\/p>\n<p>I reassured myself that simple solutions are (usually) the best ones.<\/p>\n<p><strong>Justyna<\/strong>:<\/p>\n<p>I explored a few visual styles that were new to me. But every topic was not only challenge from a\u00a0visual point of view \u2013 I wanted every piece to present a solution that will be friendly for a potential user. That was a big learning experience as well.<\/p>\n<p><strong>Ana<\/strong><\/p>\n<p>Well, I got to explore my creativity a lot, and try different approaches from my usual style.<\/p>\n<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t                        \t\t\t\t\t\t<li class=\"post-content__section\" id=\"isthissomethingyoudrecommendtootherdesignersordesignteams\" data-ref=\"case-content-item\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h2 class=\"post-content__section-title\">Is this something you\u2019d recommend to other designers or design teams?<\/h2>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"post-content__section-content\"><p><strong>Ana<\/strong><\/p>\n<p>Of course! All design teams and\u00a0designers should do this type of project from time to time. The challenge increases the level of creativity, allows you to explore new approaches and\u00a0get out of\u00a0our safe \u2018space\u2019 and just do things that you\u2019ve never done\u00a0before. It\u2019s a great\u00a0project\u00a0for a design team or an individual designer.<\/p>\n<p><strong>Natalia<\/strong><\/p>\n<p>I would definitely recommend it to any design team. It was fun to do something together, outside of the day to day projects.<\/p>\n<p><strong>Justyna<\/strong><\/p>\n<p>I would definitely recommend it!\u00a0It\u2019s good to prove to yourself that you\u2019re able to do a bit more. It\u2019s great for warming up and focusing on creative thinking. It was also a very nice team building experience. We were supporting each other and sharing a constructive feedback all the time.<\/p>\n<p>&nbsp;<\/p>\n<p>Go have a look at <a href=\"http:\/\/20days.myportfolio.com\/\">the full gallery<\/a> and if you want any help with persuasive UI elements drop as a line: hello@conversion.com<\/p>\n<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\n\t\t\t\t\t\t                            <div data-target=\"post-newsletter-anchor\" data-device=\"mobile\"><\/div>\n                        \t\t\t\t\t\n\t\t\t\t<\/ul>\n\t\t\t<\/div>\n\n\t\t\t<aside class=\"post-content__sidebar post-content__sidebar--form\">\n\t\t\t\t<div class=\"sticky-newsletter\" data-target=\"post-newsletter-anchor\" data-device=\"desktop\">\n                \t<div class=\"post-newsletter\" data-target=\"post-newsletter\">\n    <h4 class=\"post-newsletter__title\">Real-world growth experiments. In your inbox. Every week. <\/h4>\n            <div class=\"post-newsletter__form post-newsletter__form--world kam-world\">\n        <script charset=\"utf-8\" type=\"text\/javascript\" src=\"\/\/js.hsforms.net\/forms\/embed\/v2.js\"><\/script> <script>   hbspt.forms.create({     region: \"na1\",     portalId: \"9358319\",     formId: \"4e927e03-4f90-466a-8646-7f94947f860c\"   }); <\/script>\n    <\/div>\n            <div class=\"post-newsletter__form post-newsletter__form--uk-us kam-uk-us\">\n            <script charset=\"utf-8\" type=\"text\/javascript\" src=\"\/\/js.hsforms.net\/forms\/embed\/v2.js\"><\/script><script>hbspt.forms.create({ region: \"na1\", portalId: \"9358319\", formId: \"03e799e7-ee63-4857-9182-cb3a687dba40\" });<\/script>\n        <\/div>\n        <div class=\"post-newsletter__terms\"><p>Join 5,000+ optimizers who subscribe to our content<\/p>\n<\/div>\n<\/div>\n\t\t\t\t<\/div>\n            <\/aside>\n\t\t<\/div>\n\t<\/div>\n<\/section>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":10,"featured_media":323,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"content-type":"","footnotes":""},"categories":[23],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v21.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>60 Free UI elements from our 20 day design challenge | Conversion<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/conversion.com\/blog\/60-free-ui-elements-from-our-20-day-design-challenge\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"60 Free UI elements from our 20 day design challenge | Conversion\" \/>\n<meta property=\"og:url\" content=\"https:\/\/conversion.com\/blog\/60-free-ui-elements-from-our-20-day-design-challenge\/\" \/>\n<meta property=\"og:site_name\" content=\"Conversion\" \/>\n<meta property=\"article:published_time\" content=\"2016-03-22T10:05:19+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-08-14T09:11:07+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/conversion.com\/wp-content\/uploads\/2022\/06\/UI-Challenge-Blog-image.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"805\" \/>\n\t<meta property=\"og:image:height\" content=\"502\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Sam Crocker\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Sam Crocker\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/conversion.com\/blog\/60-free-ui-elements-from-our-20-day-design-challenge\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/conversion.com\/blog\/60-free-ui-elements-from-our-20-day-design-challenge\/\"},\"author\":{\"name\":\"Sam Crocker\",\"@id\":\"https:\/\/conversion.com\/#\/schema\/person\/b6ecf7a298cb6472c5f6caa0e27798a8\"},\"headline\":\"60 Free UI elements from our 20 day design challenge\",\"datePublished\":\"2016-03-22T10:05:19+00:00\",\"dateModified\":\"2024-08-14T09:11:07+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/conversion.com\/blog\/60-free-ui-elements-from-our-20-day-design-challenge\/\"},\"wordCount\":8,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/conversion.com\/#organization\"},\"articleSection\":[\"Design &amp; UX\"],\"inLanguage\":\"en-GB\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/conversion.com\/blog\/60-free-ui-elements-from-our-20-day-design-challenge\/\",\"url\":\"https:\/\/conversion.com\/blog\/60-free-ui-elements-from-our-20-day-design-challenge\/\",\"name\":\"60 Free UI elements from our 20 day design challenge | Conversion\",\"isPartOf\":{\"@id\":\"https:\/\/conversion.com\/#website\"},\"datePublished\":\"2016-03-22T10:05:19+00:00\",\"dateModified\":\"2024-08-14T09:11:07+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/conversion.com\/blog\/60-free-ui-elements-from-our-20-day-design-challenge\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/conversion.com\/blog\/60-free-ui-elements-from-our-20-day-design-challenge\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/conversion.com\/blog\/60-free-ui-elements-from-our-20-day-design-challenge\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/conversion.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"60 Free UI elements from our 2&hellip;\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/conversion.com\/#website\",\"url\":\"https:\/\/conversion.com\/\",\"name\":\"Conversion\",\"description\":\"Better results with evidence\",\"publisher\":{\"@id\":\"https:\/\/conversion.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/conversion.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/conversion.com\/#organization\",\"name\":\"Conversion\",\"url\":\"https:\/\/conversion.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/conversion.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/conversion.com\/wp-content\/uploads\/2022\/12\/Colour-Logo.png\",\"contentUrl\":\"https:\/\/conversion.com\/wp-content\/uploads\/2022\/12\/Colour-Logo.png\",\"width\":1821,\"height\":193,\"caption\":\"Conversion\"},\"image\":{\"@id\":\"https:\/\/conversion.com\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/conversion.com\/#\/schema\/person\/b6ecf7a298cb6472c5f6caa0e27798a8\",\"name\":\"Sam Crocker\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/conversion.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/be14e4b366b1467e6c0c965793367ced?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/be14e4b366b1467e6c0c965793367ced?s=96&d=mm&r=g\",\"caption\":\"Sam Crocker\"},\"description\":\"Sam Crocker is the Managing Director of Conversion.com\",\"url\":\"https:\/\/conversion.com\/blog\/author\/sam-crocker\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"60 Free UI elements from our 20 day design challenge | Conversion","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/conversion.com\/blog\/60-free-ui-elements-from-our-20-day-design-challenge\/","og_locale":"en_GB","og_type":"article","og_title":"60 Free UI elements from our 20 day design challenge | Conversion","og_url":"https:\/\/conversion.com\/blog\/60-free-ui-elements-from-our-20-day-design-challenge\/","og_site_name":"Conversion","article_published_time":"2016-03-22T10:05:19+00:00","article_modified_time":"2024-08-14T09:11:07+00:00","og_image":[{"width":805,"height":502,"url":"https:\/\/conversion.com\/wp-content\/uploads\/2022\/06\/UI-Challenge-Blog-image.jpg","type":"image\/jpeg"}],"author":"Sam Crocker","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Sam Crocker"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/conversion.com\/blog\/60-free-ui-elements-from-our-20-day-design-challenge\/#article","isPartOf":{"@id":"https:\/\/conversion.com\/blog\/60-free-ui-elements-from-our-20-day-design-challenge\/"},"author":{"name":"Sam Crocker","@id":"https:\/\/conversion.com\/#\/schema\/person\/b6ecf7a298cb6472c5f6caa0e27798a8"},"headline":"60 Free UI elements from our 20 day design challenge","datePublished":"2016-03-22T10:05:19+00:00","dateModified":"2024-08-14T09:11:07+00:00","mainEntityOfPage":{"@id":"https:\/\/conversion.com\/blog\/60-free-ui-elements-from-our-20-day-design-challenge\/"},"wordCount":8,"commentCount":0,"publisher":{"@id":"https:\/\/conversion.com\/#organization"},"articleSection":["Design &amp; UX"],"inLanguage":"en-GB"},{"@type":"WebPage","@id":"https:\/\/conversion.com\/blog\/60-free-ui-elements-from-our-20-day-design-challenge\/","url":"https:\/\/conversion.com\/blog\/60-free-ui-elements-from-our-20-day-design-challenge\/","name":"60 Free UI elements from our 20 day design challenge | Conversion","isPartOf":{"@id":"https:\/\/conversion.com\/#website"},"datePublished":"2016-03-22T10:05:19+00:00","dateModified":"2024-08-14T09:11:07+00:00","breadcrumb":{"@id":"https:\/\/conversion.com\/blog\/60-free-ui-elements-from-our-20-day-design-challenge\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/conversion.com\/blog\/60-free-ui-elements-from-our-20-day-design-challenge\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/conversion.com\/blog\/60-free-ui-elements-from-our-20-day-design-challenge\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/conversion.com\/"},{"@type":"ListItem","position":2,"name":"60 Free UI elements from our 2&hellip;"}]},{"@type":"WebSite","@id":"https:\/\/conversion.com\/#website","url":"https:\/\/conversion.com\/","name":"Conversion","description":"Better results with evidence","publisher":{"@id":"https:\/\/conversion.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/conversion.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-GB"},{"@type":"Organization","@id":"https:\/\/conversion.com\/#organization","name":"Conversion","url":"https:\/\/conversion.com\/","logo":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/conversion.com\/#\/schema\/logo\/image\/","url":"https:\/\/conversion.com\/wp-content\/uploads\/2022\/12\/Colour-Logo.png","contentUrl":"https:\/\/conversion.com\/wp-content\/uploads\/2022\/12\/Colour-Logo.png","width":1821,"height":193,"caption":"Conversion"},"image":{"@id":"https:\/\/conversion.com\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/conversion.com\/#\/schema\/person\/b6ecf7a298cb6472c5f6caa0e27798a8","name":"Sam Crocker","image":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/conversion.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/be14e4b366b1467e6c0c965793367ced?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/be14e4b366b1467e6c0c965793367ced?s=96&d=mm&r=g","caption":"Sam Crocker"},"description":"Sam Crocker is the Managing Director of Conversion.com","url":"https:\/\/conversion.com\/blog\/author\/sam-crocker\/"}]}},"_links":{"self":[{"href":"https:\/\/conversion.com\/wp-json\/wp\/v2\/posts\/315"}],"collection":[{"href":"https:\/\/conversion.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/conversion.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/conversion.com\/wp-json\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/conversion.com\/wp-json\/wp\/v2\/comments?post=315"}],"version-history":[{"count":3,"href":"https:\/\/conversion.com\/wp-json\/wp\/v2\/posts\/315\/revisions"}],"predecessor-version":[{"id":6780,"href":"https:\/\/conversion.com\/wp-json\/wp\/v2\/posts\/315\/revisions\/6780"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/conversion.com\/wp-json\/wp\/v2\/media\/323"}],"wp:attachment":[{"href":"https:\/\/conversion.com\/wp-json\/wp\/v2\/media?parent=315"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/conversion.com\/wp-json\/wp\/v2\/categories?post=315"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}