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

From Design System to ‘NFT Design System’: Creating TinyFaces

Neurodiversity and Inclusion: Choosing Kinder Design

medium_652ccf22c8853584bde5553986a4eed0.png

small_652ccf22c8853584bde5553986a4eed0.png

thumbnail_652ccf22c8853584bde5553986a4eed0.png

Web5 is here. Goodbye Web3? TBD.

<p>Published on <a href="https://blog.prototypr.io/revue-an-insight-into-my-process-3df607281b08?source=rss----eb297ea1161a---4">| Prototyping: From UX to Front End &mdash; Medium</a> Paul von Excite <img alt="" src="https://cdn-images-1.medium.com/max/1024/1*s_q-sGuLuR8VG01YPGM_uw.png"></p>
<h3><strong>Introduction</strong></h3>
<p>Revue is the easiest tool to create a weekly email newsletter. You focus on curation, we’ll make sure it looks good.</p>
<p>Revue is a new tool that creates newsletters within a few clicks. The tool can be used to gather existing content, order it, add some personal words and send out the resulting ready designed newsletter to subscribers. Revue can be used by everyone; from families, starters and start-ups to companies who already have a subscriber database. A Revue account includes a predesigned landing page with signup form that can be shared to reach out and boost the number of subscribers. Existing subscribers can be imported from several sources including MailChimp.</p>
<h3>Get to know the brand</h3>
<p>On before hand I always ask a few question to the client in terms of; what they do, their goals, target-audience, keywords, direction of style for the logo specifically and a few reference images. All these questions come in handy when starting your inspiration journey.</p>
<p>Their goal is to build a brand with Revue in the future and are searching for a simple and clean custom type, friendly and approachable for consumers as well as the business market. Yet simple it need to have it’s own identity and stand out from other competitors. For alternate standalone use on smaller sizes they also needed a distinctive “R” icon.</p>
<p>Keywords: Personal, Elegant, Clean, Modern, Simple, Professional, Strong, Warm, Classic, Friendly.</p>
<p>Next to the description and keywords the client also wanted to explore certain other styles based on reference of my previous work, like; Brthrs, Stencil, Painterly, Craft. Not all of these examples have the right specification in relation to the description and keywords but it is good to explore other possibilities.</p>
<h3><strong>Research and Inspiration</strong></h3>
<p>All received information is a good starting point for beginning the research, which I’d like to start creating a small mood board of logo styles I personally find a good fit and inspirational letterforms I may end up using.</p>
<p><img alt="" src="https://cdn-images-1.medium.com/max/800/1*doeBfLcKa1WqwH3QamsaQg.png"><em>Examples are found using; Google and Pinterest by searching “custom logotype Elegant”, “logo lettering friendly” for example.</em></p>
<h3><strong>Sketching</strong></h3>
<p>Partly thanks to doing research I have a strong idea for direction in mind which I’m going to visually develop in the sketch phase. This phase primary focuses on; sizes, letterforms and connection options. Usually with the letter connection part I run into problems, in this particular case I see the “v-u” connection could be a problem and read as a “r”. Other than that, I didn’t see any big problems on before hand.</p>
<p><img alt="" src="https://cdn-images-1.medium.com/max/800/1*JkZeiqRKNiq_tBIo1XOciQ.png"><img alt="" src="https://cdn-images-1.medium.com/max/800/1*xH5q3NJOpaj0auqxXRs6mg.png"></p>
<p>At this point the client will get involved. It would be a waste of time to fully develop a logo without consulting the clients preference. At first the client liked the right middle option most but after a quick digital transfer and mock up on the website we both agreed the middle left one was the best option and suited the description best. As I already mentioned above, the “v-u” is a problem, the legibility was way better disconnecting the “v-u”.</p>
<h3><strong>Concept Development</strong></h3>
<p>It is time to transfer the raw sketch work into an usable detailed sketch for digitalizing. Vectorizing the raw sketch work is also an option but I like to do as less digital work as possible.</p>
<p><img alt="" src="https://cdn-images-1.medium.com/max/800/1*lOpAAAcYx0yjwnpm6vuyAg.png"><em>The notes above the sketch are handy to keep track on the points of interest while redrawing.</em><img alt="" src="https://cdn-images-1.medium.com/max/800/1*YUzOCQ_kaa18Eq2QFYsmlQ.png"><em>As you see the redrawing turned out a bit better detailed as the initial sketch work. Still room to improve but we take care of that while vectorizing.</em><img alt="" src="https://cdn-images-1.medium.com/max/800/1*ppaS8ETzVRkcF8ZXSTU1Xw.png"></p>
<h3><strong>Digitalizing and Revisions</strong></h3>
<p>I am here working with 0 and 90 degree bezier handles method, there is a excellent tutorial about that method over at <a href="http://theagsc.com/community/tutorials/so-whats-the-big-deal-with-horizontal-vertical-bezier-handles-anyway/">AGCS</a> by Dave Coleman.</p>
<p><img alt="" src="https://cdn-images-1.medium.com/max/800/1*gKhCxVKE1uhDqTMaqx49kg.png"></p>
<p>As I mentioned earlier, the detailed sketch iteration had room for improvement. In above shown picture, the layered vector WIP is shown on top of the scanned detailed sketch. The revisions I made are foremost; width/size adjustments, kerning and consistent tails/connections/slants.</p>
<p><strong><em>A quick tip: I always found it very helpful to send a concept to another “lettering” designer to gain other insights and feedback.</em></strong></p>
<p><img alt="" src="https://cdn-images-1.medium.com/max/800/1*Y2Ktw8bRsQwX-LDnDB5Nkg.png"><img alt="" src="https://cdn-images-1.medium.com/max/800/1*ZzTJtsk90OMg4ufojucu1Q.png"><img alt="" src="https://cdn-images-1.medium.com/max/800/1*EHqU-UJDqNvb8L8stV-blw.png"></p>
<h3><strong>Alternate version</strong></h3>
<p>Now the full logotype has been created, we still need an alternate initial “R” icon for smaller sizes usage. Goal was to maintain the character of the “R”.</p>
<p>I Sketched out two ideas, one based on the existing “R” which was good but not that ideal for usage without the circle. The second one has a cut off leg, we both agreed this was the best option as it was usable with and without a circle and maintained the character of the “R”.</p>
<p><img alt="" src="https://cdn-images-1.medium.com/max/800/1*-iykRQM6ndFK13GKurfjNA.png"></p>
<p>The stand alone “R” was only for the smallest usage scenarios. The word Revue itself is not that long, so it is suitable for profile pictures like Twitter and Facebook.</p>
<p><img alt="" src="https://cdn-images-1.medium.com/max/800/1*Vi4M1fNqpLVNpVDnfoiFVQ.png"></p>
<h3><strong>The Final result</strong></h3>
<p>From the first mail contact till the final result it took me around 40 hours to complete. The new logo for Revue is now ready for actual use and I’m very happy about the final result. I hope this insight in my process has been helpful. I’m open for feedback to improve future articles of this kind. Thanks for reading!</p>
<p><img alt="" src="https://cdn-images-1.medium.com/max/800/1*0DNxq1LQ6GZ_S-be2p8dXA.jpeg"><img alt="" src="https://cdn-images-1.medium.com/max/800/1*hcPlsuyEUO33kx3sP_VVrQ.jpeg"><img alt="" src="https://cdn-images-1.medium.com/max/800/1*A8vAmX0gTGzZdJGGam3TtA.png"><img alt="" src="https://cdn-images-1.medium.com/max/800/1*yL-rvhUjPJSoCevj4ZOLkg.jpeg"><img alt="" src="https://cdn-images-1.medium.com/max/800/1*FcNOyjldCm7pwEWnX2r4DQ.png"></p>
<h3><strong>Client Testimonial</strong></h3>
<p><strong>Martijn de Kuiper (Founder Revue)<br /></strong><a href="https://www.getrevue.co/"><strong>getrevue.co</strong></a></p>
<p><em>“I was surprised how well Paul managed to capture our feelings in to a logo. It totally matched our wishes and went beyond our expectations. Paul is super talented and I’d recommend him to everybody who’s looking for a new (custom type) logo.”</em></p>
<p>&#8211; paulvonexcite.com</p>
<p><img alt="" src="https://cdn-images-1.medium.com/max/149/1*uvsilF6uk9UCRT2innhvrg.png"><iframe src="https://cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fupscri.be%2Ff51076%3Fas_embed%3Dtrue&amp;url=https%3A%2F%2Fupscri.be%2Ff51076%2F&#038;image=https%3A%2F%2Fe.enpose.co%2F%3Fkey%3DdRXnS9Gplk%26w%3D700%26h%3D425%26url%3Dhttps%253A%252F%252Fupscri.be%252Ff51076%252F%253Fenpose&amp;key=a19fcc184b9711e1b4764040d3dc5c07&amp;type=text%2Fhtml&amp;schema=upscri" width="800" height="400" frameborder="0"><a href="https://medium.com/media/b85dfbb5286d8a25cf2e754b9462cf45/href">https://medium.com/media/b85dfbb5286d8a25cf2e754b9462cf45/href</a></iframe><img src="https://medium.com/_/stat?event=post.clientViewed&amp;referrerSource=full_rss&amp;postId=3df607281b08" width="1" height="1" alt="stat?event=post.clientViewed&amp;referrerSou"></p>
<hr>
<p><a href="https://blog.prototypr.io/revue-an-insight-into-my-process-3df607281b08">Revue, an insight into my process.</a> was originally published in <a href="https://blog.prototypr.io">prototypr</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.</p>


Revue, an insight into my process.

Revue, an insight into my process.

Introduction

Top Stories