small_Fcsqb5pWQAAzPIK.jpeg

thumbnail_Fcsqb5pWQAAzPIK.jpeg

Adobe acquires Figma, cue the memes 🤪

large_Crossover Series NFTs.png

medium_Crossover Series NFTs.png

small_Crossover Series NFTs.png

thumbnail_Crossover Series NFTs.png

From Photography to NFT Art: Twisted Digital Landscapes with Nate Hill

Still can’t get a UX job? Give up.

large_featuredImage

medium_featuredImage

small_featuredImage

thumbnail_featuredImage

Sticking to UI/UX trends is a losing strategy

<p><a href="http://ift.tt/2sgCe8o">medium bookmark / Raindrop.io</a> |  </p>
<div>
<div>
<div><img src="http://ift.tt/2rLrawm" alt="1*gZg8k9NKyPQ5VnOpN_zT6w.png"></div>
</div>
<p>When I redesigned <a href="http://sidebar.io/">Sidebar</a> last year my main goal was to <a href="http://ift.tt/2sq4TpL">shake things up</a>. The result was a pretty radical new design, which introduced cards &amp; thumbnails, and deliberately hid away most of the content.</p>
</div>
<div>
<div>
<div><img src="http://ift.tt/2sv6Gdx" alt="1*n1BpufAtaXbChgA1g25auQ.png"></div>
</div>
<div>
<div><img src="http://ift.tt/2rLmRGk" alt="1*Qehe5sQ2EEAdYVAo0VxmkQ.png"></div>
</div>
<p>Sidebar’s 2016 redesign</p></div>
<div>
<p>I still think this was an interesting pattern (and I’m curious to see if it’ll be picked up anywhere else), but the downside is that it was a fairly rigid format.</p>
<p>So for this latest design, I decided to go back to basics and return to a more standard single-column design:</p>
<div>
<div><img src="http://ift.tt/2suZyOc" alt="1*18_kxLKD8DgiJZcDt3LAGQ.png"></div>
</div>
<h3>Bigger &amp; Better Typography</h3>
<p>I also wanted to give more importance to typography (still using the gorgeous <a href="http://ift.tt/1OupfDt">GT Eesti</a> as my main typeface, but with the addition of <a href="http://ift.tt/2aK0cAV">Merriweather</a> for body copy), which shows through in the oversized headings for dates and page titles:</p>
<div>
<div><img src="http://ift.tt/2rLwcOp" alt="1*57F_MXp5uPjEgrtDWDK3-Q.png"></div>
</div>
<p>Speaking of typography, the new version now sports short descriptions for each link. Descriptions have been one of the most-requested features for a while now, and I’m hoping they make it easier to decide what to read or not.</p>
<p>Search is still here as well. You can search by keyword, category, or date:</p>
<div>
<div><img src="http://ift.tt/2svmsVx" alt="1*DOGYXUVsd0Ad_F0FDqFUmA.gif"></div>
</div>
<h3>The Sidebar Job Board</h3>
<p>Another big improvement is the addition of a job board. There are admittedly already a lot of design job boards out there, but finding a designer can still be a challenge.</p>
<p>I’m hoping that the fact that Sidebar reaches designers directly in their inbox can make a difference!</p>
<div>
<div><img src="http://ift.tt/2rLmE67" alt="1*5zc_4Kq9qTvklQMP_1SMnQ.png"></div>
</div>
<h3>Powered by Vulcan</h3>
<p>On the technical side, Sidebar is still powered by <a href="http://vulcanjs.org/">Vulcan</a>, my own open-source framework now running on <a href="http://graphql.org/">GraphQL</a>. I’m obviously biased, but thanks to Vulcan working on this redesign was very smooth.</p>
<p>I was able to easily add the job board and a whole new <a href="http://ift.tt/2rGhnN3">sponsored link</a> submission flow, which left me more time to focus on designing the front-end layer.</p>
<p>In fact I turned that sponsored link flow into <a href="https://www.youtube.com/playlist?list=PLBoa_Q6hVeSzGqmpl4xUS9913lTP15Zve">a series of tutorial videos</a>, so you too can know how Sidebar is made (and use the payments module I developed for the occasion to add <a href="http://stripe.com/">Stripe</a> to your app).</p>
<h3>Till Next Year</h3>
<p>This is not a ground-breaking new design by any means, but it should be good enough to last me at least until next year. In the meantime, thanks for being a Sidebar subscriber (and if you’re not, then <a href="http://sidebar.io/">go sign up</a>!).</p>
</div>
<div><a href="http://ift.tt/2sgCe8o">http://ift.tt/2sgCe8o</a></div>


A New Sidebar Sidebar gets a fresh new design for the summer

A New Sidebar Sidebar gets a fresh new design for the summer

Top Stories