, <h1> and <paragraph> content"},{"kind":"block","type":"list-item","textContent":"Name images properly and use alt text"}]}]},"videos":null,"images":null}]}}]},{"topics":[{"name":"Product Design"},{"name":"Growth Strategy"}],"name":"Product Design Process","path":"/assets/blog/product-design-process","id":"675fcf1ec7d4476784131839","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"Product Design Process"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/38/product_design_sb_blog.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/38/@100/product_design_sb_blog.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/38/@200/product_design_sb_blog.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/38/@500/product_design_sb_blog.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/38/@768/product_design_sb_blog.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/38/@1024/product_design_sb_blog.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/38/@1366/product_design_sb_blog.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/38/@1600/product_design_sb_blog.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/38/@1920/product_design_sb_blog.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/38/@100/product_design_sb_blog.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/38/@200/product_design_sb_blog.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/38/@500/product_design_sb_blog.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/38/@768/product_design_sb_blog.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/38/@1024/product_design_sb_blog.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/38/@1366/product_design_sb_blog.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/38/@1600/product_design_sb_blog.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/38/@1920/product_design_sb_blog.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/38/@100/product_design_sb_blog.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/38/@200/product_design_sb_blog.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/38/@500/product_design_sb_blog.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/38/@768/product_design_sb_blog.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/38/@1024/product_design_sb_blog.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/38/@1366/product_design_sb_blog.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/38/@1600/product_design_sb_blog.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/38/@1920/product_design_sb_blog.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Filipa Amado"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"October 29th, 2019"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Creating an effective and clear "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services"},"textContent":"Product Design"},{"kind":"inline","textContent":" Process can have a huge impact on your business. Defining proper techniques and methods will help you better solve any problems while also respond to the client’s needs. With this process, you will be able to develop and design the best possible product."}]}],"plainText":["Creating an effective and clear Product Design Process can have a huge impact on your business. Defining proper techniques and methods will help you better solve any problems while also respond to the client’s needs. With this process, you will be able to develop and design the best possible product."]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":{"text":"What is product design process?"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Product design is complicated and complex. It’s important for a business to have a well-structured process with clear arranged steps to plan and integrate. This is achieved by developing a Product Design Process."},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"A "},{"kind":"inline","type":"link","metadata":{"href":"https://www.imaginarycloud.com/blog/product-design-process/"},"textContent":"product design process"},{"kind":"inline","textContent":" can be defined as a sequence of steps that are followed by a product team to develop a design solution. It’s a series of design tasks that follow a product from start to finish. From idea to the final product ready to be commercially available to the "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/product-strategy-understanding-product-positioning"},"textContent":"target user"},{"kind":"inline","textContent":"."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"It’s impossible to provide a universal design process that fits all products, tangible or intangible. It’s about adapting the process to fit your particular needs and goals with a certain project. However, it's possible to describe "},{"kind":"inline","type":"link","metadata":{"href":"https://www.smashingmagazine.com/2018/01/comprehensive-guide-product-design/"},"textContent":"a series of steps"},{"kind":"inline","textContent":" that should be present in some way in every product design process:"}]},{"kind":"block","type":"unordered-list","children":[{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services/product-strategy"},"textContent":"Product Vision and Strategy"}]},{"kind":"block","type":"list-item","textContent":"Product Research and Analysis"},{"kind":"block","type":"list-item","textContent":"Idea Generation"},{"kind":"block","type":"list-item","textContent":"Design Execution"},{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"link","metadata":{"href":"https://www.interaction-design.org/literature/article/design-thinking-get-started-with-prototyping"},"textContent":"Prototyping"}]},{"kind":"block","type":"list-item","textContent":"Testing and Validation"},{"kind":"block","type":"list-item","textContent":"Product Launch"},{"kind":"block","type":"list-item","textContent":"Post-Launch Activities"}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/81/product-design-process.jpg","altText":null,"width":2416,"height":1438,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/81/@100/product-design-process.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/81/@200/product-design-process.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/81/@500/product-design-process.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/81/@768/product-design-process.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/81/@1024/product-design-process.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/81/@1366/product-design-process.jpeg","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/81/@1600/product-design-process.jpeg","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/81/@1920/product-design-process.jpeg","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/81/@100/product-design-process.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/81/@200/product-design-process.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/81/@500/product-design-process.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/81/@768/product-design-process.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/81/@1024/product-design-process.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/81/@1366/product-design-process.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/81/@1600/product-design-process.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/81/@1920/product-design-process.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/81/@100/product-design-process.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/81/@200/product-design-process.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/81/@500/product-design-process.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/81/@768/product-design-process.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/81/@1024/product-design-process.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/81/@1366/product-design-process.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/81/@1600/product-design-process.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/81/@1920/product-design-process.avif","width":1920}]}]},{"title":{"text":"Define Product Vision and Strategy"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Before starting your Product Design’s journey, there is one crucial phase that is actually done before you even think about building the product. Every product design process should begin with having the product team defining a product vision and "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services/product-strategy"},"textContent":"product strategy"},{"kind":"inline","textContent":". This will not only set a direction, but it will guide you and your team to achieve your goals."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"During this phase, you need to reflect on your business, and why should it exist in the first place. Think about the "},{"kind":"inline","type":"link","metadata":{"href":"https://hbr.org/2012/09/are-you-solving-the-right-problem"},"textContent":"problem you are trying to solve"},{"kind":"inline","textContent":", and who can benefit from having the product. And finally, really consider what do you want to achieve in the future and what is the ultimate user experience you’re aiming for. "}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"You should spend some resources on defining your "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/vision-mission-and-values"},"textContent":"vision, mission, and values"},{"kind":"inline","textContent":". It’s an essential phase because it sets the foundation and helps support the eventual success of your product. Only after setting all of this does it make sense to move on to finding a solution to the problem. "}]}]},"videos":null,"images":null},{"title":{"text":"Product Research and Analysis"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Once the product vision and strategy are defined, the next step is to conduct product research and the analysis of those same results. The main goal at this stage is to gather evidence that will support all decisions you will take in the course of this process. You also should be able to identify the main aspects of the business model and user needs."},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Product Research should include user and market research, in which you have a few different techniques to choose, from "},{"kind":"inline","type":"link","metadata":{"href":"https://www.nngroup.com/articles/user-interviews/"},"textContent":"user interviews"},{"kind":"inline","textContent":" to online surveys. It’s important to conduct insightful "},{"kind":"inline","type":"link","metadata":{"href":"https://medium.com/@reassembleux/market-research-vs-user-research-are-they-the-same-3ec59dec637f"},"textContent":"user and market research"},{"kind":"inline","textContent":" since it enables you to understand what your users actually need. After investigating user needs and the existing marketing, the product team needs to review the data collected. From this research, you should be able to gather useful insights, identify target groups and "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/personas-in-product-design"},"textContent":"create representative personas"},{"kind":"inline","textContent":"."}]},{"kind":"block","type":"paragraph","textContent":"This will save you a lot of resources because, with better the research, the fewer adjustments on your product you will need to make going forward."},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"line-break"}]}]},"videos":null,"images":null},{"title":{"text":"Idea Generation"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"The "},{"kind":"inline","type":"link","metadata":{"href":"https://smallbusiness.chron.com/five-phases-new-product-development-process-16006.html"},"textContent":"idea generation phase"},{"kind":"inline","textContent":" is when the product team members brainstorm on a range of creative ideas and new concepts to create a product. Ideation is the core of the creative process in Product Design. It’s where the concept of the product will be formulated based on the user’s needs and business model identified during "},{"kind":"inline","type":"link","metadata":{"href":"https://www.abetterlemonadestand.com/conduct-effective-product-research/"},"textContent":"Product Research"},{"kind":"inline","textContent":"."}]},{"kind":"block","type":"paragraph","textContent":"During this phase, it’s critical not only to generate ideas but also to determine which ideas can be successful in fulfiling your target-users’ needs. Although design execution is important, the right product idea selection can lead you to success or failure."}]},"videos":null,"images":null},{"title":{"text":"Design Execution and Prototyping"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"After the idea generation phase, the product team should have a clear understanding of what approach to take for the product. During the design phase, the team will begin to create a product from the ideas generated - the physical representation of a concept/idea."},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"It’s the designer’s responsibility to create a design that incorporates both form and function. And to ensure that a good user experience is delivered, "},{"kind":"inline","type":"link","metadata":{"href":"https://athgo.org/4-steps-build-products-first-prototype/"},"textContent":"building a prototype"},{"kind":"inline","textContent":" needs to be a part of the product design process. A prototype is essentially an early sample, a model of an idea, that is build to test the product before building the full solution. "}]},{"kind":"block","type":"paragraph","textContent":"After creating the prototyping, the design team hands over the design to go to production, this consists of, along with the prototype, a series of detailed drawings and technical specifications. The more detailed information one can deliver, the closer the final product will be to the original idea."}]},"videos":null,"images":null},{"title":{"text":"Testing, Product Launch, and Post-Launch"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"The testing of the prototypes created in the previous phase helps unsure the design idea works as intended and manages to conquer every goal set out during initial phases. However, sometimes in a chaotic environment or in quick processes, testing is often not taken seriously or even overlooked. And so, it’s important to understand that when testing is carefully done, you might find some unexpected insights that require you to change your product or even your whole strategy. "},{"kind":"block","type":"paragraph","textContent":"After testing your concept, it’s essential to revise the design and make any necessary adjustments. Then retest the prototype again until you have a viable design ready to send off again."},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Once everything has been adjusted, you should have a plan to launch your product finally. At this phase, both production and "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services/growth-marketing"},"textContent":"growth marketing"},{"kind":"inline","textContent":" will need to work together and in a coordinated way. And it’s important to note that, even after the official launch of the product, the product design process is not over. In fact, product design is an ongoing process that continues for as long as a product is in the market."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"The way your product behaves on the marketplace can sometimes be unpredictable and need changes along the way. By using "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/how-to-choose-the-right-marketing-kpis"},"textContent":"marketing metric analysis"},{"kind":"inline","textContent":" and feedback from stakeholders, you’ll be able to gain new insights and improve your product accordingly. "}]}]},"videos":null,"images":null}]}}]},{"topics":[{"name":"Branding"},{"name":"Product Design"}],"name":"Mood boards for Branding and Product Design","path":"/assets/blog/mood-boards-for-branding-and-product-design","id":"675fd088c7d4476784131962","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"Mood boards for Branding and Product Design"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/41/branding_sb_blog.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/41/@100/branding_sb_blog.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/41/@200/branding_sb_blog.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/41/@500/branding_sb_blog.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/41/@768/branding_sb_blog.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/41/@1024/branding_sb_blog.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/41/@1366/branding_sb_blog.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/41/@1600/branding_sb_blog.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/41/@1920/branding_sb_blog.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/41/@100/branding_sb_blog.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/41/@200/branding_sb_blog.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/41/@500/branding_sb_blog.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/41/@768/branding_sb_blog.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/41/@1024/branding_sb_blog.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/41/@1366/branding_sb_blog.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/41/@1600/branding_sb_blog.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/41/@1920/branding_sb_blog.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/41/@100/branding_sb_blog.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/41/@200/branding_sb_blog.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/41/@500/branding_sb_blog.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/41/@768/branding_sb_blog.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/41/@1024/branding_sb_blog.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/41/@1366/branding_sb_blog.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/41/@1600/branding_sb_blog.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/41/@1920/branding_sb_blog.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Filipa Amado"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"September 4th, 2019"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"When creating a new brand, you should be the individual that understands it better than anyone else. As a brand creator, you should have full knowledge of not only your brand’s foundation and culture, as well as your business’s "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/vision-mission-and-values"},"textContent":"vision, mission, and values"},{"kind":"inline","textContent":". But you may have some difficulty trying to convey your brand qualities to stakeholders or anyone involved, especially in the beginning. "},{"kind":"inline","type":"link","metadata":{"href":"https://en.99designs.pt/blog/tips/how-to-create-a-mood-board/"},"textContent":"A mood board can help you accurately communicate your brand"},{"kind":"inline","textContent":". Creating a mood board for your business is an ideal first step to help you in the "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services/product-design"},"textContent":"branding"},{"kind":"inline","textContent":" process and the following "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services"},"textContent":"product design"},{"kind":"inline","textContent":" development."}]}],"plainText":["When creating a new brand, you should be the individual that understands it better than anyone else. As a brand creator, you should have full knowledge of not only your brand’s foundation and culture, as well as your business’s vision, mission, and values. But you may have some difficulty trying to convey your brand qualities to stakeholders or anyone involved, especially in the beginning. A mood board can help you accurately communicate your brand. Creating a mood board for your business is an ideal first step to help you in the branding process and the following product design development."]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":{"text":"What is a mood board?"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"A "},{"kind":"inline","type":"link","metadata":{"href":"https://en.wikipedia.org/wiki/Mood_board"},"textContent":"mood board"},{"kind":"inline","textContent":" is a physical or digital collage containing a variety of images, text, and other objects that define and communicate your brand’s identity. It can include just about any visual medium of ideas and concepts that could help you define the creative direction of your brand. But keep in mind that a mood board should be more than just pretty pictures, it should be an organized and succinct collection of visual assets that "},{"kind":"inline","type":"link","metadata":{"href":"https://www.haskincreatives.com/blog/how-to-create-a-mood-board-using-pinterest"},"children":[{"kind":"inline","type":"emphasized","textContent":"tell a visual story of how you want your brand and business to look and feel"}]},{"kind":"inline","type":"emphasized","textContent":" "},{"kind":"inline","textContent":"("},{"kind":"inline","type":"link","metadata":{"href":"https://www.haskincreatives.com/blog?author=54142857e4b014031cfda9d3"},"textContent":"Megan Haskin"},{"kind":"inline","type":"link","metadata":{"href":"https://www.haskincreatives.com/blog/how-to-create-a-mood-board-using-pinterest"},"textContent":", 2018"},{"kind":"inline","textContent":")."}]},{"kind":"block","type":"paragraph","textContent":"A mood board can be a crucial tool and act as a guide when making design choices for everything from websites to the font you use on a button. It’s a brand visual aid that can serve as an inspiration source while helping you to stay consistent."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/84/moodboards-inspiration.jpg","altText":null,"width":1208,"height":772,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/84/@100/moodboards-inspiration.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/84/@200/moodboards-inspiration.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/84/@500/moodboards-inspiration.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/84/@768/moodboards-inspiration.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/84/@1024/moodboards-inspiration.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/84/@100/moodboards-inspiration.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/84/@200/moodboards-inspiration.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/84/@500/moodboards-inspiration.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/84/@768/moodboards-inspiration.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/84/@1024/moodboards-inspiration.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/84/@100/moodboards-inspiration.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/84/@200/moodboards-inspiration.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/84/@500/moodboards-inspiration.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/84/@768/moodboards-inspiration.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/84/@1024/moodboards-inspiration.avif","width":1024}]}]},{"title":{"text":"Importance of a mood board"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Now that we have defined what is a mood board, it’s important to explore "},{"kind":"inline","type":"link","metadata":{"href":"https://en.99designs.pt/blog/tips/how-to-create-a-mood-board/"},"textContent":"how exactly can a mood board be valuable for"},{"kind":"inline","textContent":" ("},{"kind":"inline","type":"link","metadata":{"href":"https://en.99designs.pt/blog/author/krisdecker/"},"children":[{"kind":"inline","type":"emphasized","textContent":"Kris Decker"}]},{"kind":"inline","type":"emphasized","textContent":", 2016"},{"kind":"inline","textContent":"):"}]},{"kind":"block","type":"unordered-list","children":[{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"strong","textContent":"Inspiration"},{"kind":"inline","textContent":": If you are still building your brand identity, a mood board can help you focus on what exactly you want your brand to convey. A mood board is an excellent tool for inspiration and can help stimulate creativity when needed while making sure you stay consistent in any design decision you make."}]},{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"strong","textContent":"Affirmation"},{"kind":"inline","textContent":": If you are already confident about what defines your business, a mood board will help you affirm and support your brand identity. A mood board can help sediment your brand and communicate the culture and values of your business to any stakeholders."}]},{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"strong","textContent":"Direction"},{"kind":"inline","textContent":": As previously mentioned, a mood board can act as a guide and help you to keep focus. A mood board should be used as a reference tool that sets up the visual direction of your brand right from the beginning. It can also help you navigate any design decision when developing branding or any marketing material, making sure you are staying cohesive and faithful to your brand's message."}]},{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"strong","textContent":"Communication"},{"kind":"inline","textContent":": A mood board ensures that any stakeholder or person involved in your business understands not only your brand but also your vision and values, keeping everyone on the same page as you advance."}]}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/85/moodboards-pinterest.jpg","altText":null,"width":1208,"height":719,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/85/@100/moodboards-pinterest.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/85/@200/moodboards-pinterest.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/85/@500/moodboards-pinterest.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/85/@768/moodboards-pinterest.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/85/@1024/moodboards-pinterest.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/85/@100/moodboards-pinterest.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/85/@200/moodboards-pinterest.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/85/@500/moodboards-pinterest.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/85/@768/moodboards-pinterest.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/85/@1024/moodboards-pinterest.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/85/@100/moodboards-pinterest.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/85/@200/moodboards-pinterest.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/85/@500/moodboards-pinterest.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/85/@768/moodboards-pinterest.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/85/@1024/moodboards-pinterest.avif","width":1024}]}]},{"title":{"text":"How to create a mood board"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"strong","textContent":"STEP 01: Pick your medium"}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"The first step to creating a mood board is to "},{"kind":"inline","type":"link","metadata":{"href":"https://www.crowdspring.com/blog/small-business-branding-mood-board/"},"textContent":"pick a medium"},{"kind":"inline","textContent":", either a digital or a physical one. It’s up to you to choose if you want to search for images using the internet or using some books and magazines. On the one hand, doing an online image search and assemble them digitally is easier than ever using "},{"kind":"inline","type":"link","metadata":{"href":"https://www.pinterest.com"},"textContent":"websites like Pinterest"},{"kind":"inline","textContent":". On the other hand, you can achieve a more tactile experience with a physical mood board that allows you to mix your media and push yourself creatively."}]},{"kind":"block","type":"paragraph"},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"line-break"}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"strong","textContent":"STEP 02: Research"}]},{"kind":"block","type":"paragraph","textContent":"To build your mood board, you need first to gather as many elements as you can find that represents your brand’s identity. Search for photos, colours, letters, textures, or any patterns that might fit your brand. This means that every time an element looks like it can communicate your brand in any way, save it. It’s fine to start with quite a few items; the editing part will come later."},{"kind":"block","type":"paragraph"},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"line-break"}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"strong","textContent":"STEP 03: Curate your board"}]},{"kind":"block","type":"paragraph","textContent":"When you reach this step, you should have a wide collection of elements from the previous step. Now it’s time to start editing. Too much imagery can be confusing, so the goal is to sort through what you’ve gathered and start narrowing down items. The final selection should be only materials that strongly communicate your brand’s identity."},{"kind":"block","type":"paragraph","textContent":"During this step, it can help you to identify any key trends or specific styles among the groups of elements you’ve selected. And from those trends you’ve identified, it will be easier to select the strongest images to use for your mood board. This will also help you eliminate any element that would just be adding noise to your mood board and confusion to the overall visual direction you would like to take"},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"line-break"}]},{"kind":"block","type":"paragraph"},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"strong","textContent":"STEP 04: Organize the materials"}]},{"kind":"block","type":"paragraph","textContent":"Now that you’ve collected and sorted your materials and elements, you can position them on your mood board. You are free to choose to either be chaotic or organize the way you present your imagery. Once you’ve decided on the board’s overall structure, think about the image placement and how they interact with each other. It’s also important to keep in mind that, in a mood board, size is related to importance. Make sure your key trends and any related images have a prominent place on your board, placing any other smaller elements around them as support."},{"kind":"block","type":"paragraph","textContent":"Finally, it would be best if you remembered that a mood board is not a final piece, but instead a working document. It should be seen as an exploration tool, and as your brand evolves, you can adapt your mood board accordingly."}]},"videos":null,"images":null}]}}]},{"topics":[{"name":"Growth Strategy"},{"name":"Marketing"}],"name":"What is Keyword Tracking?","path":"/assets/blog/what-is-keyword-tracking","id":"675fd0edc7d4476784131963","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"What is Keyword Tracking?"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/42/seo_sb_blog.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/42/@100/seo_sb_blog.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/42/@200/seo_sb_blog.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/42/@500/seo_sb_blog.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/42/@768/seo_sb_blog.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/42/@1024/seo_sb_blog.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/42/@1366/seo_sb_blog.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/42/@1600/seo_sb_blog.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/42/@1920/seo_sb_blog.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/42/@100/seo_sb_blog.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/42/@200/seo_sb_blog.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/42/@500/seo_sb_blog.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/42/@768/seo_sb_blog.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/42/@1024/seo_sb_blog.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/42/@1366/seo_sb_blog.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/42/@1600/seo_sb_blog.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/42/@1920/seo_sb_blog.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/42/@100/seo_sb_blog.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/42/@200/seo_sb_blog.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/42/@500/seo_sb_blog.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/42/@768/seo_sb_blog.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/42/@1024/seo_sb_blog.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/42/@1366/seo_sb_blog.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/42/@1600/seo_sb_blog.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/42/@1920/seo_sb_blog.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Filipa Amado"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"September 4th, 2019"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Within the world of "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services/growth-marketing"},"textContent":"Growth Marketing"},{"kind":"inline","textContent":", Keywords represent an essential part of "},{"kind":"inline","type":"link","metadata":{"href":"https://en.wikipedia.org/wiki/Search_engine_optimization"},"textContent":"Search engine optimization"},{"kind":"inline","textContent":" (SEO). The tracking of these keywords can provide great value for your website’s organic ranking in search engines. Keyword tracking can give the data and the perfect insight into your website. And with that, you will be able to make informed decisions about how to improve "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services/growth-marketing"},"textContent":"content strategy"},{"kind":"inline","textContent":" and subsequently traffic on your website."}]}],"plainText":["Within the world of Growth Marketing, Keywords represent an essential part of Search engine optimization (SEO). The tracking of these keywords can provide great value for your website’s organic ranking in search engines. Keyword tracking can give the data and the perfect insight into your website. And with that, you will be able to make informed decisions about how to improve content strategy and subsequently traffic on your website."]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":{"text":"Understanding Keyword Tracking"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"link","metadata":{"href":"https://whatagraph.com/blog/articles/keyword-monitoring"},"textContent":"Keyword tracking"},{"kind":"inline","textContent":" is essentially the activity of monitoring the position of your website for specific keywords. It’s a process that allows you to get important data and metrics about specific keywords and shows how well your website ranks for those exact keywords. Ideally, you would want to be in the first position for each keyword search, or at least on the first results page in the search engine. Needless to say, that keywords should be monitored regularly to see and understand possible flotations with your website’s ranking, and take the appropriate action if necessary."}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/86/keyword-tracking.png","altText":null,"width":2552,"height":1226,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/86/@100/keyword-tracking.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/86/@200/keyword-tracking.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/86/@500/keyword-tracking.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/86/@768/keyword-tracking.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/86/@1024/keyword-tracking.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/86/@1366/keyword-tracking.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/86/@1600/keyword-tracking.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/86/@1920/keyword-tracking.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/86/@100/keyword-tracking.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/86/@200/keyword-tracking.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/86/@500/keyword-tracking.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/86/@768/keyword-tracking.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/86/@1024/keyword-tracking.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/86/@1366/keyword-tracking.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/86/@1600/keyword-tracking.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/86/@1920/keyword-tracking.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/86/@100/keyword-tracking.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/86/@200/keyword-tracking.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/86/@500/keyword-tracking.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/86/@768/keyword-tracking.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/86/@1024/keyword-tracking.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/86/@1366/keyword-tracking.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/86/@1600/keyword-tracking.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/86/@1920/keyword-tracking.avif","width":1920}]}]},{"title":{"text":"Why is Keyword Tracking important?"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"As mentioned, working with keywords is one of the most crucial aspects of SEO. Tracking keywords will provide you with some critical "},{"kind":"inline","type":"link","metadata":{"href":"https://realtimemarketing.com/services/marketing-analytics-dashboard/keyword-tracking/"},"children":[{"kind":"inline","type":"emphasized","textContent":"insight into how your website and content are performing in search engine result pages"}]},{"kind":"inline","textContent":". You will get a better understanding of your website’s visibility and where exactly you can focus on future search optimization strategies."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"“The goal of Keyword Tracking is to find opportunities for keyword optimization and to enhance your website’s presence on search engines. Knowing your keyword ranking should inform you where you can take actionable steps to improve site traffic\",” which is something essential for any online business ("},{"kind":"inline","type":"link","metadata":{"href":"https://realtimemarketing.com/services/marketing-analytics-dashboard/keyword-tracking/"},"textContent":"Real Time Marketing - Keyword Tracking"},{"kind":"inline","textContent":")"}]},{"kind":"block","type":"paragraph","textContent":"Naturally, having access to keyword tracking data will actually put you in a better position competitively that the majority of businesses that either doesn’t know what keyword tracking is or aren’t correctly managing their resources in this area."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/87/keyword-tracking-seo.png","altText":null,"width":2876,"height":1442,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/87/@100/keyword-tracking-seo.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/87/@200/keyword-tracking-seo.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/87/@500/keyword-tracking-seo.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/87/@768/keyword-tracking-seo.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/87/@1024/keyword-tracking-seo.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/87/@1366/keyword-tracking-seo.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/87/@1600/keyword-tracking-seo.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/87/@1920/keyword-tracking-seo.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/87/@100/keyword-tracking-seo.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/87/@200/keyword-tracking-seo.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/87/@500/keyword-tracking-seo.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/87/@768/keyword-tracking-seo.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/87/@1024/keyword-tracking-seo.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/87/@1366/keyword-tracking-seo.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/87/@1600/keyword-tracking-seo.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/87/@1920/keyword-tracking-seo.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/87/@100/keyword-tracking-seo.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/87/@200/keyword-tracking-seo.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/87/@500/keyword-tracking-seo.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/87/@768/keyword-tracking-seo.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/87/@1024/keyword-tracking-seo.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/87/@1366/keyword-tracking-seo.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/87/@1600/keyword-tracking-seo.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/87/@1920/keyword-tracking-seo.avif","width":1920}]}]},{"title":{"text":"How to use Keyword Tracking tools"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"In order to track keywords, there are several online tools available that help you monitor your website’s ranking for specifc target keywords in a search engine. These tools are designed to facilitate your tracking by giving you daily updated performance data on your website that is easy to understand and digest. Tools like "},{"kind":"inline","type":"link","metadata":{"href":"https://analytics.google.com/analytics/web/"},"textContent":"Google Analytics"},{"kind":"inline","textContent":" and "},{"kind":"inline","type":"link","metadata":{"href":"https://moz.com/"},"textContent":"Moz"},{"kind":"inline","textContent":" are just a few examples of what you can use to get you started with Keyword Tracking. Using these tools you can do:"}]},{"kind":"block","type":"unordered-list","children":[{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"strong","textContent":"Content Optimization"},{"kind":"inline","textContent":": with keyword tracking, you will have access to data that can help you make sure you "},{"kind":"inline","type":"link","metadata":{"href":"https://www.campaignmonitor.com/resources/glossary/content-optimization/"},"textContent":"create relevant content"},{"kind":"inline","textContent":" that will drive online traffic towards your website."}]},{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"strong","textContent":"Monitoring Competition"},{"kind":"inline","textContent":": you can use keyword tracking tools to see where a competitor is ranked for your targeted keywords, which can help you understand not only the market but how much search engine competition there is for each keyword you select."}]},{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"strong","textContent":"Future Strategies"},{"kind":"inline","textContent":": these tools help you not only with current keyword tracking but can also identify other ranking opportunities or which search terms you need to focus in the future."}]}]}]},"videos":null,"images":null}]}}]},{"topics":[{"name":"Marketing"},{"name":"Branding"},{"name":"Product Design"}],"name":"Color in Marketing and Branding","path":"/assets/blog/color-in-marketing-and-branding","id":"675fd14ec7d4476784131964","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"Color in Marketing and Branding"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/43/branding_sb_blog.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/43/@100/branding_sb_blog.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/43/@200/branding_sb_blog.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/43/@500/branding_sb_blog.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/43/@768/branding_sb_blog.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/43/@1024/branding_sb_blog.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/43/@1366/branding_sb_blog.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/43/@1600/branding_sb_blog.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/43/@1920/branding_sb_blog.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/43/@100/branding_sb_blog.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/43/@200/branding_sb_blog.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/43/@500/branding_sb_blog.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/43/@768/branding_sb_blog.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/43/@1024/branding_sb_blog.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/43/@1366/branding_sb_blog.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/43/@1600/branding_sb_blog.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/43/@1920/branding_sb_blog.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/43/@100/branding_sb_blog.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/43/@200/branding_sb_blog.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/43/@500/branding_sb_blog.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/43/@768/branding_sb_blog.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/43/@1024/branding_sb_blog.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/43/@1366/branding_sb_blog.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/43/@1600/branding_sb_blog.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/43/@1920/branding_sb_blog.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Filipa Amado"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"September 4th, 2019"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","textContent":"Color is considered to be one of the most complex topics in Marketing and Branding. It’s a highly nuanced topic that evokes meaningful conversations and requires some deep study."},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Color is involved in every aspect of "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services"},"textContent":"Product Design"},{"kind":"inline","textContent":", from color palettes in "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/brand-style-guide-explained"},"textContent":"brand style guides"},{"kind":"inline","textContent":" to "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/color-systems-cmyk-pantone-rgb-and-ral-explained"},"textContent":"colors systems"},{"kind":"inline","textContent":" in production. It also plays an essential role in how your brand is perceived by giving it a personality and helping with its "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/product-strategy-understanding-product-positioning"},"textContent":"product positioning"},{"kind":"inline","textContent":". However, there are no rules or guidelines when choosing your brand’s colors."}]}],"plainText":["Color is considered to be one of the most complex topics in Marketing and Branding. It’s a highly nuanced topic that evokes meaningful conversations and requires some deep study.","Color is involved in every aspect of Product Design, from color palettes in brand style guides to colors systems in production. It also plays an essential role in how your brand is perceived by giving it a personality and helping with its product positioning. However, there are no rules or guidelines when choosing your brand’s colors."]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":{"text":"The problem with the psychology of color"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Humans are visual creatures, which means that we not only respond to color, but color actually has been known to have a"},{"kind":"inline","type":"link","metadata":{"href":"https://www.ncbi.nlm.nih.gov/pmc/articles/PMC4383146/"},"textContent":" psychological impact on our behavior"},{"kind":"inline","textContent":". However, the perception of color and the followed impact can change from person to person. "},{"kind":"inline","type":"link","metadata":{"href":"https://pubmed.ncbi.nlm.nih.gov/2289687/"},"textContent":"Personal preferences, experiences, environment, and cultural context contribute to the effect color can have on us"},{"kind":"inline","textContent":". This means that the same color can be perceived in different ways by different groups of people."}]},{"kind":"block","type":"paragraph","textContent":"Because of all the variables mentioned, the psychology of color can’t simply be universally translated to specific feelings. It’s impossible to make assumptions about which colors can evoke emotions like trust, happiness or calm on a worldwide scale."},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"In the end, even though "},{"kind":"inline","type":"link","metadata":{"href":"https://en.wikipedia.org/wiki/Color_psychology"},"textContent":"color psychology"},{"kind":"inline","textContent":" has been studied for several years, there are still a lot of questions about the exact impact that color has."}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/88/color-theory.jpg","altText":null,"width":2416,"height":1438,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/88/@100/color-theory.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/88/@200/color-theory.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/88/@500/color-theory.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/88/@768/color-theory.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/88/@1024/color-theory.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/88/@1366/color-theory.jpeg","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/88/@1600/color-theory.jpeg","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/88/@1920/color-theory.jpeg","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/88/@100/color-theory.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/88/@200/color-theory.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/88/@500/color-theory.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/88/@768/color-theory.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/88/@1024/color-theory.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/88/@1366/color-theory.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/88/@1600/color-theory.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/88/@1920/color-theory.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/88/@100/color-theory.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/88/@200/color-theory.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/88/@500/color-theory.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/88/@768/color-theory.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/88/@1024/color-theory.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/88/@1366/color-theory.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/88/@1600/color-theory.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/88/@1920/color-theory.avif","width":1920}]}]},{"title":{"text":"Color in Branding and Marketing"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"When working in Product Design and "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services"},"textContent":"Product Strategy"},{"kind":"inline","textContent":", Color could be considered one of the most important aspects when developing your brand. Alongside its color, the visual design of a product has a huge influence on a consumer’s buying decision. In essence, color can affect how a brand is perceived as a marketing tool, much like "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/tone-of-voice-the-new-level-of-branding"},"textContent":"tone of voice"},{"kind":"inline","textContent":". Color is the visual component most recognizable about a brand, as most Top-of-Mind brands rely on this factor for their instant recognition."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"So, needless to say, that Color should be part of your brand's foundation, being present in all communication forms to create consistency and recognizability. Inserting your primary and secondary brand colors in your "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/brand-style-guide-explained"},"textContent":"brand style guide"},{"kind":"inline","textContent":" can help you with this process."}]}]},"videos":null,"images":null},{"title":{"text":"Picking the “right” color"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"While certain colors do broadly align with specific feelings and emotions, we can now understand that this is not the best approach when choosing a color for your brand and product. It’s far more important for a color to reflect your brand’s personality than trying to align with some stereotypical color association."},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"However, there is no cheat sheet for choosing the perfect color or color palette. It’s just about using the market and consumer research available and making an informed decision about what color or colors to use. Try to understand your consumer and "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/personas-in-product-design"},"textContent":"user personas"},{"kind":"inline","textContent":" and consider how colors might affect their perception of your brand. To have an aesthetic response, the color needs to fit the product and your brand’s personality in the eyes of your target users."}]}]},"videos":null,"images":null},{"title":{"text":"Going against the trend"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Critical thinking is essential when choosing a color for your brand and product. And as much you can use the research available to choose the “right” color, you can also make the conscious move to challenge these preconceived notions. Understanding a pattern also means that you can now break it, work outside stereotypes, and break expectations. Differentiation has always played a huge role in Branding and Marketing. By using color, you can not only stand out from the competition but make your brand easier to recognize in the market."},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Recently we worked with the accounting company "},{"kind":"inline","type":"link","metadata":{"href":"https://origamipaperworks.com/"},"textContent":"Origami Paperworks"},{"kind":"inline","textContent":" to create their new look. With this project, we deliberately chose to go against the norm. Instead of the soft and cold colors you normally see in the accounting and financial industry, we picked a bold and warm color position to position "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/challenging-the-world-of-paperworks-with-origami"},"textContent":"Origami Paperworks"},{"kind":"inline","textContent":" as a brand different from the competition."}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/89/origami-stationery.jpg","altText":null,"width":2416,"height":1536,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/89/@100/origami-stationery.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/89/@200/origami-stationery.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/89/@500/origami-stationery.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/89/@768/origami-stationery.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/89/@1024/origami-stationery.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/89/@1366/origami-stationery.jpeg","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/89/@1600/origami-stationery.jpeg","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/89/@1920/origami-stationery.jpeg","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/89/@100/origami-stationery.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/89/@200/origami-stationery.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/89/@500/origami-stationery.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/89/@768/origami-stationery.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/89/@1024/origami-stationery.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/89/@1366/origami-stationery.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/89/@1600/origami-stationery.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/89/@1920/origami-stationery.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/89/@100/origami-stationery.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/89/@200/origami-stationery.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/89/@500/origami-stationery.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/89/@768/origami-stationery.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/89/@1024/origami-stationery.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/89/@1366/origami-stationery.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/89/@1600/origami-stationery.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/89/@1920/origami-stationery.avif","width":1920}]}]},{"title":null,"body":null,"videos":null,"images":null}]}}]},{"topics":[{"name":"Development"}],"name":"Capturing Pictures in React Native","path":"/assets/blog/capturing-pictures-in-react-native","id":"675fd1b9299fd38154a7a7e1","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"Capturing Pictures in React Native"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/44/development_sb_blog.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/44/@100/development_sb_blog.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/44/@200/development_sb_blog.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/44/@500/development_sb_blog.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/44/@768/development_sb_blog.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/44/@1024/development_sb_blog.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/44/@1366/development_sb_blog.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/44/@1600/development_sb_blog.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/44/@1920/development_sb_blog.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/44/@100/development_sb_blog.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/44/@200/development_sb_blog.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/44/@500/development_sb_blog.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/44/@768/development_sb_blog.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/44/@1024/development_sb_blog.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/44/@1366/development_sb_blog.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/44/@1600/development_sb_blog.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/44/@1920/development_sb_blog.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/44/@100/development_sb_blog.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/44/@200/development_sb_blog.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/44/@500/development_sb_blog.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/44/@768/development_sb_blog.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/44/@1024/development_sb_blog.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/44/@1366/development_sb_blog.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/44/@1600/development_sb_blog.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/44/@1920/development_sb_blog.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Didrik Steen Hegna"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"January 16th, 2018"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","textContent":"We recently had a client that want to have the possibility to take a photo in their React Native App. This is actually a quite straightforward feature to build in React Native as there are components you can use to get your project kick started."}],"plainText":["We recently had a client that want to have the possibility to take a photo in their React Native App. This is actually a quite straightforward feature to build in React Native as there are components you can use to get your project kick started."]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":null,"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"If you already have your React Native dependencies set up you can initialize your project by running these simple commands, if not head over to the Getting Started guide "},{"kind":"inline","type":"link","metadata":{"href":"https://facebook.github.io/react-native/docs/getting-started.html"},"textContent":"here"}]},{"kind":"block","type":"preformatted","children":[{"type":"code","kind":"block","textContent":"$$ react-native init MyCamera$ cd MyCamers$ react-native run-ios","metadata":{"language":"javascript"}}]}]},"videos":null,"images":null},{"title":{"text":"Install the React Native Camera component"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"The library I am using here is a React Native Camera component, do these two commands to download and link your library."},{"kind":"block","type":"preformatted","children":[{"type":"code","kind":"block","textContent":"$$ npm install react-native-camera --save$ react-native link react-native-camera","metadata":{"language":"javascript"}}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"emphasized","textContent":"Note:"},{"kind":"inline","textContent":" if you are having trouble importing the camera component into your project, try restarting your packager."}]}]},"videos":null,"images":null},{"title":{"text":"Add the Camera Component to your view"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"To get the camera working you need to import the component from the React Native Camera library."},{"kind":"block","type":"paragraph","textContent":"import Camera from 'react-native-camera';"},{"kind":"block","type":"paragraph","textContent":"Then place the camera component wherever it suites you in your renderer"},{"kind":"block","type":"preformatted","children":[{"type":"code","kind":"block","textContent":"<Camera ref={cam => {this.camera = cam}} style={styles.preview} aspect={Camera.constants.Aspect.fill}> <Text style={styles.capture} onPress={this.takePicture.bind(this)}> [CAPTURE] </Text></Camera>","metadata":{"language":"javascript"}}]},{"kind":"block","type":"paragraph","textContent":"Bind the onPress action to the takePicture function that does the magic and you’re in business:"},{"kind":"block","type":"preformatted","children":[{"type":"code","kind":"block","textContent":"takePicture() { this.camera .capture() .then((data) => console.log(data)) .catch(err => console.error(err));}","metadata":{"language":"javascript"}}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Add some awesome styling for the preview area and capture button. Remember to import "},{"kind":"inline","type":"emphasized","textContent":"Dimensions"},{"kind":"inline","textContent":"from React to get your screen sizing properties if you want to fit the camera to your screen."}]},{"kind":"block","type":"preformatted","children":[{"type":"code","kind":"block","textContent":"preview: { flex: 1, justifyContent: 'flex-end', alignItems: 'center', height: Dimensions.get('window').height, width: Dimensions.get('window').width}, capture: { flex: 0, backgroundColor: '#fff', borderRadius: 5, color: '#000', padding: 10, margin: 40 }}","metadata":{"language":"javascript"}}]},{"kind":"block","type":"paragraph","textContent":"Like champ you are, you could have easily worked this out from the documentation. But here are some tips to make it working on your iPhone properly."},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Open the project in XCode. Here you need to add a description for "},{"kind":"inline","type":"emphasized","textContent":"NSCameraUsageDescription"},{"kind":"inline","textContent":" in your Info.plist file. This is basically a description where you state how the App is using the camera. It is required by Apple, if you dont do this your will crash."}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/90/how_to_capture_images_in_react_native_xcode_1.png","altText":null,"width":2042,"height":612,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/90/@100/how_to_capture_images_in_react_native_xcode_1.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/90/@200/how_to_capture_images_in_react_native_xcode_1.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/90/@500/how_to_capture_images_in_react_native_xcode_1.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/90/@768/how_to_capture_images_in_react_native_xcode_1.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/90/@1024/how_to_capture_images_in_react_native_xcode_1.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/90/@1366/how_to_capture_images_in_react_native_xcode_1.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/90/@1600/how_to_capture_images_in_react_native_xcode_1.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/90/@1920/how_to_capture_images_in_react_native_xcode_1.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/90/@100/how_to_capture_images_in_react_native_xcode_1.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/90/@200/how_to_capture_images_in_react_native_xcode_1.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/90/@500/how_to_capture_images_in_react_native_xcode_1.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/90/@768/how_to_capture_images_in_react_native_xcode_1.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/90/@1024/how_to_capture_images_in_react_native_xcode_1.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/90/@1366/how_to_capture_images_in_react_native_xcode_1.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/90/@1600/how_to_capture_images_in_react_native_xcode_1.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/90/@1920/how_to_capture_images_in_react_native_xcode_1.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/90/@100/how_to_capture_images_in_react_native_xcode_1.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/90/@200/how_to_capture_images_in_react_native_xcode_1.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/90/@500/how_to_capture_images_in_react_native_xcode_1.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/90/@768/how_to_capture_images_in_react_native_xcode_1.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/90/@1024/how_to_capture_images_in_react_native_xcode_1.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/90/@1366/how_to_capture_images_in_react_native_xcode_1.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/90/@1600/how_to_capture_images_in_react_native_xcode_1.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/90/@1920/how_to_capture_images_in_react_native_xcode_1.avif","width":1920}]}]},{"title":null,"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Also to actually be able to store the photo in the camera roll you also need to specify "},{"kind":"inline","type":"emphasized","textContent":"NSPhotoLibraryUsageDescription"},{"kind":"inline","textContent":" in your Info.plist file. See the picture below for example."}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/91/how_to_capture_images_in_react_native_xcode_2.png","altText":null,"width":2046,"height":808,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/91/@100/how_to_capture_images_in_react_native_xcode_2.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/91/@200/how_to_capture_images_in_react_native_xcode_2.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/91/@500/how_to_capture_images_in_react_native_xcode_2.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/91/@768/how_to_capture_images_in_react_native_xcode_2.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/91/@1024/how_to_capture_images_in_react_native_xcode_2.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/91/@1366/how_to_capture_images_in_react_native_xcode_2.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/91/@1600/how_to_capture_images_in_react_native_xcode_2.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/91/@1920/how_to_capture_images_in_react_native_xcode_2.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/91/@100/how_to_capture_images_in_react_native_xcode_2.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/91/@200/how_to_capture_images_in_react_native_xcode_2.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/91/@500/how_to_capture_images_in_react_native_xcode_2.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/91/@768/how_to_capture_images_in_react_native_xcode_2.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/91/@1024/how_to_capture_images_in_react_native_xcode_2.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/91/@1366/how_to_capture_images_in_react_native_xcode_2.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/91/@1600/how_to_capture_images_in_react_native_xcode_2.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/91/@1920/how_to_capture_images_in_react_native_xcode_2.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/91/@100/how_to_capture_images_in_react_native_xcode_2.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/91/@200/how_to_capture_images_in_react_native_xcode_2.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/91/@500/how_to_capture_images_in_react_native_xcode_2.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/91/@768/how_to_capture_images_in_react_native_xcode_2.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/91/@1024/how_to_capture_images_in_react_native_xcode_2.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/91/@1366/how_to_capture_images_in_react_native_xcode_2.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/91/@1600/how_to_capture_images_in_react_native_xcode_2.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/91/@1920/how_to_capture_images_in_react_native_xcode_2.avif","width":1920}]}]},{"title":null,"body":{"json":[{"kind":"block","type":"paragraph","textContent":"When running the MyCamera App on your iPhone it will ask to “to Access the Camera” and “to Access Your Photos”."},{"kind":"block","type":"paragraph","textContent":"You should now get the camera App loading showing you a preview and the possibility to snap your photo as shown in the screenshot below. When tapping on the capture button your image is saved in the camera roll."}]},"videos":null,"images":null},{"title":null,"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Quite neat huh? I hope you found this small post on adding a camera component to your native iPhone App useful."},{"kind":"block","type":"paragraph","textContent":"Oh, and it should work just as fine on Android."}]},"videos":null,"images":null},{"title":{"text":"Resources:"},"body":{"json":[{"kind":"block","type":"unordered-list","children":[{"kind":"block","type":"list-item","children":[{"kind":"inline","textContent":"You can download "},{"kind":"inline","type":"link","metadata":{"href":"https://github.com/snowballdigital/my_camera/tree/example_step_one"},"textContent":"the complete example on GitHub."}]}]}]},"videos":null,"images":null},{"title":{"text":"External resources:"},"body":{"json":[{"kind":"block","type":"unordered-list","children":[{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"link","metadata":{"href":"https://github.com/lwansbrough/react-native-camera"},"textContent":"https://github.com/lwansbrough/react-native-camera"}]},{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"link","metadata":{"href":"https://facebook.github.io/react-native/docs/getting-started.html"},"textContent":"https://facebook.github.io/react-native/docs/getting-started.html"}]}]}]},"videos":null,"images":null},{"title":{"text":"GraphQL based backend for React and React Native?"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com"},"textContent":"Crysatllize is a back-end for rich product information and e-commerce built on GraphQL"},{"kind":"inline","textContent":". Ideal for React and React Native e-commerce Apps. "}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Check out "},{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com"},"textContent":"Headless Commerce with Crystallize"},{"kind":"inline","textContent":"."}]}]},"videos":null,"images":null}]}}]},{"topics":[{"name":"Product Design"},{"name":"Development"}],"name":"Gamification in Enterprise Software: User Guidance","path":"/assets/blog/gamification-in-enterprise-software-user-guidance","id":"675fd268d9ed36a574f926fa","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"Gamification in Enterprise Software: User Guidance"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/45/user_experience_sb_blog.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/45/@100/user_experience_sb_blog.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/45/@200/user_experience_sb_blog.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/45/@500/user_experience_sb_blog.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/45/@768/user_experience_sb_blog.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/45/@1024/user_experience_sb_blog.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/45/@1366/user_experience_sb_blog.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/45/@1600/user_experience_sb_blog.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/45/@1920/user_experience_sb_blog.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/45/@100/user_experience_sb_blog.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/45/@200/user_experience_sb_blog.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/45/@500/user_experience_sb_blog.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/45/@768/user_experience_sb_blog.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/45/@1024/user_experience_sb_blog.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/45/@1366/user_experience_sb_blog.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/45/@1600/user_experience_sb_blog.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/45/@1920/user_experience_sb_blog.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/45/@100/user_experience_sb_blog.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/45/@200/user_experience_sb_blog.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/45/@500/user_experience_sb_blog.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/45/@768/user_experience_sb_blog.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/45/@1024/user_experience_sb_blog.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/45/@1366/user_experience_sb_blog.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/45/@1600/user_experience_sb_blog.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/45/@1920/user_experience_sb_blog.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Robert Mulcahy"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"March 21st, 2019"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"In the "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services"},"textContent":"product design"},{"kind":"inline","textContent":" process to make "},{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com"},"textContent":"Crystallize"},{"kind":"inline","textContent":" more engaging to new users, we have given our in-browser demo of the "},{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com/product/graphql-commerce-api"},"textContent":"fast ecommerce API"},{"kind":"inline","textContent":" a more gamified experience. We have a funny antsy man animated in a way that he is almost begging the user to press our demo’s play button. When pressing the button, a bit of text floating away is spawned in the vein of score gain prompts common in video games, such as Super Mario Bros. We are very proud of the speed and wanted a fun way to present it to future customers."}]}],"plainText":["In the product design process to make Crystallize more engaging to new users, we have given our in-browser demo of the fast ecommerce API a more gamified experience. We have a funny antsy man animated in a way that he is almost begging the user to press our demo’s play button. When pressing the button, a bit of text floating away is spawned in the vein of score gain prompts common in video games, such as Super Mario Bros. We are very proud of the speed and wanted a fun way to present it to future customers."]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":null,"body":null,"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/92/329_fastecommerceapigamification.gif","altText":null,"width":585,"height":405,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/92/@100/329_fastecommerceapigamification.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/92/@200/329_fastecommerceapigamification.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/92/@500/329_fastecommerceapigamification.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/92/@100/329_fastecommerceapigamification.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/92/@200/329_fastecommerceapigamification.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/92/@500/329_fastecommerceapigamification.avif","width":500}]}]},{"title":{"text":"Gamification in Service Onboarding"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"The second objective with this project is to guide the user to sign up with a free Crystallize "},{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com/product/product-information-management"},"textContent":"PIM"},{"kind":"inline","textContent":" tenant, so that they can test our "},{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com/blog/milliseconds-matter-fast-apis-matter"},"textContent":"super fast API"},{"kind":"inline","textContent":". With Crystallize you get rich "},{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com/product/product-information-management"},"textContent":"product information management"},{"kind":"inline","textContent":" so using your own products makes sense during evaluation. To do this, after a few clicks from the user, we had a character pop up suggesting this idea to the user. He would spring up in the results screen, we hoped that since the user was looking there, they’d turn attention to him… but we were wrong."}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/93/328_customeronboardinggamification.jpg","altText":null,"width":1180,"height":727,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/93/@100/328_customeronboardinggamification.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/93/@200/328_customeronboardinggamification.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/93/@500/328_customeronboardinggamification.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/93/@768/328_customeronboardinggamification.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/93/@1024/328_customeronboardinggamification.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/93/@100/328_customeronboardinggamification.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/93/@200/328_customeronboardinggamification.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/93/@500/328_customeronboardinggamification.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/93/@768/328_customeronboardinggamification.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/93/@1024/328_customeronboardinggamification.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/93/@100/328_customeronboardinggamification.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/93/@200/328_customeronboardinggamification.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/93/@500/328_customeronboardinggamification.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/93/@768/328_customeronboardinggamification.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/93/@1024/328_customeronboardinggamification.avif","width":1024}]}]},{"title":{"text":"Direct Guidance & Indirect Guidance"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"You see, in game design there are two ways that the developer can guide the player. Direct and Indirect. These game design principles are what we want to apply to "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/gamification-in-product-design-make-enterprise-software-suck-less"},"textContent":"product design in enterprise software"},{"kind":"inline","textContent":"."}]},{"kind":"block","type":"paragraph","textContent":"Direct is when text or imagery in one way or another to explicitly tell the player what to do, it is sometimes looked down upon in the game developer realm. Mostly because it pulls players out of the experience and often gives a bossy overtone, telling the player how to play, stifling their natural sense of exploration."},{"kind":"block","type":"paragraph","textContent":"As for Indirect guiding, it is guiding the player without them realizing they are being guided.You help them come to the conclusion that you want, but through their own instinctive behavior. In video games, it is often using light to draw player’s eyes to the correct path, giving dead ends or dangers a very obvious appearance, and MOVING OBJECTS. A player will spend almost no time realizing what to do if the door they have to take has a light bulb over it with a bunch of moths flying around. The light and movement just GRABS their attention and, oh look, there is an open door."}]},"videos":null,"images":null},{"title":{"text":"Don’t Misguide Your Users"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"How does this relate to our gamified "},{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com/product"},"textContent":"headless ecommerce"},{"kind":"inline","textContent":" demonstration? Well, we made the mistake of grabbing our user’s attention with the moving numbers above the code. These prompts were well above where our sign up character would jump up. Which means that the users often would not even know the sign up guy came up at all. Even though he covers some of the results from our demo, that is not where our users’ attention was planted."}]},{"kind":"block","type":"paragraph","textContent":"To remedy this, we have made the character appear where all the movement and interest is collected, up at the top with the prompts. This little bit of feedback has not only helped us fix this little issue but now has me moving cautiously into our next gamify project… the signing up process. This experience has reminded me the power of Indirect guidance and has me wondering how can we apply this to something that has been so overwhelmingly direct for so long."}]},"videos":null,"images":null}]}}]},{"topics":[{"name":"Growth Strategy"},{"name":"Product Design"},{"name":"User Experience"}],"name":"The Elements of Value","path":"/assets/blog/the-elements-of-value","id":"675fd2ccd9ed36a574f926fb","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"The Elements of Value"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/46/growth_strategy_sb_blog.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/46/@100/growth_strategy_sb_blog.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/46/@200/growth_strategy_sb_blog.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/46/@500/growth_strategy_sb_blog.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/46/@768/growth_strategy_sb_blog.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/46/@1024/growth_strategy_sb_blog.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/46/@1366/growth_strategy_sb_blog.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/46/@1600/growth_strategy_sb_blog.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/46/@1920/growth_strategy_sb_blog.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/46/@100/growth_strategy_sb_blog.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/46/@200/growth_strategy_sb_blog.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/46/@500/growth_strategy_sb_blog.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/46/@768/growth_strategy_sb_blog.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/46/@1024/growth_strategy_sb_blog.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/46/@1366/growth_strategy_sb_blog.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/46/@1600/growth_strategy_sb_blog.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/46/@1920/growth_strategy_sb_blog.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/46/@100/growth_strategy_sb_blog.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/46/@200/growth_strategy_sb_blog.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/46/@500/growth_strategy_sb_blog.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/46/@768/growth_strategy_sb_blog.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/46/@1024/growth_strategy_sb_blog.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/46/@1366/growth_strategy_sb_blog.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/46/@1600/growth_strategy_sb_blog.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/46/@1920/growth_strategy_sb_blog.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Filipa Amado"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"March 4th, 2019"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"A lot goes into the psychology of deciding to buy a product than just weighing the price. The foundation for our "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services/product-strategy"},"textContent":"Product Strategy"},{"kind":"inline","textContent":" is strongly based on the "},{"kind":"inline","type":"emphasized","textContent":"elements of value"},{"kind":"inline","textContent":" featured in the "},{"kind":"inline","type":"link","metadata":{"href":"https://hbr.org/2016/09/the-elements-of-value"},"textContent":"Harvard Business Review"},{"kind":"inline","textContent":". The study concludes that companies that made an effort to improve their perceived value in those selected elements experienced accelerated growth. I’ll try to explain the different components of this model and how it can help you and your team align and focus resources to develop the best product in the market."}]}],"plainText":["A lot goes into the psychology of deciding to buy a product than just weighing the price. The foundation for our Product Strategy is strongly based on the elements of value featured in the Harvard Business Review. The study concludes that companies that made an effort to improve their perceived value in those selected elements experienced accelerated growth. I’ll try to explain the different components of this model and how it can help you and your team align and focus resources to develop the best product in the market."]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":{"text":"Perceived Value"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"For the longest time, marketers have focused all their efforts only on analyzing and managing the price side of the buying process as the only solution to boost profits. However, recent studies show that when a "},{"kind":"inline","type":"link","metadata":{"href":"https://www.mckinsey.com/business-functions/marketing-and-sales/our-insights/the-consumer-decision-journey#"},"textContent":"customer evaluates a product to purchase"},{"kind":"inline","textContent":". A product’s perceived value plays one, if not the most important role in this process."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Understanding the"},{"kind":"inline","type":"link","metadata":{"href":"https://smallbusiness.chron.com/real-value-vs-perceived-value-20857.html"},"textContent":" true value of a product"},{"kind":"inline","textContent":" is extremely complicated due to its psychological and highly personal nature. Basically the amount of value in a particular product lies solely in the eye of the beholder. Yet, the same research shows that there are functional and emotional elements that are associate with a product’s value."}]},{"kind":"block","type":"paragraph","textContent":"Although it’s hard to pin down value, it can be a cornerstone of successful marketing when done correctly. So it’s important to try to understand which elements shape your product's core value to improve it and stand out from the competition."}]},"videos":null,"images":null},{"title":{"text":"The Elements of Value Pyramid"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"To understand Product Value, the Harvard Business Review created "},{"kind":"inline","type":"emphasized","textContent":"The Elements of Value"},{"kind":"inline","textContent":". Their research determined 30 elemental “building blocks” of value that drive the "},{"kind":"inline","type":"link","metadata":{"href":"https://www.yotpo.com/blog/consumer-decision-making-process-ugc/"},"textContent":"customer’s decision-making process"},{"kind":"inline","textContent":". They are a range of external and internal needs consumers seek to meet."}]},{"kind":"block","type":"paragraph","textContent":"These building blocks are usually represented in a pyramid and fall into four different categories: functional, emotional, life-changing, and social impact. At the bottom are the values associated with the most common physical needs. And the higher up the pyramid you go, the more complex and harder to implement the elements became until you reach the self-transcendence level."},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"The Harvard Review study shows that the higher the elements you choose and deliver, the faster you’ll be able to grow and have profit. But it’s important to understand that to be able to deliver on these higher-order elements; you first need to have a strong foundation and provide at least some of the functional elements. If those basic values aren’t met, you can’t make an emotional and psychological connection with your customer. For example, the "},{"kind":"inline","type":"link","metadata":{"href":"https://speedcykkel.com/"},"textContent":"classic single speed bike"},{"kind":"inline","textContent":" can only give its customers a nostalgic feeling because it already checks the quality element."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"I previously mentioned in a blog post about the importance of "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/product-strategy-understanding-product-positioning"},"textContent":"Product Positioning"},{"kind":"inline","textContent":" and how it can help you focus on certain features of your product to stand out from the competition. The elements of value can give you a blueprint of what customers are looking for when they assess the value of a product. Depending on what industry you’re in and your target, some of these elements will be more important than others. So during the "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/product-strategy-understanding-product-positioning"},"textContent":"Product Strategy"},{"kind":"inline","textContent":" phase, you need to identify and come up with the right combination of building blocks that are the most important for your industry and your product to deliver the best value. "}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/94/322_elementsofvalue.jpg","altText":null,"width":1208,"height":994,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/94/@100/322_elementsofvalue.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/94/@200/322_elementsofvalue.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/94/@500/322_elementsofvalue.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/94/@768/322_elementsofvalue.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/94/@1024/322_elementsofvalue.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/94/@100/322_elementsofvalue.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/94/@200/322_elementsofvalue.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/94/@500/322_elementsofvalue.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/94/@768/322_elementsofvalue.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/94/@1024/322_elementsofvalue.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/94/@100/322_elementsofvalue.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/94/@200/322_elementsofvalue.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/94/@500/322_elementsofvalue.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/94/@768/322_elementsofvalue.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/94/@1024/322_elementsofvalue.avif","width":1024}]}]},{"title":{"text":"Functional Product Values: Level 1"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Although all four value categories are important, having functional elements is a necessity because they provide practical and useful value."},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"strong","textContent":"Saves Time:"},{"kind":"inline","textContent":" achieves something faster."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"strong","textContent":"Simplifies:"},{"kind":"inline","textContent":" makes some action or process easier."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"strong","textContent":"Makes Money:"},{"kind":"inline","textContent":" has monetary benefits."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"strong","textContent":"Reduces Risk:"},{"kind":"inline","textContent":" shown to be the safest choice."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"strong","textContent":"Organizes:"},{"kind":"inline","textContent":" helps you to organize something complex."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"strong","textContent":"Integrates:"},{"kind":"inline","textContent":" it’s able to integrate different aspects of a process."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"strong","textContent":"Connects:"},{"kind":"inline","textContent":" connects with other people."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"strong","textContent":"Reduces Effort:"},{"kind":"inline","textContent":" helps you to get things done with less effort."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"strong","textContent":"Avoid Hassles:"},{"kind":"inline","textContent":" reduces or avoids a problem."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"strong","textContent":"Cost Reduction:"},{"kind":"inline","textContent":" saves money in any type of monetary transaction"}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"strong","textContent":"Quality:"},{"kind":"inline","textContent":" provides high-quality goods or services."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"strong","textContent":"Variety:"},{"kind":"inline","textContent":" provides a wide variety range."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"strong","textContent":"Sensory Appeal:"},{"kind":"inline","textContent":" appeals to one or several senses."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"strong","textContent":"Informs: "},{"kind":"inline","textContent":"provides reliable and trusted information."}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/95/323_functional.jpg","altText":null,"width":1208,"height":375,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/95/@100/323_functional.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/95/@200/323_functional.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/95/@500/323_functional.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/95/@768/323_functional.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/95/@1024/323_functional.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/95/@100/323_functional.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/95/@200/323_functional.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/95/@500/323_functional.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/95/@768/323_functional.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/95/@1024/323_functional.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/95/@100/323_functional.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/95/@200/323_functional.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/95/@500/323_functional.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/95/@768/323_functional.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/95/@1024/323_functional.avif","width":1024}]}]},{"title":{"text":"Emotional Product Values: Level 2"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"You’ll need emotional value elements to connect with your customer and give them a certain feeling that makes them comfortable to purchase your product."},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"strong","textContent":"Reduces Anxiety:"},{"kind":"inline","textContent":" helps you to feel more secure and less worried."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"strong","textContent":"Rewards Me:"},{"kind":"inline","textContent":" provided benefits and special offers."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"strong","textContent":"Nostalgia:"},{"kind":"inline","textContent":" reminds you of something positive in the past."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"strong","textContent":"Design:"},{"kind":"inline","textContent":" has a visually appealing form."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"strong","textContent":"Badge Value:"},{"kind":"inline","textContent":" represents a certain aspiration or status."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"strong","textContent":"Wellness:"},{"kind":"inline","textContent":" improves physical or mental state."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"strong","textContent":"Therapeutic Value:"},{"kind":"inline","textContent":" provides therapeutic well-being."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"strong","textContent":"Fun:"},{"kind":"inline","textContent":" offers some type of entertainment."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"strong","textContent":"Attractiveness:"},{"kind":"inline","textContent":" helps you to feel more attractive."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"strong","textContent":"Provides Access:"},{"kind":"inline","textContent":" gives you access to exclusive and valuable items."}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/96/324_emotional.jpg","altText":null,"width":1208,"height":351,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/96/@100/324_emotional.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/96/@200/324_emotional.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/96/@500/324_emotional.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/96/@768/324_emotional.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/96/@1024/324_emotional.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/96/@100/324_emotional.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/96/@200/324_emotional.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/96/@500/324_emotional.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/96/@768/324_emotional.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/96/@1024/324_emotional.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/96/@100/324_emotional.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/96/@200/324_emotional.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/96/@500/324_emotional.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/96/@768/324_emotional.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/96/@1024/324_emotional.avif","width":1024}]}]},{"title":{"text":"Life Changing Product Values: Level 3"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"When your product offers life-changing value elements, it means that you promise your customers a personal transformation of some kind."},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"strong","textContent":"Self-Actualization: "},{"kind":"inline","textContent":"provides a sense of personal accomplishment."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"strong","textContent":"Provides Hopes: "},{"kind":"inline","textContent":"gives you a sense of optimism about something."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"strong","textContent":"Motivation: "},{"kind":"inline","textContent":"help you to achieve a certain goal."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"strong","textContent":"Heirloom:"},{"kind":"inline","textContent":" it seems like an investment for a future generation."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"strong","textContent":"Affiliation:"},{"kind":"inline","textContent":" gives you access to a community."}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/97/325_lifechanging.jpg","altText":null,"width":1208,"height":351,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/97/@100/325_lifechanging.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/97/@200/325_lifechanging.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/97/@500/325_lifechanging.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/97/@768/325_lifechanging.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/97/@1024/325_lifechanging.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/97/@100/325_lifechanging.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/97/@200/325_lifechanging.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/97/@500/325_lifechanging.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/97/@768/325_lifechanging.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/97/@1024/325_lifechanging.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/97/@100/325_lifechanging.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/97/@200/325_lifechanging.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/97/@500/325_lifechanging.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/97/@768/325_lifechanging.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/97/@1024/325_lifechanging.avif","width":1024}]}]},{"title":{"text":"Social Impact Product Values: Level 4"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"At the top of the pyramid, you are delivering value that does not only affect your customer but some group at large."},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"strong","textContent":"Self Transcendence:"},{"kind":"inline","textContent":" helps other people."}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/98/326_socialimpact.jpg","altText":null,"width":1208,"height":230,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/98/@100/326_socialimpact.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/98/@200/326_socialimpact.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/98/@500/326_socialimpact.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/98/@768/326_socialimpact.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/98/@1024/326_socialimpact.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/98/@100/326_socialimpact.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/98/@200/326_socialimpact.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/98/@500/326_socialimpact.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/98/@768/326_socialimpact.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/98/@1024/326_socialimpact.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/98/@100/326_socialimpact.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/98/@200/326_socialimpact.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/98/@500/326_socialimpact.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/98/@768/326_socialimpact.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/98/@1024/326_socialimpact.avif","width":1024}]}]}]}}]},{"topics":[{"name":"Product Design"},{"name":"Growth Strategy"}],"name":"Product Strategy: Understanding Product Positioning","path":"/assets/blog/product-strategy-understanding-product-positioning","id":"675fd378299fd38154a7a7fc","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"Product Strategy: Understanding Product Positioning"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/blog2.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@100/blog2.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@200/blog2.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@500/blog2.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@768/blog2.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@1024/blog2.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@1366/blog2.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@1600/blog2.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@1920/blog2.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@100/blog2.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@200/blog2.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@500/blog2.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@768/blog2.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@1024/blog2.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@1366/blog2.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@1600/blog2.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@1920/blog2.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@100/blog2.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@200/blog2.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@500/blog2.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@768/blog2.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@1024/blog2.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@1366/blog2.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@1600/blog2.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@1920/blog2.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Filipa Amado"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"February 19th, 2019"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"link","metadata":{"href":"https://www.shopify.com/encyclopedia/product-positioning"},"textContent":"Product positioning"},{"kind":"inline","textContent":" is a marketing effort to improve sales by targeting a product to a specific group by channelling a message that highlights its benefits and unique features. Essentially, it can be defined as how a product appears in the minds of potential customers, comparing to its competition. Positioning products can be the difference between a product succeeding or failing in the market."}]}],"plainText":["Product positioning is a marketing effort to improve sales by targeting a product to a specific group by channelling a message that highlights its benefits and unique features. Essentially, it can be defined as how a product appears in the minds of potential customers, comparing to its competition. Positioning products can be the difference between a product succeeding or failing in the market."]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":{"text":"What is Product Positioning?"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Product positioning aims to make your product occupy not only a distinct place in the market but also the mind of the customer. It’s basically how consumers understand what your product has to offer and how it differs from the main competitors. It’s a battle for the "},{"kind":"inline","type":"link","metadata":{"href":"http://read.nxtbook.com/1to1media/customerstrategist/customerstrategistdemo/perspective.html"},"textContent":"mind of the consumer"},{"kind":"inline","textContent":", where the goal is to become the "},{"kind":"inline","type":"link","metadata":{"href":"https://medium.com/@hanahoxha/the-importance-of-top-of-mind-awareness-in-brand-development-d35bbb510890"},"children":[{"kind":"inline","type":"emphasized","textContent":"‘top of mind’ product"}]},{"kind":"inline","textContent":" for a specific target market."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Positioning is critical to "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services/product-strategy"},"textContent":"product strategy"},{"kind":"inline","textContent":" because it’s responsible for how a product is projected and perceived in people’s minds. This is accomplished by designing marketing messages that resonate with the target group in a way that compels them to take action."}]},{"kind":"block","type":"paragraph","textContent":"Aside from these messages, it is important to understand that a successful product position is so much more than communication, it’s achieved by a combined effort of the entire marketing mix. And in the end, the customer is the one that has the final saying about the value (perceived or not) of your product. It’s all about perception, the way consumers perceive a product is even more significant that its design or value."},{"kind":"block","type":"paragraph","textContent":"But before you can position your product, you must first analyze and define your target market and understand their needs and priorities."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/99/319_productpositioning.jpg","altText":null,"width":1208,"height":719,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/99/@100/319_productpositioning.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/99/@200/319_productpositioning.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/99/@500/319_productpositioning.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/99/@768/319_productpositioning.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/99/@1024/319_productpositioning.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/99/@100/319_productpositioning.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/99/@200/319_productpositioning.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/99/@500/319_productpositioning.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/99/@768/319_productpositioning.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/99/@1024/319_productpositioning.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/99/@100/319_productpositioning.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/99/@200/319_productpositioning.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/99/@500/319_productpositioning.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/99/@768/319_productpositioning.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/99/@1024/319_productpositioning.avif","width":1024}]}]},{"title":{"text":"Segmentation, Targeting and Positioning"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Product positioning is a part of a marketing framework known as the "},{"kind":"inline","type":"link","metadata":{"href":"https://www.yieldify.com/blog/stp-marketing-model/"},"textContent":"SPT model, which stands for Segmentation, Targeting, and Positioning"},{"kind":"inline","textContent":". This process helps you identify your target customer and develop successful product positioning."}]},{"kind":"block","type":"paragraph","textContent":"Through market research and segmentation process, you can determine which are the best audiences that have the potential to generate sales. In this phase, it’s up to you to decide how advance you want to segment the market to better position your product, from simply identifying a target customer based on demographic and psychographic attributes, to study their purchasing behaviours and needs."},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/personas-in-product-design"},"textContent":"Developing detailed personas"},{"kind":"inline","textContent":" can give you a better understanding of the market and the groups you eventually want to target. By the time the product positioning is defined, you should have a clear perception of the customer needs."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Product positioning is an important component of any "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services/growth-marketing"},"textContent":"marketing plan"},{"kind":"inline","textContent":" because it has a great impact on the ultimate decision: the purchase of the product. This part of the process refers to the strategic part concerned with how you are going to market your product to your target customer. Effective positioning sends a message to consumers of why your product should be considered over the competition based on their needs. Essentially you are developing your brand's "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/tone-of-voice-the-new-level-of-branding"},"textContent":"Tone of Voice"},{"kind":"inline","textContent":" to communicate your "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/the-elements-of-value"},"textContent":"product value"},{"kind":"inline","textContent":"."}]},{"kind":"block","type":"paragraph","textContent":"By understanding the target audience and how to communicate your product’s benefits compellingly, you can develop key messages and choose the right communication channels."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/100/320_focussegmentation.jpg","altText":null,"width":1208,"height":719,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/100/@100/320_focussegmentation.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/100/@200/320_focussegmentation.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/100/@500/320_focussegmentation.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/100/@768/320_focussegmentation.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/100/@1024/320_focussegmentation.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/100/@100/320_focussegmentation.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/100/@200/320_focussegmentation.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/100/@500/320_focussegmentation.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/100/@768/320_focussegmentation.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/100/@1024/320_focussegmentation.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/100/@100/320_focussegmentation.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/100/@200/320_focussegmentation.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/100/@500/320_focussegmentation.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/100/@768/320_focussegmentation.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/100/@1024/320_focussegmentation.avif","width":1024}]}]},{"title":{"text":"Craft your Statement"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"After a complex and detailed market study, the result should be a "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/product-strategy-mission-statement"},"textContent":"cohesive vision of the product positioning consolidated in a one to two sentence statement"},{"kind":"inline","textContent":". This statement should define your target audience, what sets your product apart from the competition, and how it cares for the customers’ needs. It’s your product positioning sum up in a sentence."}]},{"kind":"block","type":"paragraph","textContent":"A statement conveys how your product is different (and better) than the competition while addressing the features and benefits that are important to your target market. It can emphasize the unique value proposition of your product, by stating what your product stands for and it’s message."},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"A well-crafted statement can help you reinforce your product positioning, identify effective marketing channels, and improve your "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services/product-design"},"textContent":"product design."}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/101/321_productmessage.jpg","altText":null,"width":1208,"height":719,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/101/@100/321_productmessage.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/101/@200/321_productmessage.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/101/@500/321_productmessage.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/101/@768/321_productmessage.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/101/@1024/321_productmessage.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/101/@100/321_productmessage.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/101/@200/321_productmessage.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/101/@500/321_productmessage.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/101/@768/321_productmessage.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/101/@1024/321_productmessage.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/101/@100/321_productmessage.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/101/@200/321_productmessage.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/101/@500/321_productmessage.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/101/@768/321_productmessage.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/101/@1024/321_productmessage.avif","width":1024}]}]},{"title":{"text":"Whole Product"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Once an effective product positioning has been developed, you now have a solid foundation to start creating the "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services/product-strategy"},"textContent":"Whole Product"},{"kind":"inline","textContent":". Building a product has many different dimensions, and to have a whole product, you need to approach every facet in the best way possible, from development to launch. Product positioning will give you the information you need to develop and present your product in a way that will entice your target customers to buy it, use it, and eventually recommend it."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Whole "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services/growth-marketing"},"textContent":"product strategy"},{"kind":"inline","textContent":" begins with defining and prioritizing your target market segments. Therefore, product positioning is, alongside product values, the obvious first step because it helps you to know your target customer. By understanding which of your product’s benefits and features are the most appealing and can meet with the customer’s needs, you have the tools to create and launch a successful product."}]}]},"videos":null,"images":null}]}}]},{"topics":[{"name":"Growth Strategy"}],"name":"Content Strategy for Exponential Growth Marketing","path":"/assets/blog/content-strategy-for-exponential-growth-marketing","id":"675fd3f9b5ccfc2c91b6ace0","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"Content Strategy for Exponential Growth Marketing"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/47/growth_strategy_sb_blog.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/47/@100/growth_strategy_sb_blog.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/47/@200/growth_strategy_sb_blog.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/47/@500/growth_strategy_sb_blog.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/47/@768/growth_strategy_sb_blog.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/47/@1024/growth_strategy_sb_blog.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/47/@1366/growth_strategy_sb_blog.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/47/@1600/growth_strategy_sb_blog.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/47/@1920/growth_strategy_sb_blog.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/47/@100/growth_strategy_sb_blog.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/47/@200/growth_strategy_sb_blog.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/47/@500/growth_strategy_sb_blog.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/47/@768/growth_strategy_sb_blog.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/47/@1024/growth_strategy_sb_blog.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/47/@1366/growth_strategy_sb_blog.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/47/@1600/growth_strategy_sb_blog.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/47/@1920/growth_strategy_sb_blog.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/47/@100/growth_strategy_sb_blog.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/47/@200/growth_strategy_sb_blog.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/47/@500/growth_strategy_sb_blog.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/47/@768/growth_strategy_sb_blog.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/47/@1024/growth_strategy_sb_blog.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/47/@1366/growth_strategy_sb_blog.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/47/@1600/growth_strategy_sb_blog.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/47/@1920/growth_strategy_sb_blog.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Bård Farstad"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"February 5th, 2019"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"A well executed "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services/growth-marketing"},"textContent":"content strategy"},{"kind":"inline","textContent":" can be the explosive fuel to organic growth in traffic. For Crystallize we have achieved 3 000% increase in organic visits in 10 months. The growth marketing funnel consists of three main parts: organic, social and paid traffic. We focus on organic as the main vehicle, and social and paid traffic to create authority as well as awareness. The juicy mix of "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services/growth-marketing"},"textContent":"content strategy"},{"kind":"inline","textContent":" with content marketing, "},{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com/blog/frontend-performance-measuring-kpis"},"textContent":"frontend performance"},{"kind":"inline","textContent":" and continuous KPI monitoring for improvement delivers results."}]}],"plainText":["A well executed content strategy can be the explosive fuel to organic growth in traffic. For Crystallize we have achieved 3 000% increase in organic visits in 10 months. The growth marketing funnel consists of three main parts: organic, social and paid traffic. We focus on organic as the main vehicle, and social and paid traffic to create authority as well as awareness. The juicy mix of content strategy with content marketing, frontend performance and continuous KPI monitoring for improvement delivers results."]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":{"text":"Exponential Growth in Organic Traffic"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com/"},"textContent":"Crystallize"},{"kind":"inline","textContent":" is a "},{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com/product"},"textContent":"PIM"},{"kind":"inline","textContent":" service ideal for "},{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com/"},"textContent":"headless commerce"},{"kind":"inline","textContent":". At Snowball we are delivering "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services/product-strategy"},"textContent":"product strategy"},{"kind":"inline","textContent":", "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services/product-design"},"textContent":"product design"},{"kind":"inline","textContent":", "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services/engineering"},"textContent":"software engineering"},{"kind":"inline","textContent":" and "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services/growth-marketing"},"textContent":"growth marketing"},{"kind":"inline","textContent":" for Crystallize. The content strategy has resulted in 3 000% increase in organic visits in 10 months so far, and the trend is accelerating. The traffic is global and counting 190 countries in the last 3 months alone. The graph below is from the Moz dashboard for "},{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com/"},"textContent":"Crystallize.com"},{"kind":"inline","textContent":"."}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/102/307_growthmarketingcrystallize.png","altText":null,"width":1245,"height":775,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/102/@100/307_growthmarketingcrystallize.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/102/@200/307_growthmarketingcrystallize.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/102/@500/307_growthmarketingcrystallize.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/102/@768/307_growthmarketingcrystallize.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/102/@1024/307_growthmarketingcrystallize.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/102/@100/307_growthmarketingcrystallize.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/102/@200/307_growthmarketingcrystallize.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/102/@500/307_growthmarketingcrystallize.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/102/@768/307_growthmarketingcrystallize.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/102/@1024/307_growthmarketingcrystallize.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/102/@100/307_growthmarketingcrystallize.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/102/@200/307_growthmarketingcrystallize.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/102/@500/307_growthmarketingcrystallize.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/102/@768/307_growthmarketingcrystallize.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/102/@1024/307_growthmarketingcrystallize.avif","width":1024}]}]},{"title":{"text":"Content Strategy"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"The key elements of the content strategy is to know who your target persona is and what you are delivering as a message. You can define many personas but to focus we suggest to start with one and keep one consistent message per channel. Simplify."},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Crystallize is built mainly for developers with a "},{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com/"},"textContent":"GraphQL based PIM"},{"kind":"inline","textContent":" for building "},{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com/developers"},"textContent":"tailor-made ecommerce solutions"},{"kind":"inline","textContent":". Our focus persona is therefore a frontend developer looking to build "},{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com/product"},"textContent":"fast ecommerce"},{"kind":"inline","textContent":" experiences typically working in a "},{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com/partner"},"textContent":"digital agency"},{"kind":"inline","textContent":"."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"So, we know who we are targeting. Next is the messaging. We try to keep it simple and focus around what matters for our target customers. This includes messaging around "},{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com/product/product-information-management"},"textContent":"super structured product information"},{"kind":"inline","textContent":", "},{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com/product/graphql-commerce-api"},"textContent":"blazing fast GraphQL API"},{"kind":"inline","textContent":", "},{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com/blog/frontend-performance-measuring-kpis"},"textContent":"frontend performance"},{"kind":"inline","textContent":", "},{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com/product/subscription-commerce"},"textContent":"subscription commerce"},{"kind":"inline","textContent":" and of course "},{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com/blog/ecommerce-seo-checklist"},"textContent":"SEO for ecommerce"},{"kind":"inline","textContent":"."}]},{"kind":"block","type":"paragraph","textContent":"We are organizing content hierarchically in a pyramid where the content with biggest impact (and most effort to create) is a the top and with blogs in the middle and the social media drips are at the bottom."},{"kind":"block","type":"paragraph","textContent":"Technically we are building out a keyword hierarchy of the most relevant topics we want to cover. We are typically organizing the keywords in a topic map to make it easier to visualize."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/103/content-pyramid.jpg","altText":null,"width":2416,"height":1438,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/103/@100/content-pyramid.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/103/@200/content-pyramid.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/103/@500/content-pyramid.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/103/@768/content-pyramid.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/103/@1024/content-pyramid.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/103/@1366/content-pyramid.jpeg","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/103/@1600/content-pyramid.jpeg","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/103/@1920/content-pyramid.jpeg","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/103/@100/content-pyramid.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/103/@200/content-pyramid.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/103/@500/content-pyramid.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/103/@768/content-pyramid.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/103/@1024/content-pyramid.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/103/@1366/content-pyramid.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/103/@1600/content-pyramid.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/103/@1920/content-pyramid.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/103/@100/content-pyramid.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/103/@200/content-pyramid.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/103/@500/content-pyramid.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/103/@768/content-pyramid.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/103/@1024/content-pyramid.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/103/@1366/content-pyramid.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/103/@1600/content-pyramid.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/103/@1920/content-pyramid.avif","width":1920}]}]},{"title":{"text":"Editorial Calendar for Continuity"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"A content strategy only has value when executed. We have established an editorial calendar with several updates weekly for continuity in content marketing. "},{"kind":"inline","type":"link","metadata":{"href":"https://trello.com"},"textContent":"Trello"},{"kind":"inline","textContent":" is used to manage our editorial calendar. This makes it easy to see who is in charge and what the status of each post is. The main vehicle of our content pyramid are the blogs where we target useful insight for developers."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"For social channels and for a reason to come back we have also introduced weekly "},{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com/comics"},"textContent":"developer comics"},{"kind":"inline","textContent":". We find that both Twitter and LinkedIn are consistently delivering relevant traffic and helps in building authority and keeps visibility up for followers. The developer comics has a fixed spot in the editorial calendar every friday."}]}]},"videos":null,"images":null},{"title":{"text":"Quality Content"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Once you get traffic to land your website you need to have quality content to avoid a high bounce rate. For Crystallize we have achieved a 35% bounce rate and 7.2 pages per visit in average. You need to create relevant content so your visitors are staying and looking around."},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"The content include some high quality React components that are delivered as "},{"kind":"inline","type":"link","metadata":{"href":"https://opensource.org/licenses/MIT"},"textContent":"MIT licensed"},{"kind":"inline","textContent":" "},{"kind":"inline","type":"link","metadata":{"href":"https://www.npmjs.com/~crystallize"},"textContent":"npm"},{"kind":"inline","textContent":" packages also on "},{"kind":"inline","type":"link","metadata":{"href":"https://github.com/CrystallizeAPI"},"textContent":"GitHub"},{"kind":"inline","textContent":". These are fully reusable components for delivering "},{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com/developers"},"textContent":"tailor-made ecommerce solutions with React"},{"kind":"inline","textContent":". Totally Open Source and free to use."}]},{"kind":"block","type":"paragraph","textContent":"Remember: your goal is ultimately conversion by having the visitor sign up, contact or follow on social media. So, keep the content relevant."}]},"videos":null,"images":null},{"title":{"text":"SEO"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"There is no way around it. For content marketing to succeed you need to get SEO right. For Crystallize we are now ranking #1 in Google for quite some relevant terms and are getting more feature snippets and image packs on a regular basis. To get SEO working for you you need to tick absolutely all the boxes from "},{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com/blog/frontend-performance-measuring-kpis"},"textContent":"frontend performance"},{"kind":"inline","textContent":" to canonical links and meta descriptions."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Check out the "},{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com/blog/ecommerce-seo-checklist"},"textContent":"ecommerce SEO checklist"},{"kind":"inline","textContent":" for tips on better SERP ranking."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"For the execution of a successful content strategy you really need to understand all elements involved in reaching #1 SERP ranking. Like the "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/work/lounge-chair-concept"},"textContent":"lounge chair concept"},{"kind":"inline","textContent":" we designed at Snowball with #1 placement and four images in the image pack. I really want that chair. Make one mistake related to SEO like forgetting https and you loose. Remember that "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/https-is-faster-than-http"},"textContent":"https is faster than http"},{"kind":"inline","textContent":" anyways."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Curious to understand more about how we do growth marketing? "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/team"},"textContent":"Just reach out to chat"},{"kind":"inline","textContent":"."}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/104/309_loungechairconceptserpranking.png","altText":null,"width":1648,"height":990,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/104/@100/309_loungechairconceptserpranking.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/104/@200/309_loungechairconceptserpranking.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/104/@500/309_loungechairconceptserpranking.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/104/@768/309_loungechairconceptserpranking.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/104/@1024/309_loungechairconceptserpranking.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/104/@1366/309_loungechairconceptserpranking.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/104/@1600/309_loungechairconceptserpranking.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/104/@100/309_loungechairconceptserpranking.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/104/@200/309_loungechairconceptserpranking.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/104/@500/309_loungechairconceptserpranking.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/104/@768/309_loungechairconceptserpranking.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/104/@1024/309_loungechairconceptserpranking.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/104/@1366/309_loungechairconceptserpranking.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/104/@1600/309_loungechairconceptserpranking.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/104/@100/309_loungechairconceptserpranking.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/104/@200/309_loungechairconceptserpranking.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/104/@500/309_loungechairconceptserpranking.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/104/@768/309_loungechairconceptserpranking.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/104/@1024/309_loungechairconceptserpranking.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/104/@1366/309_loungechairconceptserpranking.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/104/@1600/309_loungechairconceptserpranking.avif","width":1600}]}]}]}}]},{"topics":[{"name":"Product Design"},{"name":"User Experience"}],"name":"User Interface Design (UI) and User Experience (UX) for Crystallize","path":"/assets/blog/user-interface-design-ui-and-user-experience-ux-for-crystallize","id":"675fd486c7d4476784131a35","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"User Interface Design (UI) and User Experience (UX) for Crystallize"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/93/adobe_illustrator_sb_blog.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/93/@100/adobe_illustrator_sb_blog.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/93/@200/adobe_illustrator_sb_blog.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/93/@500/adobe_illustrator_sb_blog.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/93/@768/adobe_illustrator_sb_blog.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/93/@1024/adobe_illustrator_sb_blog.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/93/@1366/adobe_illustrator_sb_blog.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/93/@1600/adobe_illustrator_sb_blog.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/93/@1920/adobe_illustrator_sb_blog.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/93/@100/adobe_illustrator_sb_blog.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/93/@200/adobe_illustrator_sb_blog.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/93/@500/adobe_illustrator_sb_blog.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/93/@768/adobe_illustrator_sb_blog.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/93/@1024/adobe_illustrator_sb_blog.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/93/@1366/adobe_illustrator_sb_blog.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/93/@1600/adobe_illustrator_sb_blog.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/93/@1920/adobe_illustrator_sb_blog.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/93/@100/adobe_illustrator_sb_blog.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/93/@200/adobe_illustrator_sb_blog.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/93/@500/adobe_illustrator_sb_blog.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/93/@768/adobe_illustrator_sb_blog.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/93/@1024/adobe_illustrator_sb_blog.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/93/@1366/adobe_illustrator_sb_blog.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/93/@1600/adobe_illustrator_sb_blog.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/93/@1920/adobe_illustrator_sb_blog.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Didrik Steen Hegna"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"April 9th, 2019"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"We believe in design driven user experience. Visually pleasing and efficiency hand in hand. The UI design should represent the personality of the brand and be a backdrop for a super efficient user experience for the different target groups. For Crystallize we had shop managers, information architects and developers as personas using the UI. Here are some thoughts on the "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services"},"textContent":"product design"},{"kind":"inline","textContent":" thinking for the "},{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com/"},"textContent":"headless ecommerce service"},{"kind":"inline","textContent":" Crystallize."}]}],"plainText":["We believe in design driven user experience. Visually pleasing and efficiency hand in hand. The UI design should represent the personality of the brand and be a backdrop for a super efficient user experience for the different target groups. For Crystallize we had shop managers, information architects and developers as personas using the UI. Here are some thoughts on the product design thinking for the headless ecommerce service Crystallize."]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":{"text":"Product Creation User Experience"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Shop managers manage products in the "},{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com/product/product-information-management"},"textContent":"PIM"},{"kind":"inline","textContent":" administration interface. The product creation interface is the most frequently used feature. We aimed to make this powerful for power users and as intuitive as possible for newbies."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"The user experience (UX) focus here is to make product creation as efficient as possible. This includes points like using clear illustrations and iconography and non-visual things like tab index and keyboard shortcuts. The "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services/product-design"},"textContent":"user interface design"},{"kind":"inline","textContent":" (UI) is heavily reflecting the personality of the Crystallize brand."}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/105/331_product_creation_pim_crystallize.jpg","altText":null,"width":1597,"height":1154,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/105/@100/331_product_creation_pim_crystallize.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/105/@200/331_product_creation_pim_crystallize.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/105/@500/331_product_creation_pim_crystallize.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/105/@768/331_product_creation_pim_crystallize.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/105/@1024/331_product_creation_pim_crystallize.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/105/@1366/331_product_creation_pim_crystallize.jpeg","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/105/@100/331_product_creation_pim_crystallize.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/105/@200/331_product_creation_pim_crystallize.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/105/@500/331_product_creation_pim_crystallize.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/105/@768/331_product_creation_pim_crystallize.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/105/@1024/331_product_creation_pim_crystallize.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/105/@1366/331_product_creation_pim_crystallize.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/105/@100/331_product_creation_pim_crystallize.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/105/@200/331_product_creation_pim_crystallize.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/105/@500/331_product_creation_pim_crystallize.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/105/@768/331_product_creation_pim_crystallize.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/105/@1024/331_product_creation_pim_crystallize.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/105/@1366/331_product_creation_pim_crystallize.avif","width":1366}]}]},{"title":{"text":"Custom Product Shapes in Seconds"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Custom product shapes is the candy store for information architects. Products come in different shapes and sizes. The "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services/product-design"},"textContent":"user interface design"},{"kind":"inline","textContent":" goal was to define "},{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com/blog/structured-content-pim-with-products-of-any-shape"},"textContent":"structured content with products of any shape"},{"kind":"inline","textContent":" in seconds. The visual shape creator enables you to define and modify product shapes when you need it. If you are selling books, cars or subscriptions to a streaming service you can define it all here."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"This is a complex topic where our "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services/product-design"},"textContent":"user experience design"},{"kind":"inline","textContent":" focus was to visualize as clearly as possible the type of shape you are creating. Since this is an abstract definition of information structures we also added a visualization that shows how this type of shape could be presented."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Developer can of course also just use the "},{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com/product/graphql-commerce-api"},"textContent":"ecommerce API"},{"kind":"inline","textContent":" in Crystallize to create and modify shapes."}]}]},"videos":null,"images":null},{"title":{"text":"Topic Maps for Rich Taxonomies"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Crystallize has different ways of organizing products. The main organizer is a rather traditional tree organizer. This is basically a folder structure where you can organize products. Familiar and efficient."},{"kind":"block","type":"paragraph","textContent":"However, you often want to create a rich taxonomy to organize products. We have introduced the concept of a topic maps based organizer. You can define any number of topic maps in the topics user interface. Each topic map contains a hierarchical set of topics."},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Topics are extremely useful for things like multi faceted product navigation and semantically linking of products. We find topic maps also useful for organizing keywords to be used in "},{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com/blog/ecommerce-seo-checklist"},"textContent":"ecommerce SEO"},{"kind":"inline","textContent":". Topic maps were used strategically in the "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/content-strategy-for-exponential-growth-marketing"},"textContent":"content strategy for exponential growth marketing"},{"kind":"inline","textContent":". It works."}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/106/333_topic_map_topics.jpg","altText":null,"width":1593,"height":1149,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/106/@100/333_topic_map_topics.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/106/@200/333_topic_map_topics.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/106/@500/333_topic_map_topics.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/106/@768/333_topic_map_topics.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/106/@1024/333_topic_map_topics.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/106/@1366/333_topic_map_topics.jpeg","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/106/@100/333_topic_map_topics.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/106/@200/333_topic_map_topics.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/106/@500/333_topic_map_topics.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/106/@768/333_topic_map_topics.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/106/@1024/333_topic_map_topics.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/106/@1366/333_topic_map_topics.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/106/@100/333_topic_map_topics.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/106/@200/333_topic_map_topics.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/106/@500/333_topic_map_topics.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/106/@768/333_topic_map_topics.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/106/@1024/333_topic_map_topics.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/106/@1366/333_topic_map_topics.avif","width":1366}]}]},{"title":{"text":"Headless Ecommerce Data Explorer"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Ok, this one is targeted for frontend developers. Crystallize is a headless ecommerce service which means that all products and content stored are available in a super fast ecommerce API. To make it easier for developers to create queries for their "},{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com/developers"},"textContent":"tailor-made ecommerce"},{"kind":"inline","textContent":" frontends we designed an in-editor user interface for the GraphQL playground. You can switch directly between product creation and product edit. Simple and sweet, yet immensely powerful. Simply a great user experience."}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/107/334_graphql_explorer_pim_crystallize.jpg","altText":null,"width":1596,"height":1136,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/107/@100/334_graphql_explorer_pim_crystallize.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/107/@200/334_graphql_explorer_pim_crystallize.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/107/@500/334_graphql_explorer_pim_crystallize.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/107/@768/334_graphql_explorer_pim_crystallize.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/107/@1024/334_graphql_explorer_pim_crystallize.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/107/@1366/334_graphql_explorer_pim_crystallize.jpeg","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/107/@100/334_graphql_explorer_pim_crystallize.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/107/@200/334_graphql_explorer_pim_crystallize.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/107/@500/334_graphql_explorer_pim_crystallize.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/107/@768/334_graphql_explorer_pim_crystallize.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/107/@1024/334_graphql_explorer_pim_crystallize.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/107/@1366/334_graphql_explorer_pim_crystallize.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/107/@100/334_graphql_explorer_pim_crystallize.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/107/@200/334_graphql_explorer_pim_crystallize.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/107/@500/334_graphql_explorer_pim_crystallize.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/107/@768/334_graphql_explorer_pim_crystallize.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/107/@1024/334_graphql_explorer_pim_crystallize.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/107/@1366/334_graphql_explorer_pim_crystallize.avif","width":1366}]}]},{"title":null,"body":null,"videos":null,"images":null}]}}]},{"topics":[{"name":"Product Design"}],"name":"Seat Clamp Product Design","path":"/assets/blog/seat-clamp-product-design","id":"675fd509ed4383af9fa4ed17","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"Seat Clamp Product Design"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/49/industrial_design_sb_blog.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/49/@100/industrial_design_sb_blog.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/49/@200/industrial_design_sb_blog.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/49/@500/industrial_design_sb_blog.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/49/@768/industrial_design_sb_blog.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/49/@1024/industrial_design_sb_blog.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/49/@1366/industrial_design_sb_blog.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/49/@1600/industrial_design_sb_blog.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/49/@1920/industrial_design_sb_blog.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/49/@100/industrial_design_sb_blog.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/49/@200/industrial_design_sb_blog.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/49/@500/industrial_design_sb_blog.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/49/@768/industrial_design_sb_blog.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/49/@1024/industrial_design_sb_blog.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/49/@1366/industrial_design_sb_blog.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/49/@1600/industrial_design_sb_blog.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/49/@1920/industrial_design_sb_blog.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/49/@100/industrial_design_sb_blog.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/49/@200/industrial_design_sb_blog.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/49/@500/industrial_design_sb_blog.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/49/@768/industrial_design_sb_blog.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/49/@1024/industrial_design_sb_blog.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/49/@1366/industrial_design_sb_blog.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/49/@1600/industrial_design_sb_blog.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/49/@1920/industrial_design_sb_blog.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Eduardo Morán Alvarado"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"January 22nd, 2019"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"A product is a sum of its parts. We are in the middle of the "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services"},"textContent":"product design process"},{"kind":"inline","textContent":" of a new line of "},{"kind":"inline","type":"link","metadata":{"href":"https://speedcykkel.com/"},"textContent":"classic city bicycles"},{"kind":"inline","textContent":" for "},{"kind":"inline","type":"link","metadata":{"href":"https://speedcykkel.com/"},"textContent":"Skiens Cykkelfabrik"},{"kind":"inline","textContent":". One of the parts we are designing is the new seat clamp. The process starts with "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/cad-product-design-of-bicycle-dropout-for-cnc"},"textContent":"CAD product design"},{"kind":"inline","textContent":" for CNC production. 3D visualization of the final part and of course making real prototype parts in aluminum before we iterate."}]}],"plainText":["A product is a sum of its parts. We are in the middle of the product design process of a new line of classic city bicycles for Skiens Cykkelfabrik. One of the parts we are designing is the new seat clamp. The process starts with CAD product design for CNC production. 3D visualization of the final part and of course making real prototype parts in aluminum before we iterate."]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":{"text":"CAD Product Design"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"The first step is modeling out the shape in CAD with the exact measurements and details. This is where we can test the fit of the component with the rest of the bike while we get the first visualization of the proportions etc. At this step we can also easily calculate the exact weight of the seat clamp."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/108/272_seatclampcad.jpg","altText":null,"width":1200,"height":785,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/108/@100/272_seatclampcad.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/108/@200/272_seatclampcad.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/108/@500/272_seatclampcad.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/108/@768/272_seatclampcad.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/108/@1024/272_seatclampcad.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/108/@100/272_seatclampcad.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/108/@200/272_seatclampcad.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/108/@500/272_seatclampcad.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/108/@768/272_seatclampcad.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/108/@1024/272_seatclampcad.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/108/@100/272_seatclampcad.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/108/@200/272_seatclampcad.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/108/@500/272_seatclampcad.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/108/@768/272_seatclampcad.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/108/@1024/272_seatclampcad.avif","width":1024}]}]},{"title":{"text":"CNC Machined Prototype"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"As we design out the seat clamp in CAD to a high level of detail we can easily get all performance numbers like weight. But at a certain point we like to have a physical prototype. We typically start with a simple 3D printed version of the part. But especially to get a feel of the material finish and weight we really like to CNC machine a real seat clamp."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/109/273_seatclamptechnicaldrawing.jpg","altText":null,"width":1500,"height":1060,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/109/@100/273_seatclamptechnicaldrawing.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/109/@200/273_seatclamptechnicaldrawing.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/109/@500/273_seatclamptechnicaldrawing.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/109/@768/273_seatclamptechnicaldrawing.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/109/@1024/273_seatclamptechnicaldrawing.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/109/@1366/273_seatclamptechnicaldrawing.jpeg","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/109/@100/273_seatclamptechnicaldrawing.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/109/@200/273_seatclamptechnicaldrawing.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/109/@500/273_seatclamptechnicaldrawing.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/109/@768/273_seatclamptechnicaldrawing.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/109/@1024/273_seatclamptechnicaldrawing.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/109/@1366/273_seatclamptechnicaldrawing.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/109/@100/273_seatclamptechnicaldrawing.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/109/@200/273_seatclamptechnicaldrawing.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/109/@500/273_seatclamptechnicaldrawing.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/109/@768/273_seatclamptechnicaldrawing.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/109/@1024/273_seatclamptechnicaldrawing.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/109/@1366/273_seatclamptechnicaldrawing.avif","width":1366}]}]},{"title":null,"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Below is a picture of our first CNC machined prototype of the seat clamp. We found that the design of the seat clamp was a bit too fat to our liking. The weight of the seat clamp also was a bit too much. This was invaluable information that is much easier to obtain when having a physical seat clamp in your hands."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/110/274_seatclampprototype.jpg","altText":null,"width":1200,"height":800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/110/@100/274_seatclampprototype.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/110/@200/274_seatclampprototype.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/110/@500/274_seatclampprototype.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/110/@768/274_seatclampprototype.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/110/@1024/274_seatclampprototype.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/110/@100/274_seatclampprototype.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/110/@200/274_seatclampprototype.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/110/@500/274_seatclampprototype.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/110/@768/274_seatclampprototype.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/110/@1024/274_seatclampprototype.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/110/@100/274_seatclampprototype.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/110/@200/274_seatclampprototype.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/110/@500/274_seatclampprototype.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/110/@768/274_seatclampprototype.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/110/@1024/274_seatclampprototype.avif","width":1024}]}]},{"title":{"text":"Product Design Iteration"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Based on the first iteration we tuned the product design. The seat clamp is made more streamlined and clean. Less bulky styling which also makes it lighter. We are also considering changing the bolts to titanium to save even more weight."},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/details-matter-in-product-design"},"textContent":"Details matter"},{"kind":"inline","textContent":" and on in our design process we iterate until the seat clamp is just so. No compromise. We are now (most likely) in the last product design iteration for this seat clamp before they are added to the next series of production models of "},{"kind":"inline","type":"link","metadata":{"href":"https://speedcykkel.com/bikes"},"textContent":"classic bikes"},{"kind":"inline","textContent":". The seat clamp is also being added to Skiens Cykkelfabrik’s "},{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com/product/product-information-management"},"textContent":"PIM"},{"kind":"inline","textContent":" making it available from the webshop as one of the "},{"kind":"inline","type":"link","metadata":{"href":"https://speedcykkel.com/parts"},"textContent":"bicycle parts"},{"kind":"inline","textContent":"."}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/111/275_seatclamprender.jpg","altText":null,"width":1200,"height":648,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/111/@100/275_seatclamprender.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/111/@200/275_seatclamprender.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/111/@500/275_seatclamprender.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/111/@768/275_seatclamprender.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/111/@1024/275_seatclamprender.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/111/@100/275_seatclamprender.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/111/@200/275_seatclamprender.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/111/@500/275_seatclamprender.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/111/@768/275_seatclamprender.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/111/@1024/275_seatclamprender.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/111/@100/275_seatclamprender.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/111/@200/275_seatclamprender.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/111/@500/275_seatclamprender.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/111/@768/275_seatclamprender.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/111/@1024/275_seatclamprender.avif","width":1024}]}]}]}}]},{"topics":[{"name":"Product Design"},{"name":"User Experience"},{"name":"Branding"}],"name":"Different types of designers explained","path":"/assets/blog/different-types-of-designers-explained","id":"675fd593299fd38154a7aad0","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"Types of Designers Explained"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/blog3.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@100/blog3.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@200/blog3.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@500/blog3.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@768/blog3.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@1024/blog3.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@1366/blog3.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@1600/blog3.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@1920/blog3.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@100/blog3.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@200/blog3.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@500/blog3.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@768/blog3.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@1024/blog3.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@1366/blog3.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@1600/blog3.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@1920/blog3.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@100/blog3.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@200/blog3.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@500/blog3.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@768/blog3.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@1024/blog3.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@1366/blog3.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@1600/blog3.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@1920/blog3.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Filipa Amado"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"January 18th, 2019"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"You've probably heard of 'graphic designers,' '"},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services"},"textContent":"product designers"},{"kind":"inline","textContent":",' or even' fashion designers.' But why not just call all of them 'designers'? In this blog, we take a quick look at the different design roles and why they are crucial in their respective industries."}]}],"plainText":["You've probably heard of 'graphic designers,' 'product designers,' or even' fashion designers.' But why not just call all of them 'designers'? In this blog, we take a quick look at the different design roles and why they are crucial in their respective industries."]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":{"text":"Understanding the Design World"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"As technology and innovation continue to evolve, so does the design world. This constant change can make it difficult to identify every relevant design area. Still, it does not take away from the fact that new products and services come forward every day that require the assistance of designers. "},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"The word 'design' is a pretty broad term that applies to a wide range of industries. From magazine editorials to car development, the sheer number of ways that design can be used has created an equally large number of "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/careers"},"textContent":"design jobs"},{"kind":"inline","textContent":". Every designer's role is usually defined by what they create. However, every design job shares one common goal: to "},{"kind":"inline","type":"strong","textContent":"service people by developing innovative products that improve their quality of life"},{"kind":"inline","textContent":"."}]},{"kind":"block","type":"paragraph","textContent":"Since there are a large number of different types of designer, I will share some insight into some of the most design roles within the following fields:"},{"kind":"block","type":"paragraph"},{"kind":"block","type":"unordered-list","children":[{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services"},"textContent":"Product Design"}]},{"kind":"block","type":"list-item","textContent":"Graphic Design"},{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services/product-design"},"textContent":"Branding"}]},{"kind":"block","type":"list-item","textContent":"Interaction Design"},{"kind":"block","type":"list-item","textContent":"Motion Graphics Design"},{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services/engineering"},"textContent":"Industrial Design"}]}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/112/271_product_design.jpg","altText":null,"width":1208,"height":719,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/112/@100/271_product_design.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/112/@200/271_product_design.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/112/@500/271_product_design.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/112/@768/271_product_design.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/112/@1024/271_product_design.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/112/@100/271_product_design.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/112/@200/271_product_design.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/112/@500/271_product_design.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/112/@768/271_product_design.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/112/@1024/271_product_design.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/112/@100/271_product_design.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/112/@200/271_product_design.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/112/@500/271_product_design.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/112/@768/271_product_design.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/112/@1024/271_product_design.avif","width":1024}]}]},{"title":{"text":"Product Design"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services"},"textContent":"Product design"},{"kind":"inline","textContent":" is the "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/introduction-to-the-new-product-design"},"children":[{"kind":"inline","type":"emphasized","textContent":"process of making shippable, physical, or digital products"}]},{"kind":"inline","textContent":". Product design is about problem-solving and creating usable products and experiences, all while visualizing the user's needs and developing a possible solution - here, "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/details-matter-in-product-design"},"textContent":"details truly matter."}]},{"kind":"block","type":"paragraph","textContent":"Product designers go through an analytical process and rely on a problem-solving approach to improve the end-user quality of life. They create meaningful products and experiences capable of solving problems."},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services"},"textContent":"Product design"},{"kind":"inline","textContent":" applies in many different fields, and the designer usually works with other professionals when developing a product. While a product designer is not necessarily in charge of a product's mechanical and technological aspects, they put their efforts into the user experience. They are constantly analyzing, designing, testing, launching, monitoring, and improving."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"The product design and engineering of the"},{"kind":"inline","type":"link","metadata":{"href":"https://speedcykkel.com/bikes/single-speed-bike-speed-one-le"},"textContent":" single-speed bike Speed ONE"},{"kind":"inline","textContent":" is a solid example of product design."}]}]},"videos":null,"images":null},{"title":{"text":"Graphic Design"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"link","metadata":{"href":"https://www.interaction-design.org/literature/topics/graphic-design"},"textContent":"Graphic Design"},{"kind":"inline","textContent":" is a form of communication that utilizes visual elements to convey ideas. It has become an umbrella term covering various types of design work, from logos to brochures to packaging, and so much more."}]},{"kind":"block","type":"paragraph","textContent":"A graphic designer uses typographies, colors, shapes, and images to bring a concept, idea, or message to life. They use visually appealing elements to create attractive designs that apply in multiples areas, like marketing, advertising, and production. A well-designed graphic material can catch the audience's attention and entice them to buy or use a particular product/service."},{"kind":"block","type":"paragraph","textContent":"Thus, a graphic designer is one of the most in-demand professionals out there in the market, particularly for their ability to talk to the client through a visually appealing medium that combines technical and artistic skills."}]},"videos":null,"images":null},{"title":{"text":"Interaction Design"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"In "},{"kind":"inline","type":"link","metadata":{"href":"https://www.interaction-design.org/literature/article/what-is-interaction-design"},"textContent":"interaction design"},{"kind":"inline","textContent":", designers create a wide range of web interfaces. This includes anything from blog templates and simple landing pages to "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/work/bunad-magasinet"},"textContent":"fully functional responsive websites"},{"kind":"inline","textContent":" and "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/work/okay"},"textContent":"mobile applications"},{"kind":"inline","textContent":"."}]},{"kind":"block","type":"paragraph","textContent":"Because of their field, interactive designers also need to understand the technology used to build the web interfaces and online experiences they designed. As a result, some designers have a basic knowledge of front-end web development and might even learn programming languages such as JavaScript."},{"kind":"block","type":"paragraph","textContent":"Because of the web's complexity, an interactive designer may specialize in a variety of high-demand fields. Below are two relatively recent examples:"},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"link","metadata":{"href":"https://www.interaction-design.org/literature/topics/ux-design"},"children":[{"kind":"inline","type":"strong","textContent":"User Experience (UX)"}]},{"kind":"inline","type":"strong","textContent":":"},{"kind":"inline","textContent":" A UX designer is responsible for creating user experiences by designing every interaction between the user and the digital product. With "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/the-easy-way-to-a-successful-user-testing"},"textContent":"User Testing"},{"kind":"inline","textContent":", the designer analyses and evaluates the customer's experience when using a particular site or app, ensuring the experience caters to all of the client's needs. While analyzing a specific experience, the UX designer also focuses on these seven factors: usability, usefulness, value, credibility, desirability, findability, and accessibility."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"link","metadata":{"href":"https://searchapparchitecture.techtarget.com/definition/user-interface-UI"},"children":[{"kind":"inline","type":"strong","textContent":"User Interface (UI)"}]},{"kind":"inline","type":"strong","textContent":":"},{"kind":"inline","textContent":" A UI designer focuses on how users navigate a site or an app by creating visual elements such as buttons and menus. Essentially, the designer creates an interface using certain features and functions on a web product for the user to interact with. A UI designer not only designs the graphics but also defines how users interact with those graphics."}]}]},"videos":null,"images":null},{"title":{"text":"Motion Graphics Design"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"In this field, a motion graphics designer is responsible for bringing movement to otherwise static graphic elements, such as images or text. The world of motion graphics involves various work, whether animated presentations, product demos, or movie title sequences."},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Kindly note, however, that motion graphics are not the same as animation. The two are quite different in terms of what each one wants to tell. While animation is the visual representation of a story, motion graphics give life to something usually static. For example, the filmmakers at "},{"kind":"inline","type":"link","metadata":{"href":"https://xn--splsh-ura.com/"},"textContent":"Splæsh"},{"kind":"inline","textContent":" are using motion graphics to tell "},{"kind":"inline","type":"link","metadata":{"href":"https://xn--splsh-ura.com/"},"children":[{"kind":"inline","type":"emphasized","textContent":"stories with impact"}]},{"kind":"inline","textContent":"."}]}]},"videos":null,"images":null},{"title":{"text":"Industrial Design"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"In this field, the role of an industrial designer is to develop every and any kind of physical product one can imagine. They typically specialize in one type of product design, with their work going towards multiple manufacturing industries (i.e., "},{"kind":"inline","type":"link","metadata":{"href":"https://speedcykkel.com/bikes"},"textContent":"city bikes"},{"kind":"inline","textContent":", automotives, "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/work/lounge-chair-concept"},"textContent":"lounge chairs"},{"kind":"inline","textContent":", or houseware). While considering its function and form, an industrial designer uses prototypes, tests, and iterates any product from idea to life."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"The "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/cad-product-design-of-bicycle-dropout-for-cnc"},"textContent":"industrial design process"},{"kind":"inline","textContent":" that was used as part of the "},{"kind":"inline","type":"link","metadata":{"href":"https://speedcykkel.com/bikes/single-speed-bike-speed-one-le"},"textContent":"single-speed bike Speed ONE"},{"kind":"inline","textContent":" construction is to ensure the manufacturability of the initial concept."}]}]},"videos":null,"images":null},{"title":{"text":"Conclusion"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"As the world becomes ever more reliant on technological platforms, the need for designers will only continue to grow. As an integral part of any company, and because they are often producing work that can make or break a product, it is vital that you build your design team up with passionate, talented, and curious people. People who aren’t afraid to be different, think different, and ultimately challenge the status quo."},{"kind":"block","type":"paragraph","textContent":"Happy designing! "}]},"videos":null,"images":null}]}}]},{"topics":[{"name":"Product Design"},{"name":"Development"}],"name":"Gamification in Product Design Make Enterprise Software Suck Less","path":"/assets/blog/gamification-in-product-design-make-enterprise-software-suck-less","id":"675fd63ded4383af9fa4ed1a","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"Gamification in Product Design Make Enterprise Software Suck Less"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/51/seo_sb_blog.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/51/@100/seo_sb_blog.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/51/@200/seo_sb_blog.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/51/@500/seo_sb_blog.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/51/@768/seo_sb_blog.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/51/@1024/seo_sb_blog.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/51/@1366/seo_sb_blog.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/51/@1600/seo_sb_blog.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/51/@1920/seo_sb_blog.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/51/@100/seo_sb_blog.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/51/@200/seo_sb_blog.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/51/@500/seo_sb_blog.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/51/@768/seo_sb_blog.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/51/@1024/seo_sb_blog.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/51/@1366/seo_sb_blog.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/51/@1600/seo_sb_blog.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/51/@1920/seo_sb_blog.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/51/@100/seo_sb_blog.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/51/@200/seo_sb_blog.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/51/@500/seo_sb_blog.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/51/@768/seo_sb_blog.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/51/@1024/seo_sb_blog.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/51/@1366/seo_sb_blog.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/51/@1600/seo_sb_blog.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/51/@1920/seo_sb_blog.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Robert Mulcahy"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"January 7th, 2019"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Gamification can be key for "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services"},"textContent":"designing a great product"},{"kind":"inline","textContent":". Heck, it can make a bad product a successful one. Gamification tickles the part of our brain that’s thirsty for entertainment and when it is applied to mundane tasks that we all have to do in life… it makes us want to do these tasks. Chores become amusing, they no longer are chores. How can we apply gamification to "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/"},"textContent":"product design"},{"kind":"inline","textContent":" in "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/gamification-in-enterprise-software-user-guidance"},"textContent":"enterprise software"},{"kind":"inline","textContent":"?"}]}],"plainText":["Gamification can be key for designing a great product. Heck, it can make a bad product a successful one. Gamification tickles the part of our brain that’s thirsty for entertainment and when it is applied to mundane tasks that we all have to do in life… it makes us want to do these tasks. Chores become amusing, they no longer are chores. How can we apply gamification to product design in enterprise software?"]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":{"text":"Gamification Juice"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Ever have a rather satisfying feeling after watching "},{"kind":"inline","type":"link","metadata":{"href":"https://en.wikipedia.org/wiki/Jell-O"},"textContent":"Jell-O"},{"kind":"inline","textContent":" being pushed out of a mold, cut into a perfect cube, jiggle about, or "},{"kind":"inline","type":"link","metadata":{"href":"https://www.google.com/search?q=jello+hit+tennis+racket"},"textContent":"being hit by a tennis racket"},{"kind":"inline","textContent":" (if you haven’t seen this, do yourself a favor and look it up)? Yeah, something about this jiggly substance provides an aesthetic enjoyment that scientists are still learning about. It relieves stress, improves mood, and even boosts energy. In short, it feels great."}]},{"kind":"block","type":"paragraph","textContent":"Game designers have a term that describe this called “Juice” or “Juiciness” and they apply these visual effects to their products. By adding some Juice to their games, they give their users all those positive vibes while they’re using their product (often without the user's awareness). Reinforcing a positive stimulant everytime someone is using your product… can you see where I am going with this? They’re going to want to return and use or buy your product again."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/113/268_subscriptionmanagement.jpg","altText":null,"width":1200,"height":1010,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/113/@100/268_subscriptionmanagement.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/113/@200/268_subscriptionmanagement.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/113/@500/268_subscriptionmanagement.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/113/@768/268_subscriptionmanagement.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/113/@1024/268_subscriptionmanagement.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/113/@100/268_subscriptionmanagement.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/113/@200/268_subscriptionmanagement.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/113/@500/268_subscriptionmanagement.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/113/@768/268_subscriptionmanagement.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/113/@1024/268_subscriptionmanagement.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/113/@100/268_subscriptionmanagement.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/113/@200/268_subscriptionmanagement.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/113/@500/268_subscriptionmanagement.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/113/@768/268_subscriptionmanagement.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/113/@1024/268_subscriptionmanagement.avif","width":1024}]}]},{"title":{"text":"Gamification in Enterprise Software"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Enterprise software is by definition on the boring side of things to do. It is work. Serious work stuff. When working with the "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services"},"textContent":"product design"},{"kind":"inline","textContent":" for "},{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com/product"},"textContent":"headless ecommerce service"},{"kind":"inline","textContent":" "},{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com/"},"textContent":"Crystallize"},{"kind":"inline","textContent":" we are working with gamification as part of the process. We started with the basics of tone of voice and visual aesthetics. Making it visually more enjoyable to work with. No boring business diagrams."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Part of the "},{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com/product"},"textContent":"ecommerce service"},{"kind":"inline","textContent":" is to provide so called webhooks for sending packages of data to different systems when e.g. a new customer makes a purchase. This is serious "},{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com/product/graphql-commerce-api"},"textContent":"enterprise software integrations"},{"kind":"inline","textContent":". It is of course personified as a pirate squid. You cannot go wrong with pirates, can you?"}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/114/269_webhookscrystallize.jpg","altText":null,"width":1200,"height":930,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/114/@100/269_webhookscrystallize.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/114/@200/269_webhookscrystallize.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/114/@500/269_webhookscrystallize.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/114/@768/269_webhookscrystallize.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/114/@1024/269_webhookscrystallize.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/114/@100/269_webhookscrystallize.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/114/@200/269_webhookscrystallize.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/114/@500/269_webhookscrystallize.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/114/@768/269_webhookscrystallize.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/114/@1024/269_webhookscrystallize.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/114/@100/269_webhookscrystallize.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/114/@200/269_webhookscrystallize.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/114/@500/269_webhookscrystallize.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/114/@768/269_webhookscrystallize.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/114/@1024/269_webhookscrystallize.avif","width":1024}]}]},{"title":{"text":"A Juicy Reason to Come Back"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Part of the complete product for Crystallize is the marketing and communication. We decided early on that there must be a weekly cartoon. There was no other way. Every friday there is a new "},{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com/comics"},"textContent":"developer comic strip"},{"kind":"inline","textContent":" published. We are also introducing the cartoon of the day in the administration interface of Crystallize so you get a new cartoon every day when you log on. Nice."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Oh, btw: there are easter eggs in the "},{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com/comics"},"textContent":"comics"},{"kind":"inline","textContent":" on the Crystallize website. Someone told me there is a dirty version of the cartoons available. Another gamification component."}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/115/266_npminstallpackagescomic.jpg","altText":null,"width":1180,"height":290,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/115/@100/266_npminstallpackagescomic.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/115/@200/266_npminstallpackagescomic.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/115/@500/266_npminstallpackagescomic.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/115/@768/266_npminstallpackagescomic.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/115/@1024/266_npminstallpackagescomic.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/115/@100/266_npminstallpackagescomic.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/115/@200/266_npminstallpackagescomic.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/115/@500/266_npminstallpackagescomic.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/115/@768/266_npminstallpackagescomic.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/115/@1024/266_npminstallpackagescomic.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/115/@100/266_npminstallpackagescomic.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/115/@200/266_npminstallpackagescomic.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/115/@500/266_npminstallpackagescomic.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/115/@768/266_npminstallpackagescomic.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/115/@1024/266_npminstallpackagescomic.avif","width":1024}]}]},{"title":{"text":"Gamification of a Sign-up Process"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"One way to both gamify the sign up process and teach users how to use the product is to put it in the opposite order. It is very popular for mobile app games (I think in China but it has been flooding into Western app markets) to have a very basic version of the game that can run without any download or installation, often in a browser. The user gains points or another kind of reward while using this light version. THEN after all that, the player is asked to sign up and download the game to save their progress. Which if they did a good job in presenting their game, the user doesn’t think twice about the sign up."},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Okay, so how to apply this to Crystalize? We already demonstrate on the awesome website what the product does and even how to use it. I think we are almost there. Customers can play with the GraphQL API directly by hitting play on the website before signing up. Hit the play button and see the "},{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com/product/product-information-management"},"textContent":"product information"},{"kind":"inline","textContent":" unfold from the "},{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com/product/product-information-management"},"textContent":"PIM"},{"kind":"inline","textContent":" in real time. Try before you buy."}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/116/267_headlesscommerceapiplaygroundcrystallize.gif","altText":null,"width":800,"height":404,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/116/@100/267_headlesscommerceapiplaygroundcrystallize.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/116/@200/267_headlesscommerceapiplaygroundcrystallize.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/116/@500/267_headlesscommerceapiplaygroundcrystallize.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/116/@768/267_headlesscommerceapiplaygroundcrystallize.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/116/@100/267_headlesscommerceapiplaygroundcrystallize.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/116/@200/267_headlesscommerceapiplaygroundcrystallize.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/116/@500/267_headlesscommerceapiplaygroundcrystallize.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/116/@768/267_headlesscommerceapiplaygroundcrystallize.avif","width":768}]}]},{"title":{"text":"Progression in Enterprise Software"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"The next step for us here is to look at progression in Crystallize and get more juiciness that helps users discover the different parts of the system. This is work in progress. We will follow up with some of the findings that work for us in another post."},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"For now, check out "},{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com/"},"textContent":"Crystallize"},{"kind":"inline","textContent":" - at least take a peek at the "},{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com/comics"},"textContent":"developer comics"},{"kind":"inline","textContent":"."}]}]},"videos":null,"images":null}]}}]},{"topics":[{"name":"Product Design"}],"name":"CAD Product Design of Bicycle Dropout for CNC","path":"/assets/blog/cad-product-design-of-bicycle-dropout-for-cnc","id":"675fd6cded4383af9fa4fd9e","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"CAD Product Design of Bicycle Dropout for CNC"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/blog2.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@100/blog2.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@200/blog2.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@500/blog2.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@768/blog2.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@1024/blog2.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@1366/blog2.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@1600/blog2.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@1920/blog2.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@100/blog2.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@200/blog2.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@500/blog2.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@768/blog2.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@1024/blog2.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@1366/blog2.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@1600/blog2.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@1920/blog2.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@100/blog2.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@200/blog2.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@500/blog2.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@768/blog2.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@1024/blog2.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@1366/blog2.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@1600/blog2.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@1920/blog2.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Audun Ask Blaker"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"December 23rd, 2018"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"When working on "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services"},"textContent":"product design"},{"kind":"inline","textContent":" for clients like "},{"kind":"inline","type":"link","metadata":{"href":"https://speedcykkel.com/"},"textContent":"Skiens Cykkelfabrik"},{"kind":"inline","textContent":" we always start with the "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/product-design-from-idea-to-production-ready-bicycle"},"textContent":"visual design process"},{"kind":"inline","textContent":". How should the bicycle look? What should it make customers feel? We want products to be desirable. Then comes engineering. How do we manufacture the bicycle? This is where "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/details-matter-in-product-design"},"textContent":"details matter"},{"kind":"inline","textContent":" as with this dropout for a new Speed "},{"kind":"inline","type":"link","metadata":{"href":"https://speedcykkel.com/"},"textContent":"ladies bicycle"},{"kind":"inline","textContent":" model."}]}],"plainText":["When working on product design for clients like Skiens Cykkelfabrik we always start with the visual design process. How should the bicycle look? What should it make customers feel? We want products to be desirable. Then comes engineering. How do we manufacture the bicycle? This is where details matter as with this dropout for a new Speed ladies bicycle model."]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":{"text":"Design & Manufacturability"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"A great "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services"},"textContent":"product design"},{"kind":"inline","textContent":" works well both aesthetically and functionally, while at the same time being efficient to manufacture. For even simple designs there are many decisions that needs to be made to properly balance these three values and create the best possible design."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"At "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/"},"textContent":"Snowball"},{"kind":"inline","textContent":" we have "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/product-design-from-idea-to-production-ready-bicycle"},"textContent":"design driven product processes"},{"kind":"inline","textContent":" with no compromise on details or quality. "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/details-matter-in-product-design"},"textContent":"Details matter"},{"kind":"inline","textContent":"."}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/117/264_speed_curve_dropout_cad_for_cnc.gif","altText":null,"width":1920,"height":1080,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/117/@100/264_speed_curve_dropout_cad_for_cnc.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/117/@200/264_speed_curve_dropout_cad_for_cnc.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/117/@500/264_speed_curve_dropout_cad_for_cnc.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/117/@768/264_speed_curve_dropout_cad_for_cnc.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/117/@1024/264_speed_curve_dropout_cad_for_cnc.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/117/@1366/264_speed_curve_dropout_cad_for_cnc.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/117/@1600/264_speed_curve_dropout_cad_for_cnc.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/117/@1920/264_speed_curve_dropout_cad_for_cnc.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/117/@100/264_speed_curve_dropout_cad_for_cnc.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/117/@200/264_speed_curve_dropout_cad_for_cnc.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/117/@500/264_speed_curve_dropout_cad_for_cnc.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/117/@768/264_speed_curve_dropout_cad_for_cnc.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/117/@1024/264_speed_curve_dropout_cad_for_cnc.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/117/@1366/264_speed_curve_dropout_cad_for_cnc.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/117/@1600/264_speed_curve_dropout_cad_for_cnc.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/117/@1920/264_speed_curve_dropout_cad_for_cnc.avif","width":1920}]}]},{"title":{"text":"Buy standard or design and manufacture custom?"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Bicycle dropouts are available in a lot of variants from many suppliers. However choosing a standard dropout from a catalog would almost always represent a compromise. Unless you can find the perfect fit, you are out of luck."},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"We decided it would be better to design our own. That way we can control not only looks but also function, and change it as we would like. This way we retain control over the "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services"},"textContent":"product design"},{"kind":"inline","textContent":". We will also control supply chain, which can be useful in many cases."}]}]},"videos":null,"images":null},{"title":{"text":"CNC Machining or Molding?"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"For a part like this it would usually be a matter of choosing between machining and molding. For a first batch and low volume and to adjust design we will usually start with CNC machining. When a design is thoroughly tested and tried we will consider moving towards a mold method. This is more of a costing issue than anything else. One thing to remember is that molding will have some impact regarding “crispness” of design. Details will be duller and e.g. text will be less visible. Molding is less precise."}]},"videos":null,"images":null},{"title":{"text":"CAD design for CNC Production"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"In this case we were looking at the manufacturing process of the dropouts for the new "},{"kind":"inline","type":"link","metadata":{"href":"https://speedcykkel.com/"},"textContent":"ladies city bicycle"},{"kind":"inline","textContent":" model. The dropout itself is being CNC machined in 7000 series aluminium. It needs to have mounting points for mudguards and a luggage rack. The dropout also needs to fit the stainless steel protection plate to mount the wheels. There are many details in this tiny part of the bicycle."}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/117/265_cadbicycledropoutcnc.jpg","altText":null,"width":1200,"height":839,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/117/@100/265_cadbicycledropoutcnc.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/117/@200/265_cadbicycledropoutcnc.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/117/@500/265_cadbicycledropoutcnc.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/117/@768/265_cadbicycledropoutcnc.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/117/@1024/265_cadbicycledropoutcnc.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/117/@100/265_cadbicycledropoutcnc.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/117/@200/265_cadbicycledropoutcnc.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/117/@500/265_cadbicycledropoutcnc.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/117/@768/265_cadbicycledropoutcnc.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/117/@1024/265_cadbicycledropoutcnc.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/117/@100/265_cadbicycledropoutcnc.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/117/@200/265_cadbicycledropoutcnc.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/117/@500/265_cadbicycledropoutcnc.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/117/@768/265_cadbicycledropoutcnc.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/117/@1024/265_cadbicycledropoutcnc.avif","width":1024}]}]},{"title":{"text":"CNC Manufacturing Specifications"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"To get this part machined we need to define the tolerance and level of quality. This is required to ensure that we can produce thousands of bicycles and ensure that the first made is exactly the same as the last one."}]},"videos":null,"images":null},{"title":{"text":"Geometric Dimensioning and Tolerancing (GD&T)"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Dimensioning and tolerancing is an art. There are mainly four viewpoints:"},{"kind":"block","type":"unordered-list","children":[{"kind":"block","type":"list-item","textContent":"The spline loving and curve conscious designer "},{"kind":"block","type":"list-item","textContent":"The “fully constrained” and interface loving engineer"},{"kind":"block","type":"list-item","textContent":"The “usable dimensions” machinist"},{"kind":"block","type":"list-item","textContent":"The “measurable dimensions” QA inspector."}]},{"kind":"block","type":"paragraph","textContent":"Each of these have their own preferences. Often the most important will be that all details, dimensions and tolerances are crystal clear and possible to control against a manufactured part for quality control."}]},"videos":null,"images":null},{"title":{"text":"CAD"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Different CAD tools are suitable for different jobs. There are also a lot of different approaches to be used. Bottom-up, top-down. Multibody. Skeletal. Part modeling and assembly modeling. Polygonal, surface or solid. For straight forward engineering job like this we use a parametric solid modeller and use single bodies that are mated in an assembly."},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"CAD is key for us in a "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/product-design-from-idea-to-production-ready-bicycle"},"textContent":"product design process of a new bicycle model"},{"kind":"inline","textContent":"."}]}]},"videos":null,"images":null}]}}]},{"topics":[{"name":"Product Design"}],"name":"Product Design: from Idea to Production Ready Bicycle","path":"/assets/blog/product-design-from-idea-to-production-ready-bicycle","id":"675fd78c299fd38154a7fa56","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"Product Design: from Idea to Production Ready Bicycle"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/52/product_design_sb_blog.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/52/@100/product_design_sb_blog.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/52/@200/product_design_sb_blog.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/52/@500/product_design_sb_blog.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/52/@768/product_design_sb_blog.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/52/@1024/product_design_sb_blog.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/52/@1366/product_design_sb_blog.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/52/@1600/product_design_sb_blog.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/52/@1920/product_design_sb_blog.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/52/@100/product_design_sb_blog.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/52/@200/product_design_sb_blog.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/52/@500/product_design_sb_blog.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/52/@768/product_design_sb_blog.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/52/@1024/product_design_sb_blog.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/52/@1366/product_design_sb_blog.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/52/@1600/product_design_sb_blog.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/52/@1920/product_design_sb_blog.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/52/@100/product_design_sb_blog.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/52/@200/product_design_sb_blog.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/52/@500/product_design_sb_blog.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/52/@768/product_design_sb_blog.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/52/@1024/product_design_sb_blog.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/52/@1366/product_design_sb_blog.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/52/@1600/product_design_sb_blog.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/52/@1920/product_design_sb_blog.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Bård Farstad"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"December 17th, 2018"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"link","metadata":{"href":"https://speedcykkel.com/"},"textContent":"Skiens Cykkelfabrik"},{"kind":"inline","textContent":" is an institution. Originally located in the same factory building as Snowball, the bicycle factory was founded in 1926 and produced bikes until 1961. The vision was to bring back the brand and design bikes with a timeless style and no-compromise quality. "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital"},"textContent":"Snowball"},{"kind":"inline","textContent":" was tasked with "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services"},"textContent":"product design"},{"kind":"inline","textContent":" for the "},{"kind":"inline","type":"link","metadata":{"href":"https://speedcykkel.com/bikes/single-speed-bike-speed-one-le"},"textContent":"single-speed bike Speed ONE"},{"kind":"inline","textContent":", a re-launch edition city bike designed on the legacy from Skiens Cykkelfabrik."}]}],"plainText":["Skiens Cykkelfabrik is an institution. Originally located in the same factory building as Snowball, the bicycle factory was founded in 1926 and produced bikes until 1961. The vision was to bring back the brand and design bikes with a timeless style and no-compromise quality. Snowball was tasked with product design for the single-speed bike Speed ONE, a re-launch edition city bike designed on the legacy from Skiens Cykkelfabrik."]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":{"text":"Product Idea and Inspiration"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"The inspiration for the Speed ONE was found in the history books. We based the geometry and styling on models from the 1930s and 1940s. Our thought was: What if the first bikes from Skiens Cykkelfabrik were built today with the modern techniques and material that are available now?"}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/118/252_speedvintagebrochure.jpg","altText":null,"width":1200,"height":600,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/118/@100/252_speedvintagebrochure.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/118/@200/252_speedvintagebrochure.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/118/@500/252_speedvintagebrochure.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/118/@768/252_speedvintagebrochure.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/118/@1024/252_speedvintagebrochure.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/118/@100/252_speedvintagebrochure.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/118/@200/252_speedvintagebrochure.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/118/@500/252_speedvintagebrochure.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/118/@768/252_speedvintagebrochure.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/118/@1024/252_speedvintagebrochure.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/118/@100/252_speedvintagebrochure.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/118/@200/252_speedvintagebrochure.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/118/@500/252_speedvintagebrochure.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/118/@768/252_speedvintagebrochure.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/118/@1024/252_speedvintagebrochure.avif","width":1024}]}]},{"title":null,"body":{"json":[{"kind":"block","type":"paragraph","textContent":"In addition to taking the heritage from the first Speed bikes into consideration, we also defined guidelines including:"},{"kind":"block","type":"unordered-list","children":[{"kind":"block","type":"list-item","textContent":"Timeless design: minimalistic styling that is modern now and in 50 years from now"},{"kind":"block","type":"list-item","textContent":"Natural materials: aluminium, stainless steel, leather and cork"},{"kind":"block","type":"list-item","textContent":"No plastic: there are no plastic components on the bike"},{"kind":"block","type":"list-item","textContent":"No compromise on quality: the bike is designed to last for the next generation"}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"With this minimalistic approach, we also decided that this first bicycle from Skiens Cykkelfabrik should be named "},{"kind":"inline","type":"link","metadata":{"href":"https://speedcykkel.com/bikes/speed-one-launch-edition"},"textContent":"Speed ONE"},{"kind":"inline","textContent":". The name reflects that it is the first bike from the re-launch of the company. It is also a single speed bike."}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/119/253_bicyclesketchconcept.jpg","altText":null,"width":1200,"height":812,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/119/@100/253_bicyclesketchconcept.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/119/@200/253_bicyclesketchconcept.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/119/@500/253_bicyclesketchconcept.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/119/@768/253_bicyclesketchconcept.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/119/@1024/253_bicyclesketchconcept.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/119/@100/253_bicyclesketchconcept.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/119/@200/253_bicyclesketchconcept.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/119/@500/253_bicyclesketchconcept.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/119/@768/253_bicyclesketchconcept.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/119/@1024/253_bicyclesketchconcept.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/119/@100/253_bicyclesketchconcept.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/119/@200/253_bicyclesketchconcept.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/119/@500/253_bicyclesketchconcept.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/119/@768/253_bicyclesketchconcept.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/119/@1024/253_bicyclesketchconcept.avif","width":1024}]}]},{"title":{"text":"Product Concept Sketches"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"The "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services"},"textContent":"product design process"},{"kind":"inline","textContent":" at Snowball started with visualization via sketches. This usually includes simple ball-pen sketches to quickly visualize the direction and style language. Such a process quickly helps us define the direction and align the vision for the project."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"The Snowball "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/work/lounge-chair-concept"},"textContent":"Lounge Chair Concept"},{"kind":"inline","textContent":" is another example of "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services"},"textContent":"product design"},{"kind":"inline","textContent":"."}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/120/262_bicycleconceptsketchspeedone.jpg","altText":null,"width":1200,"height":960,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/120/@100/262_bicycleconceptsketchspeedone.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/120/@200/262_bicycleconceptsketchspeedone.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/120/@500/262_bicycleconceptsketchspeedone.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/120/@768/262_bicycleconceptsketchspeedone.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/120/@1024/262_bicycleconceptsketchspeedone.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/120/@100/262_bicycleconceptsketchspeedone.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/120/@200/262_bicycleconceptsketchspeedone.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/120/@500/262_bicycleconceptsketchspeedone.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/120/@768/262_bicycleconceptsketchspeedone.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/120/@1024/262_bicycleconceptsketchspeedone.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/120/@100/262_bicycleconceptsketchspeedone.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/120/@200/262_bicycleconceptsketchspeedone.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/120/@500/262_bicycleconceptsketchspeedone.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/120/@768/262_bicycleconceptsketchspeedone.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/120/@1024/262_bicycleconceptsketchspeedone.avif","width":1024}]}]},{"title":{"text":"Bicycle 3D CAD Design"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services"},"textContent":"3D CAD design"},{"kind":"inline","textContent":" is central when "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services"},"textContent":"designing a product"},{"kind":"inline","textContent":". In the CAD process, we can quickly iterate and change components in a visual way. This is where we can verify details like clearance and fit. We can combine oem parts like brakes and stem with our custom-designed parts like frame, crank, grips and so on. Make sure it all fits and can be produced. Neat!"}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/121/254_bicycle3dmodel.jpg","altText":null,"width":1200,"height":800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/121/@100/254_bicycle3dmodel.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/121/@200/254_bicycle3dmodel.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/121/@500/254_bicycle3dmodel.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/121/@768/254_bicycle3dmodel.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/121/@1024/254_bicycle3dmodel.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/121/@100/254_bicycle3dmodel.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/121/@200/254_bicycle3dmodel.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/121/@500/254_bicycle3dmodel.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/121/@768/254_bicycle3dmodel.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/121/@1024/254_bicycle3dmodel.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/121/@100/254_bicycle3dmodel.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/121/@200/254_bicycle3dmodel.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/121/@500/254_bicycle3dmodel.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/121/@768/254_bicycle3dmodel.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/121/@1024/254_bicycle3dmodel.avif","width":1024}]}]},{"title":{"text":"3D Rendering & Visualization"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Ultimately, our goal is to design products that are desirable. With high quality 3D renderings of the product design, we can get a good idea of what the final product will look like. And let's face it, it is a lot quicker to iterate in CAD than physical prototyping."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/122/256_speedonerebder.jpg","altText":null,"width":1200,"height":900,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/122/@100/256_speedonerebder.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/122/@200/256_speedonerebder.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/122/@500/256_speedonerebder.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/122/@768/256_speedonerebder.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/122/@1024/256_speedonerebder.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/122/@100/256_speedonerebder.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/122/@200/256_speedonerebder.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/122/@500/256_speedonerebder.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/122/@768/256_speedonerebder.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/122/@1024/256_speedonerebder.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/122/@100/256_speedonerebder.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/122/@200/256_speedonerebder.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/122/@500/256_speedonerebder.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/122/@768/256_speedonerebder.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/122/@1024/256_speedonerebder.avif","width":1024}]}]},{"title":null,"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Parts are designed in detail and prepared for CNC production."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/123/257_speedonerendercloseup.jpg","altText":null,"width":1200,"height":900,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/123/@100/257_speedonerendercloseup.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/123/@200/257_speedonerendercloseup.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/123/@500/257_speedonerendercloseup.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/123/@768/257_speedonerendercloseup.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/123/@1024/257_speedonerendercloseup.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/123/@100/257_speedonerendercloseup.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/123/@200/257_speedonerendercloseup.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/123/@500/257_speedonerendercloseup.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/123/@768/257_speedonerendercloseup.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/123/@1024/257_speedonerendercloseup.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/123/@100/257_speedonerendercloseup.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/123/@200/257_speedonerendercloseup.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/123/@500/257_speedonerendercloseup.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/123/@768/257_speedonerendercloseup.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/123/@1024/257_speedonerendercloseup.avif","width":1024}]}]},{"title":{"text":"Details matter"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Product design is all in the details. Why? Because "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/details-matter-in-product-design"},"textContent":"details matter"},{"kind":"inline","textContent":". A product like a bicycle is relatively simple, making the details matter even more. The product "},{"kind":"inline","type":"emphasized","textContent":"is in its details"},{"kind":"inline","textContent":". For the Speed ONE, we pulled out all the stops and custom-designed almost every single component including custom:"}]},{"kind":"block","type":"unordered-list","children":[{"kind":"block","type":"list-item","textContent":"hand welded aluminum frame"},{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"link","metadata":{"href":"https://speedcykkel.com/parts/leather-city-bike-saddle"},"textContent":"leather city saddle"},{"kind":"inline","textContent":" "}]},{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"link","metadata":{"href":"https://speedcykkel.com/parts/leather-handlebar-grip"},"textContent":"leather handlebar grips"},{"kind":"inline","textContent":" with custom engraving"}]},{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"link","metadata":{"href":"https://speedcykkel.com/stories/workshop/spcialits-ta-crank-with-style"},"textContent":"custom aluminium crank and chainring"}]},{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"link","metadata":{"href":"https://speedcykkel.com/parts/700c-white-tires-twin-spires"},"textContent":"700c white tires"}]},{"kind":"block","type":"list-item","textContent":"wheel hubs"}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/124/258_speedleathersaddle.jpg","altText":null,"width":1200,"height":800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/124/@100/258_speedleathersaddle.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/124/@200/258_speedleathersaddle.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/124/@500/258_speedleathersaddle.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/124/@768/258_speedleathersaddle.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/124/@1024/258_speedleathersaddle.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/124/@100/258_speedleathersaddle.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/124/@200/258_speedleathersaddle.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/124/@500/258_speedleathersaddle.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/124/@768/258_speedleathersaddle.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/124/@1024/258_speedleathersaddle.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/124/@100/258_speedleathersaddle.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/124/@200/258_speedleathersaddle.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/124/@500/258_speedleathersaddle.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/124/@768/258_speedleathersaddle.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/124/@1024/258_speedleathersaddle.avif","width":1024}]}]},{"title":null,"body":null,"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/124/259_speedenohub.jpg","altText":null,"width":1200,"height":731,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/124/@100/259_speedenohub.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/124/@200/259_speedenohub.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/124/@500/259_speedenohub.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/124/@768/259_speedenohub.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/124/@1024/259_speedenohub.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/124/@100/259_speedenohub.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/124/@200/259_speedenohub.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/124/@500/259_speedenohub.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/124/@768/259_speedenohub.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/124/@1024/259_speedenohub.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/124/@100/259_speedenohub.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/124/@200/259_speedenohub.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/124/@500/259_speedenohub.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/124/@768/259_speedenohub.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/124/@1024/259_speedenohub.avif","width":1024}]}]},{"title":{"text":"Finally a Production-Ready Bicycle"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"The final part of the design process is physical prototyping. This is where we weld up custom frame and assemble all custom and stock components. The final prototype is test ridden and quality controlled. The Speed ONE was tested by "},{"kind":"inline","type":"link","metadata":{"href":"https://www.eiriktrials.com/"},"textContent":"the worlds best Norwegian trials rider Eirik Ulltang"},{"kind":"inline","textContent":"."}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/125/263_bicyclespeed_one.jpg","altText":null,"width":1200,"height":900,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/125/@100/263_bicyclespeed_one.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/125/@200/263_bicyclespeed_one.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/125/@500/263_bicyclespeed_one.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/125/@768/263_bicyclespeed_one.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/125/@1024/263_bicyclespeed_one.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/125/@100/263_bicyclespeed_one.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/125/@200/263_bicyclespeed_one.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/125/@500/263_bicyclespeed_one.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/125/@768/263_bicyclespeed_one.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/125/@1024/263_bicyclespeed_one.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/125/@100/263_bicyclespeed_one.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/125/@200/263_bicyclespeed_one.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/125/@500/263_bicyclespeed_one.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/125/@768/263_bicyclespeed_one.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/125/@1024/263_bicyclespeed_one.avif","width":1024}]}]},{"title":null,"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"The final Speed ONE product is nothing less than a "},{"kind":"inline","type":"link","metadata":{"href":"https://speedcykkel.com"},"textContent":"luxury bicycle"},{"kind":"inline","textContent":". "},{"kind":"inline","type":"link","metadata":{"href":"https://speedcykkel.com/bikes/speed-one-launch-edition"},"textContent":"Check out all the details of the Speed ONE Launch Edition"},{"kind":"inline","textContent":". It is produced in only 91 numbered bikes."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Once the Speed ONE was ready for production we started the product "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services"},"textContent":"marketing and growth marketing"},{"kind":"inline","textContent":". Starting with storing the product information in a "},{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com/"},"textContent":"headless PIM"},{"kind":"inline","textContent":" so customers can "},{"kind":"inline","type":"link","metadata":{"href":"https://speedcykkel.com/bikes/speed-one-launch-edition"},"textContent":"buy the Speed ONE online"},{"kind":"inline","textContent":"."}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/126/261_speedoneproductionbatch.jpg","altText":null,"width":960,"height":1200,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/126/@100/261_speedoneproductionbatch.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/126/@200/261_speedoneproductionbatch.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/126/@500/261_speedoneproductionbatch.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/126/@768/261_speedoneproductionbatch.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/126/@100/261_speedoneproductionbatch.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/126/@200/261_speedoneproductionbatch.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/126/@500/261_speedoneproductionbatch.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/126/@768/261_speedoneproductionbatch.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/126/@100/261_speedoneproductionbatch.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/126/@200/261_speedoneproductionbatch.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/126/@500/261_speedoneproductionbatch.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/126/@768/261_speedoneproductionbatch.avif","width":768}]}]}]}}]},{"topics":[{"name":"Product Design"}],"name":"Details Matter in Product Design","path":"/assets/blog/details-matter-in-product-design","id":"675fd963b5ccfc2c91b72845","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"Details Matter in Product Design"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/53/product_design_sb_blog.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/53/@100/product_design_sb_blog.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/53/@200/product_design_sb_blog.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/53/@500/product_design_sb_blog.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/53/@768/product_design_sb_blog.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/53/@1024/product_design_sb_blog.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/53/@1366/product_design_sb_blog.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/53/@1600/product_design_sb_blog.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/53/@1920/product_design_sb_blog.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/53/@100/product_design_sb_blog.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/53/@200/product_design_sb_blog.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/53/@500/product_design_sb_blog.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/53/@768/product_design_sb_blog.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/53/@1024/product_design_sb_blog.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/53/@1366/product_design_sb_blog.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/53/@1600/product_design_sb_blog.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/53/@1920/product_design_sb_blog.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/53/@100/product_design_sb_blog.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/53/@200/product_design_sb_blog.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/53/@500/product_design_sb_blog.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/53/@768/product_design_sb_blog.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/53/@1024/product_design_sb_blog.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/53/@1366/product_design_sb_blog.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/53/@1600/product_design_sb_blog.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/53/@1920/product_design_sb_blog.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Bård Farstad"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"December 13th, 2018"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Designing products is hard but reating a desirable product that customers actually want to buy is an extremely rewarding feeling. "},{"kind":"inline","type":"emphasized","textContent":"Want to buy"},{"kind":"inline","textContent":" are the active words here. A design-driven iterative process with the right team is key to succeed. You need buy-in from the stakeholders that the product is done when it is ready. When the product has the magic touch. The product is in its details. Details matter."}]}],"plainText":["Designing products is hard but reating a desirable product that customers actually want to buy is an extremely rewarding feeling. Want to buy are the active words here. A design-driven iterative process with the right team is key to succeed. You need buy-in from the stakeholders that the product is done when it is ready. When the product has the magic touch. The product is in its details. Details matter."]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":{"text":"Design-driven iterative process"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"A "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services"},"textContent":"product design process"},{"kind":"inline","textContent":" does not start with engineering or specifications. At least not great products. You start with the vision and customer experience. What does the customer feel when they see and experience the product. A visual design-driven product design process can make magic."}]},{"kind":"block","type":"paragraph","textContent":"At Snowball our approach is to have a diverse team working on any product we launch. A product team typically consists of strategists, designers, illustrators and engineers. Different perspectives are good. Friction is good."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/131/246_detailsmattersnowballprocess.png","altText":null,"width":1200,"height":790,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/131/@100/246_detailsmattersnowballprocess.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/131/@200/246_detailsmattersnowballprocess.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/131/@500/246_detailsmattersnowballprocess.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/131/@768/246_detailsmattersnowballprocess.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/131/@1024/246_detailsmattersnowballprocess.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/131/@100/246_detailsmattersnowballprocess.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/131/@200/246_detailsmattersnowballprocess.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/131/@500/246_detailsmattersnowballprocess.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/131/@768/246_detailsmattersnowballprocess.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/131/@1024/246_detailsmattersnowballprocess.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/131/@100/246_detailsmattersnowballprocess.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/131/@200/246_detailsmattersnowballprocess.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/131/@500/246_detailsmattersnowballprocess.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/131/@768/246_detailsmattersnowballprocess.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/131/@1024/246_detailsmattersnowballprocess.avif","width":1024}]}]},{"title":{"text":"Iterate until magic"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"If you are "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/work/skien-cykkelfabrikk"},"textContent":"building a bicycle"},{"kind":"inline","textContent":", doing a "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/work/lounge-chair-concept"},"textContent":"chair concept"},{"kind":"inline","textContent":" or building an "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/work/crystallize"},"textContent":"e-commerce software startup"},{"kind":"inline","textContent":" the approach is the same. Iterate until magic. The product is in the details. Details matter."}]},{"kind":"block","type":"paragraph","textContent":"A product is done when it is done. It is worth doing that extra iteration to get the juiciness or the magic into the product. That is why we never set a specific deadline for a product to be released in the beginning of a process. We believe that the best products come from rapid iteration with relevant feedback for direction adjustments. Just like a startup."}]},"videos":null,"images":null}]}}]},{"topics":[{"name":"Branding"},{"name":"Growth Strategy"}],"name":"Tone of Voice: The New Level of Branding","path":"/assets/blog/tone-of-voice-the-new-level-of-branding","id":"675fd9d6c7d447678413b3ea","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"Tone of Voice: The New Level of Branding"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/54/branding_sb_blog.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/54/@100/branding_sb_blog.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/54/@200/branding_sb_blog.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/54/@500/branding_sb_blog.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/54/@768/branding_sb_blog.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/54/@1024/branding_sb_blog.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/54/@1366/branding_sb_blog.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/54/@1600/branding_sb_blog.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/54/@1920/branding_sb_blog.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/54/@100/branding_sb_blog.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/54/@200/branding_sb_blog.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/54/@500/branding_sb_blog.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/54/@768/branding_sb_blog.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/54/@1024/branding_sb_blog.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/54/@1366/branding_sb_blog.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/54/@1600/branding_sb_blog.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/54/@1920/branding_sb_blog.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/54/@100/branding_sb_blog.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/54/@200/branding_sb_blog.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/54/@500/branding_sb_blog.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/54/@768/branding_sb_blog.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/54/@1024/branding_sb_blog.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/54/@1366/branding_sb_blog.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/54/@1600/branding_sb_blog.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/54/@1920/branding_sb_blog.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Filipa Amado"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"May 6th, 2019"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services/product-design"},"textContent":"Branding"},{"kind":"inline","textContent":" is so much more than a logo or a name; it’s the combination of visual elements and communication methods that create a whole identity. One element and communication method that has become quite relevant in the last years is Tone of Voice, which communicates how your brand feels about its message to the client."}]}],"plainText":["Branding is so much more than a logo or a name; it’s the combination of visual elements and communication methods that create a whole identity. One element and communication method that has become quite relevant in the last years is Tone of Voice, which communicates how your brand feels about its message to the client."]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":{"text":"Understanding Tone of Voice"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"In common literature, tone of voice is defined as the expression through the writing of someone’s feelings towards something or someone. In a marketing and "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services/product-design"},"textContent":"product design"},{"kind":"inline","textContent":" context, the concept refers to how you "},{"kind":"inline","type":"link","metadata":{"href":"https://medium.com/s/how-to-build-a-brand/lets-talk-about-brand-personality-voice-and-tone-28276a48d5c1"},"textContent":"communicate your brand’s personality to your users"},{"kind":"inline","textContent":", which will influence how they feel about your message."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"emphasized","textContent":"Tone of voice is how your brand comes through in words, both written and spoken. It’s not exactly what you say, but rather how you say it and its impression on the receiver. It’s about using language to give your brand its own distinct and recognizable presence."},{"kind":"inline","textContent":" ("},{"kind":"inline","type":"link","metadata":{"href":"https://www.acrolinx.com/author/acrolinx-team/"},"textContent":"The Acrolinx Team"},{"kind":"inline","textContent":", February 2015)"}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"A brand’s tone of voice needs to embody and express its personality, "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/the-elements-of-value"},"textContent":"product values"},{"kind":"inline","textContent":", and, finally, "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/product-strategy-understanding-product-positioning"},"textContent":"product positioning"},{"kind":"inline","textContent":". And it should be included in all your business content, including your website, social media, emails, and even packaging. It’s also important that all of these pieces of communication have a similar tone of voice to help with your brand’s consistency."}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/132/366_understandingtoneofvoice.jpg","altText":null,"width":1208,"height":719,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/132/@100/366_understandingtoneofvoice.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/132/@200/366_understandingtoneofvoice.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/132/@500/366_understandingtoneofvoice.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/132/@768/366_understandingtoneofvoice.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/132/@1024/366_understandingtoneofvoice.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/132/@100/366_understandingtoneofvoice.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/132/@200/366_understandingtoneofvoice.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/132/@500/366_understandingtoneofvoice.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/132/@768/366_understandingtoneofvoice.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/132/@1024/366_understandingtoneofvoice.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/132/@100/366_understandingtoneofvoice.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/132/@200/366_understandingtoneofvoice.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/132/@500/366_understandingtoneofvoice.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/132/@768/366_understandingtoneofvoice.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/132/@1024/366_understandingtoneofvoice.avif","width":1024}]}]},{"title":{"text":"The Four Dimensions of Tone of Voice"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Despite the concept of ‘tone of voice’ being relevant in the current Marketing world, the information about it tends to be vague and superficial. To get a deeper insight, a study by "},{"kind":"inline","type":"link","metadata":{"href":"https://www.nngroup.com/articles/author/kate-moran/"},"children":[{"kind":"inline","type":"strong","textContent":"Kate Moran"}]},{"kind":"inline","type":"strong","textContent":" "},{"kind":"inline","textContent":"from the "},{"kind":"inline","type":"link","metadata":{"href":"https://www.nngroup.com/"},"textContent":"Nielsen Norman Group"},{"kind":"inline","textContent":" reduced the complex world of "},{"kind":"inline","type":"link","metadata":{"href":"https://www.nngroup.com/articles/tone-of-voice-dimensions/"},"textContent":"tone of voice to 4 dimensions"},{"kind":"inline","textContent":": humor, formality, respectfulness, and enthusiasm. Any brand’s tone of voice could fall at either extreme of each dimension or somewhere between and can be varied to create different effects."}]},{"kind":"block","type":"unordered-list","children":[{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"strong","textContent":"Humour"},{"kind":"inline","textContent":" (funny vs. serious): delivering a brand’s message can be done with a humorous tone or done more seriously."}]},{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"strong","textContent":"Formality "},{"kind":"inline","textContent":"(formal vs. casual): formal language can convey a sense of professionalism, while an informal tone can more easily portrait a brand’s personality."}]},{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"strong","textContent":"Respectfulness"},{"kind":"inline","textContent":" (respectful vs. irreverent): the writer needs to decide if they will approach a subject respectfully or take a more irreverent approach."}]},{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"strong","textContent":"Enthusiasm"},{"kind":"inline","textContent":" (enthusiastic vs. matter-of-fact): the writer can be enthusiastic about the product or service, but they can also deliver a message in a more dry and matter-of-fact way."}]}]},{"kind":"block","type":"paragraph"}]},"videos":null,"images":null},{"title":{"text":"Develop your brand’s tone of voice"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Working on a tone of voice can be an excellent exercise to think about your brand and "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/product-design-process"},"textContent":"product design process"},{"kind":"inline","textContent":" since you’ll need to have a clear vision about its purpose, "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/product-strategy-understanding-product-positioning"},"textContent":"position, and target"},{"kind":"inline","textContent":" to develop your tone. "}]},{"kind":"block","type":"paragraph","textContent":"It’s critical to understand who is speaking and what viewpoint you want to portray to the world. It will then help if you decide what combination makes more sense for your brand from the dimensions already described. Then, the final result should be a tone of voice distinctive, recognizable, and unique."},{"kind":"block","type":"paragraph","textContent":"But no matter what tone of voice you end up choosing for your brand, the most important factor is that it needs to connect with the audience. You need to study your target and figure out what type of communication would be the most effective to create a relationship."},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Unlike the brand’s message, which should remain fairly consistent, your tone of voice can be changeable. This means that you need to keep your brand’s personality as consistent as possible, but the delivery of it should vary to fit a specific target or communication medium. By doing this, it "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/the-elements-of-value"},"textContent":"adds value to your brand"},{"kind":"inline","textContent":" and also keeps your content new and interesting."}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/133/367_toneofvoice.jpg","altText":null,"width":1208,"height":719,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/133/@100/367_toneofvoice.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/133/@200/367_toneofvoice.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/133/@500/367_toneofvoice.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/133/@768/367_toneofvoice.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/133/@1024/367_toneofvoice.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/133/@100/367_toneofvoice.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/133/@200/367_toneofvoice.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/133/@500/367_toneofvoice.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/133/@768/367_toneofvoice.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/133/@1024/367_toneofvoice.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/133/@100/367_toneofvoice.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/133/@200/367_toneofvoice.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/133/@500/367_toneofvoice.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/133/@768/367_toneofvoice.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/133/@1024/367_toneofvoice.avif","width":1024}]}]},{"title":{"text":"Tone of Voice and Content Strategy"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Your tone of voice should be a part of your "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/content-strategy-for-exponential-growth-marketing"},"textContent":"content strategy"},{"kind":"inline","textContent":" and be used when creating any communication asset. Like any part of the content strategy, tone of voice should be planned out with guidelines and rules. To do this, it’s recommended to create a type of"},{"kind":"inline","type":"link","metadata":{"href":"https://www.semrush.com/blog/how-to-define-your-tone-of-voice/"},"textContent":" tone of voice guide"},{"kind":"inline","textContent":" with:"}]},{"kind":"block","type":"unordered-list","children":[{"kind":"block","type":"list-item","textContent":"An overview of your brand’s personality as well as the tone of voice(s);"},{"kind":"block","type":"list-item","textContent":"A description of the type of language and grammar to use;"},{"kind":"block","type":"list-item","textContent":"Good and bad examples of words or phrases;"},{"kind":"block","type":"list-item","textContent":"And show a few examples of copy across a selection of mediums."}]},{"kind":"block","type":"paragraph","textContent":"As for any content strategy, the more detail you go into, the higher your team's chances are of being on the same page communication-wise, which ultimately contributes to the brand’s consistency. You are dealing with communication; choosing the right dialogue can make or break your chance to connect with the user and a possible transaction. So, when defining your tone of voice, you really need to think from language and grammar to even the choice of pronoun."}]},"videos":null,"images":null},{"title":{"text":"Tone of Voice as a tool of engagement"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Nowadays, more businesses are "},{"kind":"inline","type":"link","metadata":{"href":"https://sproutsocial.com/insights/brand-voice/"},"textContent":"using tone of voice to engage with their customers"},{"kind":"inline","textContent":". Customers like to deal with real people, and a tone of voice can give a brand that human feeling. Using your tone of voice to show authenticity and honesty can make your audience more invested in your content and eventually bond with your brand. And when your tone of voice is consistent, your audience will more easily recognize your brand and message."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Tone of voice can help you build trust with your audience, laying the foundation for a strong relationship. Developing your brand’s personality shows that you have confidence in your message and its real value, making it easier for people to trust your brand. Tone of voice plays a crucial part in "},{"kind":"inline","type":"link","metadata":{"href":"https://www.entrepreneur.com/article/289167"},"textContent":"showing that your brand is reliable"},{"kind":"inline","textContent":", building a trusting relationship with your customer."}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/134/368_toneofvoicetoolofengagement.jpg","altText":null,"width":1208,"height":719,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/134/@100/368_toneofvoicetoolofengagement.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/134/@200/368_toneofvoicetoolofengagement.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/134/@500/368_toneofvoicetoolofengagement.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/134/@768/368_toneofvoicetoolofengagement.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/134/@1024/368_toneofvoicetoolofengagement.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/134/@100/368_toneofvoicetoolofengagement.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/134/@200/368_toneofvoicetoolofengagement.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/134/@500/368_toneofvoicetoolofengagement.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/134/@768/368_toneofvoicetoolofengagement.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/134/@1024/368_toneofvoicetoolofengagement.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/134/@100/368_toneofvoicetoolofengagement.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/134/@200/368_toneofvoicetoolofengagement.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/134/@500/368_toneofvoicetoolofengagement.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/134/@768/368_toneofvoicetoolofengagement.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/134/@1024/368_toneofvoicetoolofengagement.avif","width":1024}]}]}]}}]},{"topics":[{"name":"Development"},{"name":"Growth Strategy"}],"name":"Javascript #1, React #1 while GraphQL is Trending","path":"/assets/blog/javascript-1-react-1-while-graphql-is-trending","id":"675fda64c7d447678413b7c4","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"Javascript #1, React #1 while GraphQL is Trending"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/55/development_sb_blog.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/55/@100/development_sb_blog.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/55/@200/development_sb_blog.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/55/@500/development_sb_blog.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/55/@768/development_sb_blog.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/55/@1024/development_sb_blog.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/55/@1366/development_sb_blog.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/55/@1600/development_sb_blog.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/55/@1920/development_sb_blog.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/55/@100/development_sb_blog.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/55/@200/development_sb_blog.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/55/@500/development_sb_blog.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/55/@768/development_sb_blog.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/55/@1024/development_sb_blog.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/55/@1366/development_sb_blog.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/55/@1600/development_sb_blog.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/55/@1920/development_sb_blog.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/55/@100/development_sb_blog.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/55/@200/development_sb_blog.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/55/@500/development_sb_blog.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/55/@768/development_sb_blog.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/55/@1024/development_sb_blog.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/55/@1366/development_sb_blog.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/55/@1600/development_sb_blog.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/55/@1920/development_sb_blog.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Bård Farstad"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"December 8th, 2018"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"It is the end of the year and and time for some reflection. We can still conclude that "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/javascript-ranked-the-most-popular-programming-language-according-to-redmonk"},"textContent":"Javascript is the most popular programming language"},{"kind":"inline","textContent":". Javascript is now being used in the browser, on servers, for mobile apps as well as IoT. "},{"kind":"inline","type":"link","metadata":{"href":"https://blog.npmjs.org/post/180868064080/this-year-in-javascript-2018-in-review-and-npms"},"textContent":"React has 60% market share of npm users"},{"kind":"inline","textContent":". GraphQL is trending big time."}]}],"plainText":["It is the end of the year and and time for some reflection. We can still conclude that Javascript is the most popular programming language. Javascript is now being used in the browser, on servers, for mobile apps as well as IoT. React has 60% market share of npm users. GraphQL is trending big time."]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":null,"body":null,"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/135/245_cart.png","altText":null,"width":800,"height":467,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/135/@100/245_cart.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/135/@200/245_cart.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/135/@500/245_cart.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/135/@768/245_cart.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/135/@100/245_cart.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/135/@200/245_cart.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/135/@500/245_cart.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/135/@768/245_cart.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/135/@100/245_cart.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/135/@200/245_cart.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/135/@500/245_cart.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/135/@768/245_cart.avif","width":768}]}]},{"title":{"text":"Javascript is the most popular programming language"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"I wrote a blog post earlier this year stating that "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/javascript-ranked-the-most-popular-programming-language-according-to-redmonk"},"textContent":"Javascript is the most popular programming language"},{"kind":"inline","textContent":". This is based on research from RedMonk which based on "},{"kind":"inline","type":"link","metadata":{"href":"https://github.com/"},"textContent":"Github"},{"kind":"inline","textContent":" and "},{"kind":"inline","type":"link","metadata":{"href":"https://stackoverflow.com/"},"textContent":"StackOverflow"},{"kind":"inline","textContent":" data. This is still the case."}]},{"kind":"block","type":"paragraph","textContent":"The usage of Javascript continues to grow. It is being used on:"},{"kind":"block","type":"unordered-list","children":[{"kind":"block","type":"list-item","textContent":"Browsers"},{"kind":"block","type":"list-item","textContent":"Servers"},{"kind":"block","type":"list-item","textContent":"Mobile devices"},{"kind":"block","type":"list-item","textContent":"IoT devices"}]},{"kind":"block","type":"paragraph","textContent":"At Snowball we use Javascript on all of the above and can confirm the use cases."}]},"videos":null,"images":null},{"title":{"text":"React most popular with 60% market share"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"With the growing hunger for React information and best practices we see a growth in conferences on the topic. Even up here in Norway we are having a "},{"kind":"inline","type":"link","metadata":{"href":"https://reactnorway.com/"},"textContent":"React Day Norway"},{"kind":"inline","textContent":" conference. Of course we support that by sponsoring."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"According to the "},{"kind":"inline","type":"link","metadata":{"href":"https://blog.npmjs.org/"},"textContent":"npm blog"},{"kind":"inline","textContent":" "},{"kind":"inline","type":"link","metadata":{"href":"https://blog.npmjs.org/post/180868064080/this-year-in-javascript-2018-in-review-and-npms"},"textContent":"React has 60% market share"},{"kind":"inline","textContent":". This is huge. The npm growth has apparently slowed a bit down, but React is still most widely adopted and still grows."}]}]},"videos":null,"images":null},{"title":{"text":"GraphQL gaining momentum"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Read more about the "},{"kind":"inline","type":"link","metadata":{"href":"https://blog.npmjs.org/post/180868064080/this-year-in-javascript-2018-in-review-and-npms"},"textContent":"stats in the Javascript world"},{"kind":"inline","textContent":" on the npm blog."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"As one of the "},{"kind":"inline","type":"link","metadata":{"href":"https://blog.npmjs.org/post/180868064080/this-year-in-javascript-2018-in-review-and-npms"},"textContent":"predictions for 2019 from the npm blog"},{"kind":"inline","textContent":" there is this one:"}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"emphasized","textContent":"“You’ll need to learn GraphQL. It might be too early to put GraphQL into production, especially if your API is already done, but 2019 is the year you should get your mind around the concepts of GraphQL. There’s a good chance you’ll be using them in new projects later in the year and in 2020.” - "},{"kind":"inline","type":"link","metadata":{"href":"https://twitter.com/seldo"},"children":[{"kind":"inline","type":"emphasized","textContent":"@seldo"}]}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"We believe this to be very true. Our own experience with GraphQL is awesome. We based our spin-off "},{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com/"},"textContent":"Crystallize"},{"kind":"inline","textContent":" on "},{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com/"},"textContent":"GraphQL for headless ecommerce"},{"kind":"inline","textContent":". It enabled us to build a powerful and "},{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com/blog/milliseconds-matter-fast-apis-matter"},"textContent":"fast API for PIM"},{"kind":"inline","textContent":"."}]}]},"videos":null,"images":null}]}}]},{"topics":[{"name":"Product Design"},{"name":"Growth Strategy"},{"name":"User Experience"}],"name":"Vision, Mission, and Values","path":"/assets/blog/vision-mission-and-values","id":"675fdac8ed4383af9fa58aa6","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"Vision, Mission, and Values"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/56/growth_strategy_sb_blog.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/56/@100/growth_strategy_sb_blog.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/56/@200/growth_strategy_sb_blog.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/56/@500/growth_strategy_sb_blog.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/56/@768/growth_strategy_sb_blog.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/56/@1024/growth_strategy_sb_blog.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/56/@1366/growth_strategy_sb_blog.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/56/@1600/growth_strategy_sb_blog.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/56/@1920/growth_strategy_sb_blog.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/56/@100/growth_strategy_sb_blog.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/56/@200/growth_strategy_sb_blog.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/56/@500/growth_strategy_sb_blog.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/56/@768/growth_strategy_sb_blog.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/56/@1024/growth_strategy_sb_blog.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/56/@1366/growth_strategy_sb_blog.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/56/@1600/growth_strategy_sb_blog.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/56/@1920/growth_strategy_sb_blog.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/56/@100/growth_strategy_sb_blog.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/56/@200/growth_strategy_sb_blog.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/56/@500/growth_strategy_sb_blog.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/56/@768/growth_strategy_sb_blog.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/56/@1024/growth_strategy_sb_blog.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/56/@1366/growth_strategy_sb_blog.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/56/@1600/growth_strategy_sb_blog.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/56/@1920/growth_strategy_sb_blog.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Filipa Amado"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"June 5th, 2019"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Establishing a business’s mission, vision, and values are crucial for setting a direction and reinforce its purpose. The vision statement describes what the business aspires to be in the future. The mission defines the business’s intention and product differentiation. And finally, the values statement provides a guideline for decision making and behavior within the business. All of these together should be applied to everything on your business, from "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services/product-design"},"textContent":"Product Design"},{"kind":"inline","textContent":" to "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/content-strategy-for-exponential-growth-marketing"},"textContent":"Content Strategy"},{"kind":"inline","textContent":"."}]}],"plainText":["Establishing a business’s mission, vision, and values are crucial for setting a direction and reinforce its purpose. The vision statement describes what the business aspires to be in the future. The mission defines the business’s intention and product differentiation. And finally, the values statement provides a guideline for decision making and behavior within the business. All of these together should be applied to everything on your business, from Product Design to Content Strategy."]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":{"text":"Understanding Vision, Mission, and Values "},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Crafting your vision, mission, and values statements are essential to establish your business's foundation and plan for the future. Having this step on your "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services/product-strategy"},"textContent":"Product Strategy"},{"kind":"inline","textContent":" gives you the chance to really think about your business in general and reflect on its purpose and "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/the-elements-of-value"},"textContent":"product value"},{"kind":"inline","textContent":" in the market. It’s about evaluating who you really are as a business, what you believe in, and what you want to achieve."}]},{"kind":"block","type":"paragraph","textContent":"These statements are usually established when a company is initially set up, as they are incorporated into the strategic plan. And although this may sound complex and only suitable for large companies with enough resources, this should be applied to anyone creating a business. With all its difficulties and complexities, the reality is that these statements can be easily overlooked. It’s an easy mistake to make, but it can definitely hurt your business in the long run."},{"kind":"block","type":"paragraph","textContent":"It’s also important to keep in mind that this is an ongoing process, and you should review your statement from time to time. It’s crucial to ensure that the vision, mission, and values statements are still relevant in the current environment the business is in. Vision, Mission, and Values should always reflect the business, both its structure and culture, at any point in time."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/136/vision-mission-values.jpg","altText":null,"width":2416,"height":1438,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/136/@100/vision-mission-values.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/136/@200/vision-mission-values.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/136/@500/vision-mission-values.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/136/@768/vision-mission-values.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/136/@1024/vision-mission-values.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/136/@1366/vision-mission-values.jpeg","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/136/@1600/vision-mission-values.jpeg","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/136/@1920/vision-mission-values.jpeg","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/136/@100/vision-mission-values.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/136/@200/vision-mission-values.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/136/@500/vision-mission-values.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/136/@768/vision-mission-values.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/136/@1024/vision-mission-values.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/136/@1366/vision-mission-values.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/136/@1600/vision-mission-values.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/136/@1920/vision-mission-values.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/136/@100/vision-mission-values.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/136/@200/vision-mission-values.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/136/@500/vision-mission-values.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/136/@768/vision-mission-values.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/136/@1024/vision-mission-values.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/136/@1366/vision-mission-values.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/136/@1600/vision-mission-values.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/136/@1920/vision-mission-values.avif","width":1920}]}]},{"title":{"text":"Vision"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"A "},{"kind":"inline","type":"link","metadata":{"href":"https://www.projectmanager.com/blog/guide-writing-perfect-vision-statement-examples"},"textContent":"vision statement"},{"kind":"inline","textContent":" refers to any aspirations of what you hope your business will achieve and become. It’s about looking forward and creating a visual image of the ideal state you wish to achieve with your business. Essentially, your vision should reflect what you think your business will look like in 5 or even 10 years from now."}]},{"kind":"block","type":"paragraph","textContent":"Finally, the vision statement needs to be inspirational and aspiration. It should challenge your employees and motivate them to want to be a part of and contribute to your business’s culture."},{"kind":"block","type":"paragraph","textContent":"A vision statement shouldn’t provide specific targets but a board description of your business's value instead. An effective statement should be clear and concise and not longer than a short paragraph. When done correctly, your vision statement can help make the best decisions for your business."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/137/vision.jpg","altText":null,"width":2416,"height":1438,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/137/@100/vision.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/137/@200/vision.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/137/@500/vision.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/137/@768/vision.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/137/@1024/vision.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/137/@1366/vision.jpeg","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/137/@1600/vision.jpeg","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/137/@1920/vision.jpeg","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/137/@100/vision.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/137/@200/vision.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/137/@500/vision.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/137/@768/vision.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/137/@1024/vision.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/137/@1366/vision.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/137/@1600/vision.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/137/@1920/vision.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/137/@100/vision.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/137/@200/vision.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/137/@500/vision.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/137/@768/vision.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/137/@1024/vision.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/137/@1366/vision.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/137/@1600/vision.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/137/@1920/vision.avif","width":1920}]}]},{"title":{"text":"Mission"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"The "},{"kind":"inline","type":"link","metadata":{"href":"https://en.wikipedia.org/wiki/Mission_statement"},"textContent":"mission statement"},{"kind":"inline","textContent":" conveys to the stakeholders why the business exists, clarifying its purpose, and how it creates value for the market. It’s a concise explanation of what the business does and overall intention - the "},{"kind":"inline","type":"link","metadata":{"href":"https://www.entrepreneur.com/encyclopedia/mission-statement"},"textContent":"“what,” “who,” and “why” of a business"},{"kind":"inline","textContent":". The statement also serves to communicate purpose and direction to employees, customers, and other stakeholders involved. In the end, the mission should allow you to define strategic goals for your business to achieve."}]},{"kind":"block","type":"paragraph","textContent":"Defining the mission doesn’t have to be complex and difficult to understand. It should be a short and formal statement, easy to memorize, and specific enough that people quickly understand your business and its place in the market. It often includes a small description of the company, alongside its function and objectives."},{"kind":"block","type":"paragraph","textContent":"Vision and Mission are often confused; however, they each have different purposes while at the same time supporting each other. Essentially the mission statement describes what your business needs to do to achieve the vision. It’s the roadmap for the business’s vision."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/138/mission.jpg","altText":null,"width":2416,"height":1438,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/138/@100/mission.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/138/@200/mission.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/138/@500/mission.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/138/@768/mission.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/138/@1024/mission.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/138/@1366/mission.jpeg","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/138/@1600/mission.jpeg","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/138/@1920/mission.jpeg","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/138/@100/mission.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/138/@200/mission.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/138/@500/mission.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/138/@768/mission.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/138/@1024/mission.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/138/@1366/mission.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/138/@1600/mission.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/138/@1920/mission.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/138/@100/mission.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/138/@200/mission.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/138/@500/mission.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/138/@768/mission.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/138/@1024/mission.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/138/@1366/mission.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/138/@1600/mission.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/138/@1920/mission.avif","width":1920}]}]},{"title":{"text":"Values"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"The "},{"kind":"inline","type":"link","metadata":{"href":"https://www.process.st/value-statement/"},"textContent":"values statement"},{"kind":"inline","textContent":" defines the moral direction, guiding not only the decision-making process but also attitudes and actions. It can establish a behavioral standard for how people should act, inside and outside the organization. The statement reflects the essence and identity of a business."}]},{"kind":"block","type":"paragraph","textContent":"The statement should be composed of a list of the core principles and basic beliefs that guide and direct your business. To do this, you need to consider the unique values that move your business and culture."},{"kind":"block","type":"paragraph","textContent":"Try to keep the list simple, limiting your core values to a maximum of five, so it’s easier to follow. And in the end, for a values statement to be effective, it must be applied and reinforced at all levels across the organization to be internalized in its culture."},{"kind":"block","type":"paragraph","textContent":"The values statement differs slightly from both the vision and mission statements. The last two focus on the purpose of a business and what goals and actions want to achieve. And although companies need to focus on these technical guidelines, Values represent the foundation that makes a business run and prosper."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/139/values.jpg","altText":null,"width":2416,"height":1438,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/139/@100/values.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/139/@200/values.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/139/@500/values.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/139/@768/values.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/139/@1024/values.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/139/@1366/values.jpeg","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/139/@1600/values.jpeg","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/139/@1920/values.jpeg","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/139/@100/values.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/139/@200/values.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/139/@500/values.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/139/@768/values.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/139/@1024/values.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/139/@1366/values.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/139/@1600/values.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/139/@1920/values.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/139/@100/values.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/139/@200/values.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/139/@500/values.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/139/@768/values.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/139/@1024/values.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/139/@1366/values.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/139/@1600/values.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/139/@1920/values.avif","width":1920}]}]}]}}]},{"topics":[{"name":"Product Design"}],"name":"Content Strategy with Cartoons for a Software Startup","path":"/assets/blog/content-strategy-with-cartoons-for-a-software-startup","id":"675fdb7ed9ed36a574f9b948","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"Content Strategy with Cartoons for a Software Startup"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/57/seo_sb_blog.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/57/@100/seo_sb_blog.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/57/@200/seo_sb_blog.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/57/@500/seo_sb_blog.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/57/@768/seo_sb_blog.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/57/@1024/seo_sb_blog.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/57/@1366/seo_sb_blog.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/57/@1600/seo_sb_blog.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/57/@1920/seo_sb_blog.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/57/@100/seo_sb_blog.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/57/@200/seo_sb_blog.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/57/@500/seo_sb_blog.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/57/@768/seo_sb_blog.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/57/@1024/seo_sb_blog.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/57/@1366/seo_sb_blog.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/57/@1600/seo_sb_blog.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/57/@1920/seo_sb_blog.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/57/@100/seo_sb_blog.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/57/@200/seo_sb_blog.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/57/@500/seo_sb_blog.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/57/@768/seo_sb_blog.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/57/@1024/seo_sb_blog.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/57/@1366/seo_sb_blog.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/57/@1600/seo_sb_blog.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/57/@1920/seo_sb_blog.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Bård Farstad"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"October 22nd, 2018"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"For "},{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com"},"textContent":"Crystallize"},{"kind":"inline","textContent":" we are executing their content strategy. We want to communicate the personality of the company and create content that is enjoyable and shareable. The target is to communicate the message that "},{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com/comics"},"textContent":"milliseconds matter"},{"kind":"inline","textContent":" when building tailor made e-commerce experience. This applies to user experience, conversion as well as search engine optimization. We decided to launch a weekly cartoon called milliseconds matter. Different."}]}],"plainText":["For Crystallize we are executing their content strategy. We want to communicate the personality of the company and create content that is enjoyable and shareable. The target is to communicate the message that milliseconds matter when building tailor made e-commerce experience. This applies to user experience, conversion as well as search engine optimization. We decided to launch a weekly cartoon called milliseconds matter. Different."]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":{"text":"Developer Cartoons"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Introducing a weekly cartoon series for a software startup company like Crystallize may seem a bit odd. Good. We want to show that we care, even down to the "},{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com/blog/crystallize-terms-of-service-weighing-in-at-only-38-of-slacks-"},"textContent":"friction free legal framework"},{"kind":"inline","textContent":". This underlines the fact that milliseconds matter even in contracts."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"But, cartoons. The "},{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com/comics"},"textContent":"developer cartoons"},{"kind":"inline","textContent":" for Crystallize are mainly ticking three boxes:"}]},{"kind":"block","type":"unordered-list","children":[{"kind":"block","type":"list-item","textContent":"Funny (right?)"},{"kind":"block","type":"list-item","textContent":"We take developer experience seriously, we understand the pain"},{"kind":"block","type":"list-item","textContent":"A reason to come back"}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/140/219_172_developer_comic_refactoring_1.jpg","altText":null,"width":1845,"height":1845,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/140/@100/219_172_developer_comic_refactoring_1.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/140/@200/219_172_developer_comic_refactoring_1.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/140/@500/219_172_developer_comic_refactoring_1.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/140/@768/219_172_developer_comic_refactoring_1.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/140/@1024/219_172_developer_comic_refactoring_1.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/140/@1366/219_172_developer_comic_refactoring_1.jpeg","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/140/@1600/219_172_developer_comic_refactoring_1.jpeg","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/140/@100/219_172_developer_comic_refactoring_1.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/140/@200/219_172_developer_comic_refactoring_1.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/140/@500/219_172_developer_comic_refactoring_1.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/140/@768/219_172_developer_comic_refactoring_1.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/140/@1024/219_172_developer_comic_refactoring_1.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/140/@1366/219_172_developer_comic_refactoring_1.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/140/@1600/219_172_developer_comic_refactoring_1.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/140/@100/219_172_developer_comic_refactoring_1.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/140/@200/219_172_developer_comic_refactoring_1.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/140/@500/219_172_developer_comic_refactoring_1.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/140/@768/219_172_developer_comic_refactoring_1.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/140/@1024/219_172_developer_comic_refactoring_1.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/140/@1366/219_172_developer_comic_refactoring_1.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/140/@1600/219_172_developer_comic_refactoring_1.avif","width":1600}]}]},{"title":{"text":"Creating a company personality"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"The personality of the company Crystallize is important. We want to use the cartoons as a foundation and have this personality be clear from our contracts, marketing to the product itself. Tone of voice is central."},{"kind":"block","type":"paragraph","textContent":"Example growl message when saving in Crystallize:"}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/141/220_crystallize_save_message.jpg","altText":null,"width":800,"height":203,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/141/@100/220_crystallize_save_message.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/141/@200/220_crystallize_save_message.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/141/@500/220_crystallize_save_message.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/141/@768/220_crystallize_save_message.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/141/@100/220_crystallize_save_message.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/141/@200/220_crystallize_save_message.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/141/@500/220_crystallize_save_message.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/141/@768/220_crystallize_save_message.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/141/@100/220_crystallize_save_message.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/141/@200/220_crystallize_save_message.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/141/@500/220_crystallize_save_message.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/141/@768/220_crystallize_save_message.avif","width":768}]}]},{"title":null,"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Example from the legal framework. Irony:"}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/142/221_crystallize_legal_snippet.jpg","altText":null,"width":787,"height":147,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/142/@100/221_crystallize_legal_snippet.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/142/@200/221_crystallize_legal_snippet.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/142/@500/221_crystallize_legal_snippet.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/142/@768/221_crystallize_legal_snippet.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/142/@100/221_crystallize_legal_snippet.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/142/@200/221_crystallize_legal_snippet.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/142/@500/221_crystallize_legal_snippet.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/142/@768/221_crystallize_legal_snippet.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/142/@100/221_crystallize_legal_snippet.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/142/@200/221_crystallize_legal_snippet.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/142/@500/221_crystallize_legal_snippet.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/142/@768/221_crystallize_legal_snippet.avif","width":768}]}]},{"title":null,"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"line-break"}]},{"kind":"block","type":"paragraph","textContent":"What are we saying here? We are easy to do business with."}]},"videos":null,"images":null},{"title":{"text":"Infographics and diagrams in style"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Ugly diagrams and boring slides is typical for software companies. We do not want to go that route. When we are communicating software architectures and diagrams we strive to communicate this in style and on message. Below you see the core diagram showing the PIM (Product Information Management) of Crystallize."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/143/222_crystallize_diagram.jpg","altText":null,"width":1800,"height":1143,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/143/@100/222_crystallize_diagram.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/143/@200/222_crystallize_diagram.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/143/@500/222_crystallize_diagram.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/143/@768/222_crystallize_diagram.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/143/@1024/222_crystallize_diagram.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/143/@1366/222_crystallize_diagram.jpeg","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/143/@1600/222_crystallize_diagram.jpeg","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/143/@100/222_crystallize_diagram.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/143/@200/222_crystallize_diagram.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/143/@500/222_crystallize_diagram.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/143/@768/222_crystallize_diagram.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/143/@1024/222_crystallize_diagram.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/143/@1366/222_crystallize_diagram.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/143/@1600/222_crystallize_diagram.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/143/@100/222_crystallize_diagram.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/143/@200/222_crystallize_diagram.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/143/@500/222_crystallize_diagram.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/143/@768/222_crystallize_diagram.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/143/@1024/222_crystallize_diagram.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/143/@1366/222_crystallize_diagram.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/143/@1600/222_crystallize_diagram.avif","width":1600}]}]},{"title":{"text":"Printed cartoon handouts"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"We wanted to have a small handout for meetings and events. Something that is hopefully not thrown away immediately. The milliseconds matter cartoon booklet is the result. A collection of the cartoons from the last quarter. Hey, this will become a collectable."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/144/223_crystallize_booklet_blog_post.jpg","altText":null,"width":1000,"height":800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/144/@100/223_crystallize_booklet_blog_post.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/144/@200/223_crystallize_booklet_blog_post.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/144/@500/223_crystallize_booklet_blog_post.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/144/@768/223_crystallize_booklet_blog_post.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/144/@100/223_crystallize_booklet_blog_post.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/144/@200/223_crystallize_booklet_blog_post.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/144/@500/223_crystallize_booklet_blog_post.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/144/@768/223_crystallize_booklet_blog_post.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/144/@100/223_crystallize_booklet_blog_post.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/144/@200/223_crystallize_booklet_blog_post.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/144/@500/223_crystallize_booklet_blog_post.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/144/@768/223_crystallize_booklet_blog_post.avif","width":768}]}]},{"title":null,"body":null,"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/145/224_crystallize_comic_blog_post.jpg","altText":null,"width":1000,"height":800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/145/@100/224_crystallize_comic_blog_post.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/145/@200/224_crystallize_comic_blog_post.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/145/@500/224_crystallize_comic_blog_post.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/145/@768/224_crystallize_comic_blog_post.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/145/@100/224_crystallize_comic_blog_post.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/145/@200/224_crystallize_comic_blog_post.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/145/@500/224_crystallize_comic_blog_post.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/145/@768/224_crystallize_comic_blog_post.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/145/@100/224_crystallize_comic_blog_post.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/145/@200/224_crystallize_comic_blog_post.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/145/@500/224_crystallize_comic_blog_post.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/145/@768/224_crystallize_comic_blog_post.avif","width":768}]}]}]}}]},{"topics":[{"name":"Branding"},{"name":"Product Design"},{"name":"Growth Strategy"},{"name":"Marketing"}],"name":"Challenging the world of Paperworks with Origami","path":"/assets/blog/challenging-the-world-of-paperworks-with-origami","id":"675fdc2ac7d447678413b7c5","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"Challenging the world of Paperworks with Origami"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/100/digital_transformation_sb_blog.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/100/@100/digital_transformation_sb_blog.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/100/@200/digital_transformation_sb_blog.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/100/@500/digital_transformation_sb_blog.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/100/@768/digital_transformation_sb_blog.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/100/@1024/digital_transformation_sb_blog.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/100/@1366/digital_transformation_sb_blog.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/100/@1600/digital_transformation_sb_blog.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/100/@1920/digital_transformation_sb_blog.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/100/@100/digital_transformation_sb_blog.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/100/@200/digital_transformation_sb_blog.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/100/@500/digital_transformation_sb_blog.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/100/@768/digital_transformation_sb_blog.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/100/@1024/digital_transformation_sb_blog.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/100/@1366/digital_transformation_sb_blog.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/100/@1600/digital_transformation_sb_blog.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/100/@1920/digital_transformation_sb_blog.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/100/@100/digital_transformation_sb_blog.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/100/@200/digital_transformation_sb_blog.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/100/@500/digital_transformation_sb_blog.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/100/@768/digital_transformation_sb_blog.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/100/@1024/digital_transformation_sb_blog.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/100/@1366/digital_transformation_sb_blog.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/100/@1600/digital_transformation_sb_blog.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/100/@1920/digital_transformation_sb_blog.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Filipa Amado"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"June 7th, 2019"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"For "},{"kind":"inline","type":"link","metadata":{"href":"https://origamipaperworks.com/"},"textContent":"Origami Paperworks"},{"kind":"inline","textContent":" our approach was to change the mindset, with a bold look. It’s about telling a story differently. A story about "},{"kind":"inline","type":"link","metadata":{"href":"https://origamipaperworks.com/"},"textContent":"Paperwork Made Beautiful"},{"kind":"inline","textContent":". Snowball created the brand platform for Origami, which established standards from brand messaging to visual design and "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services/growth-marketing"},"textContent":"content strategy"},{"kind":"inline","textContent":", inspired by the brand’s healthy core. Snowball also created the name. We helped implement new strategic messaging and build a robust communication platform."}]}],"plainText":["For Origami Paperworks our approach was to change the mindset, with a bold look. It’s about telling a story differently. A story about Paperwork Made Beautiful. Snowball created the brand platform for Origami, which established standards from brand messaging to visual design and content strategy, inspired by the brand’s healthy core. Snowball also created the name. We helped implement new strategic messaging and build a robust communication platform."]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":{"text":"Origami - Paperwork Made Beautiful"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Origami shows how a brand stands out in the world of "},{"kind":"inline","type":"link","metadata":{"href":"https://origamipaperworks.com/tjenester"},"textContent":"paperwork, accounting, and legal services"},{"kind":"inline","textContent":" - with an unconventional look. We developed a product that has a strategic messaging with fresh visuals that reflects boldness and accessibility at the same time."}]},{"kind":"block","type":"paragraph","textContent":"As we designed the platform, we established brand guidelines and standards that communicate how to best represent the brand across channels. The brand guidelines help them express their positioning, personality, and beliefs."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/146/origami-paperwork-made-beautiful.jpg","altText":null,"width":2416,"height":396,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/146/@100/origami-paperwork-made-beautiful.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/146/@200/origami-paperwork-made-beautiful.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/146/@500/origami-paperwork-made-beautiful.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/146/@768/origami-paperwork-made-beautiful.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/146/@1024/origami-paperwork-made-beautiful.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/146/@1366/origami-paperwork-made-beautiful.jpeg","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/146/@1600/origami-paperwork-made-beautiful.jpeg","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/146/@1920/origami-paperwork-made-beautiful.jpeg","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/146/@100/origami-paperwork-made-beautiful.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/146/@200/origami-paperwork-made-beautiful.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/146/@500/origami-paperwork-made-beautiful.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/146/@768/origami-paperwork-made-beautiful.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/146/@1024/origami-paperwork-made-beautiful.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/146/@1366/origami-paperwork-made-beautiful.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/146/@1600/origami-paperwork-made-beautiful.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/146/@1920/origami-paperwork-made-beautiful.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/146/@100/origami-paperwork-made-beautiful.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/146/@200/origami-paperwork-made-beautiful.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/146/@500/origami-paperwork-made-beautiful.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/146/@768/origami-paperwork-made-beautiful.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/146/@1024/origami-paperwork-made-beautiful.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/146/@1366/origami-paperwork-made-beautiful.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/146/@1600/origami-paperwork-made-beautiful.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/146/@1920/origami-paperwork-made-beautiful.avif","width":1920}]}]},{"title":{"text":"Challenging the world of company support services"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"link","metadata":{"href":"https://origamipaperworks.com/"},"textContent":"Origami"},{"kind":"inline","textContent":" is a Skien-based firm that offers comprehensive services to startups - like the "},{"kind":"inline","type":"link","metadata":{"href":"https://speedcykkel.com/"},"textContent":"classic bike manufacturing company"},{"kind":"inline","textContent":", Skiens Cykkelfabrik and growth companies like the "},{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com/product"},"textContent":"ecommerce API service Crystallize"},{"kind":"inline","textContent":". With the help of Snowball, the company embarked on a "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services/product-design"},"textContent":"branding"},{"kind":"inline","textContent":" journey for its launch in the market."}]},{"kind":"block","type":"paragraph","textContent":"Firstly it was crucial to assess and define the company’s market position in order to differentiate it from its competition. It was uncovered a focus to help their customers by providing personalized services with accessible material that avoids the complicated language often associated with the industry. This customer-centered thinking settles Origami’s position beyond the norm and what others have to offer in the business consulting landscape."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/147/origami-website.jpg","altText":null,"width":2416,"height":1536,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/147/@100/origami-website.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/147/@200/origami-website.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/147/@500/origami-website.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/147/@768/origami-website.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/147/@1024/origami-website.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/147/@1366/origami-website.jpeg","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/147/@1600/origami-website.jpeg","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/147/@1920/origami-website.jpeg","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/147/@100/origami-website.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/147/@200/origami-website.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/147/@500/origami-website.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/147/@768/origami-website.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/147/@1024/origami-website.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/147/@1366/origami-website.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/147/@1600/origami-website.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/147/@1920/origami-website.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/147/@100/origami-website.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/147/@200/origami-website.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/147/@500/origami-website.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/147/@768/origami-website.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/147/@1024/origami-website.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/147/@1366/origami-website.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/147/@1600/origami-website.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/147/@1920/origami-website.avif","width":1920}]}]},{"title":{"text":"Scope of Branding and Design Work"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Snowball has worked with Origami Paperworks from the brand strategy and research through "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services"},"textContent":"service design"},{"kind":"inline","textContent":" and "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services"},"textContent":"design"},{"kind":"inline","textContent":"."}]},{"kind":"block","type":"unordered-list","children":[{"kind":"block","type":"list-item","textContent":"Brand Research"},{"kind":"block","type":"list-item","textContent":"Brand Strategy"},{"kind":"block","type":"list-item","textContent":"Service Design"},{"kind":"block","type":"list-item","textContent":"Company naming"},{"kind":"block","type":"list-item","textContent":"Visual Brand Guidelines"},{"kind":"block","type":"list-item","textContent":"Website"},{"kind":"block","type":"list-item","textContent":"Ongoing Brand Strategy Consulting"}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/148/origami-illustration.jpg","altText":null,"width":2416,"height":1156,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/148/@100/origami-illustration.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/148/@200/origami-illustration.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/148/@500/origami-illustration.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/148/@768/origami-illustration.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/148/@1024/origami-illustration.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/148/@1366/origami-illustration.jpeg","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/148/@1600/origami-illustration.jpeg","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/148/@1920/origami-illustration.jpeg","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/148/@100/origami-illustration.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/148/@200/origami-illustration.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/148/@500/origami-illustration.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/148/@768/origami-illustration.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/148/@1024/origami-illustration.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/148/@1366/origami-illustration.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/148/@1600/origami-illustration.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/148/@1920/origami-illustration.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/148/@100/origami-illustration.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/148/@200/origami-illustration.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/148/@500/origami-illustration.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/148/@768/origami-illustration.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/148/@1024/origami-illustration.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/148/@1366/origami-illustration.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/148/@1600/origami-illustration.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/148/@1920/origami-illustration.avif","width":1920}]}]},{"title":{"text":"Strategic Intent"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"The company adopted the brand name Origami that is reinforced by the then added tagline ‘Paperwork Made Beautiful’. The tagline focus on the idea of removing the fear out of paperwork, and instead of making it something dreadful it makes something beautiful - just like what origami does to paper. It’s a customer-centric message about the company’s commitment to its clients’ best interests, portraying a sentiment that resonates well with this target audience."},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Origami is all about taking the concept of paperwork to the next level. It’s through this brand positioning that Origami is able to an approach that stands out from its competition. From this, new "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services/product-design"},"textContent":"branding"},{"kind":"inline","textContent":" and visuals elements will be designed to complement this new position."}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/149/origami-stationery.jpg","altText":null,"width":2416,"height":1536,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/149/@100/origami-stationery.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/149/@200/origami-stationery.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/149/@500/origami-stationery.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/149/@768/origami-stationery.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/149/@1024/origami-stationery.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/149/@1366/origami-stationery.jpeg","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/149/@1600/origami-stationery.jpeg","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/149/@1920/origami-stationery.jpeg","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/149/@100/origami-stationery.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/149/@200/origami-stationery.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/149/@500/origami-stationery.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/149/@768/origami-stationery.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/149/@1024/origami-stationery.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/149/@1366/origami-stationery.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/149/@1600/origami-stationery.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/149/@1920/origami-stationery.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/149/@100/origami-stationery.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/149/@200/origami-stationery.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/149/@500/origami-stationery.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/149/@768/origami-stationery.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/149/@1024/origami-stationery.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/149/@1366/origami-stationery.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/149/@1600/origami-stationery.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/149/@1920/origami-stationery.avif","width":1920}]}]},{"title":{"text":"Style & Look"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Larger firms and most of the Origamis competition often lack a personal touch, using muted colors that tend to be calm and cold, as well as complex imagery. So we created a new branding that differentiates Origami from its competition, while conveying the company’s insight and accessibility."},{"kind":"block","type":"paragraph","textContent":"Snowball designed a brand identity composed of bold typography, bright color treatment and an iconic mark; a design that expresses the company’s personality with a minimal elegance. It’s a simple and straightforward design language that achieves a powerful impression; the visual design, aligned with our Paperwork Made Beautiful’ message, contributed to a proactive and confident style that stands from the competition."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/150/origami-business-card.jpg","altText":null,"width":2416,"height":1156,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/150/@100/origami-business-card.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/150/@200/origami-business-card.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/150/@500/origami-business-card.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/150/@768/origami-business-card.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/150/@1024/origami-business-card.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/150/@1366/origami-business-card.jpeg","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/150/@1600/origami-business-card.jpeg","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/150/@1920/origami-business-card.jpeg","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/150/@100/origami-business-card.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/150/@200/origami-business-card.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/150/@500/origami-business-card.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/150/@768/origami-business-card.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/150/@1024/origami-business-card.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/150/@1366/origami-business-card.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/150/@1600/origami-business-card.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/150/@1920/origami-business-card.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/150/@100/origami-business-card.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/150/@200/origami-business-card.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/150/@500/origami-business-card.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/150/@768/origami-business-card.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/150/@1024/origami-business-card.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/150/@1366/origami-business-card.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/150/@1600/origami-business-card.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/150/@1920/origami-business-card.avif","width":1920}]}]},{"title":{"text":"Results: a Happy Happy Customer"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"What separates Origami from its competitors is the ability to deliver an exceptional consulting experience, customizable for the customers’ needs, with deliverables that are accessible and easy to understand. Snowball had the opportunity to create a brand that reinforced the company’s position as a customer-friendly complete back office provider."},{"kind":"block","type":"paragraph","textContent":"We wanted to shift the mindset from the dreadfulness often associated with “paperwork”. The tagline “Paperwork Made Beautiful” was created to capture the company’s expertise, and unique insight and perspective. It’s a brand that tells a different story in the accounting world; a position and point-of-view that differentiates Origami from the competition."},{"kind":"block","type":"paragraph","textContent":"Origami’s new visual identity representing this different personality by applying bold colors playful typography, and a geometric look to create a modern minimal style. The visual design, with its proactive and encouraging style, aligned with the tagline, all combined in a playful and confident branding; with each element of the identity consistent in what we wanted to say."},{"kind":"block","type":"paragraph","textContent":"The new positioning, messaging and imagery were used as the basis for the firm’s brand, which was then consistently incorporated into several marketing pieces."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/151/origami-ad.jpg","altText":null,"width":2416,"height":1536,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/151/@100/origami-ad.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/151/@200/origami-ad.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/151/@500/origami-ad.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/151/@768/origami-ad.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/151/@1024/origami-ad.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/151/@1366/origami-ad.jpeg","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/151/@1600/origami-ad.jpeg","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/151/@1920/origami-ad.jpeg","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/151/@100/origami-ad.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/151/@200/origami-ad.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/151/@500/origami-ad.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/151/@768/origami-ad.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/151/@1024/origami-ad.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/151/@1366/origami-ad.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/151/@1600/origami-ad.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/151/@1920/origami-ad.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/151/@100/origami-ad.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/151/@200/origami-ad.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/151/@500/origami-ad.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/151/@768/origami-ad.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/151/@1024/origami-ad.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/151/@1366/origami-ad.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/151/@1600/origami-ad.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/151/@1920/origami-ad.avif","width":1920}]}]}]}}]},{"topics":[{"name":"Development"}],"name":"Share React components without using npm","path":"/assets/blog/share-react-components-without-using-npm","id":"675fddf4c7d447678413bb57","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"Share React components without using npm"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/59/development_sb_blog.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/59/@100/development_sb_blog.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/59/@200/development_sb_blog.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/59/@500/development_sb_blog.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/59/@768/development_sb_blog.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/59/@1024/development_sb_blog.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/59/@1366/development_sb_blog.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/59/@1600/development_sb_blog.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/59/@1920/development_sb_blog.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/59/@100/development_sb_blog.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/59/@200/development_sb_blog.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/59/@500/development_sb_blog.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/59/@768/development_sb_blog.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/59/@1024/development_sb_blog.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/59/@1366/development_sb_blog.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/59/@1600/development_sb_blog.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/59/@1920/development_sb_blog.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/59/@100/development_sb_blog.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/59/@200/development_sb_blog.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/59/@500/development_sb_blog.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/59/@768/development_sb_blog.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/59/@1024/development_sb_blog.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/59/@1366/development_sb_blog.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/59/@1600/development_sb_blog.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/59/@1920/development_sb_blog.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":" Håkon Gullord Krogh"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"September 20th, 2018"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","textContent":"Sometimes you find that you have a React component that you want to share, but not on NPM. This might be because you want it to be private, or simply because it is not a good fit for NPM."},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"line-break"}]}],"plainText":["Sometimes you find that you have a React component that you want to share, but not on NPM. This might be because you want it to be private, or simply because it is not a good fit for NPM.",""]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":{"text":"Example: our author React component"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"We wanted the author component used at our blog section to be shareable, but it does not make sense bloat the NPM registry with something that no-one else has any interest in installing."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/152/212_reactauthorcomponent.png","altText":null,"width":1814,"height":268,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/152/@100/212_reactauthorcomponent.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/152/@200/212_reactauthorcomponent.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/152/@500/212_reactauthorcomponent.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/152/@768/212_reactauthorcomponent.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/152/@1024/212_reactauthorcomponent.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/152/@1366/212_reactauthorcomponent.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/152/@1600/212_reactauthorcomponent.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/152/@100/212_reactauthorcomponent.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/152/@200/212_reactauthorcomponent.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/152/@500/212_reactauthorcomponent.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/152/@768/212_reactauthorcomponent.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/152/@1024/212_reactauthorcomponent.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/152/@1366/212_reactauthorcomponent.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/152/@1600/212_reactauthorcomponent.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/152/@100/212_reactauthorcomponent.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/152/@200/212_reactauthorcomponent.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/152/@500/212_reactauthorcomponent.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/152/@768/212_reactauthorcomponent.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/152/@1024/212_reactauthorcomponent.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/152/@1366/212_reactauthorcomponent.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/152/@1600/212_reactauthorcomponent.avif","width":1600}]}]},{"title":{"text":"The solution"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Git. Git is the solution. NPM supports installs from Git, so all it takes is to create a repository for the module and not exclude the build files in the .gitignore file. You then do the NPM install a bit different:"},{"kind":"block","type":"preformatted","children":[{"type":"code","kind":"block","textContent":"npm install <git-host>:<git-user>/<repo-name>","metadata":{"language":"javascript"}}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"line-break"}]},{"kind":"block","type":"paragraph","textContent":"Using our react-author module as example:"},{"kind":"block","type":"preformatted","children":[{"type":"code","kind":"block","textContent":"npm install github:snowballdigital/react-author#1.3.0","metadata":{"language":"javascript"}}]},{"kind":"block","type":"paragraph","textContent":"Or using yarn:"},{"kind":"block","type":"preformatted","children":[{"type":"code","kind":"block","textContent":"yarn add github:snowballdigital/react-author#1.3.0","metadata":{"language":"javascript"}}]},{"kind":"block","type":"paragraph","textContent":"Note that we are using tags to specify versions."}]},"videos":null,"images":null}]}}]},{"topics":[{"name":"Branding"},{"name":"Product Design"},{"name":"Growth Strategy"},{"name":"Marketing"}],"name":"Brand Style Guide explained","path":"/assets/blog/brand-style-guide-explained","id":"675fe18dc7d447678413bb9e","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"Explained: Brand Style Guide"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/60/branding_sb_blog.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/60/@100/branding_sb_blog.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/60/@200/branding_sb_blog.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/60/@500/branding_sb_blog.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/60/@768/branding_sb_blog.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/60/@1024/branding_sb_blog.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/60/@1366/branding_sb_blog.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/60/@1600/branding_sb_blog.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/60/@1920/branding_sb_blog.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/60/@100/branding_sb_blog.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/60/@200/branding_sb_blog.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/60/@500/branding_sb_blog.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/60/@768/branding_sb_blog.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/60/@1024/branding_sb_blog.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/60/@1366/branding_sb_blog.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/60/@1600/branding_sb_blog.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/60/@1920/branding_sb_blog.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/60/@100/branding_sb_blog.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/60/@200/branding_sb_blog.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/60/@500/branding_sb_blog.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/60/@768/branding_sb_blog.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/60/@1024/branding_sb_blog.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/60/@1366/branding_sb_blog.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/60/@1600/branding_sb_blog.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/60/@1920/branding_sb_blog.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Filipa Amado"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"June 20th, 2019"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"One of the essential resources a business can have is a ‘Brand Style Guide’. This is a tool that teaches your team how to stay true to any given brand, while also acting as a reference point for any future "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services"},"textContent":"product design"},{"kind":"inline","textContent":" project. A guide goes beyond logos or fancy business cards - a Brand Style Guide contains every core element necessary to make your, or a customer’s brand, consistent and recognizable."}]}],"plainText":["One of the essential resources a business can have is a ‘Brand Style Guide’. This is a tool that teaches your team how to stay true to any given brand, while also acting as a reference point for any future product design project. A guide goes beyond logos or fancy business cards - a Brand Style Guide contains every core element necessary to make your, or a customer’s brand, consistent and recognizable."]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":{"text":"What is a Brand Style Guide?"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"A Brand Style Guide can sometimes be referred to as ‘Brand Guidelines’, ‘Brand Book’, and even ‘Brand Bible’. However, all of these terms represent roughly the same concept: "},{"kind":"inline","type":"emphasized","textContent":"a set of rules that explain how your brand works"},{"kind":"inline","textContent":", or even more simply, "},{"kind":"inline","type":"emphasized","textContent":"a guide to your brand"},{"kind":"inline","textContent":" ("},{"kind":"inline","type":"link","metadata":{"href":"http://www.niftymarketing.co.uk/author/nifty/"},"children":[{"kind":"inline","type":"strong","textContent":"nifty"}]},{"kind":"inline","type":"strong","textContent":", 2012)"},{"kind":"inline","textContent":"."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"If done well, a Brand Style Guide is extremely thorough. It summarizes how a brand expresses itself, from both a "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services"},"textContent":"marketing strategy"},{"kind":"inline","textContent":" perspective and a visual identity perspective. As such, a well-constructed Brand Style Guide should be functional and easy to understand. If anyone, internally or externally, reads it, they should be able to fully grasp your brand and its visual identity. "}]},{"kind":"block","type":"paragraph","textContent":"More so, these guides contain all the information necessary to create every piece of communication, ensuring that all messaging is relevant and related to your brand’s goals. It’s a tool that can be used to help build and maintain the consistency of your brand experience, whether talking about customer service, design or marketing."},{"kind":"block","type":"paragraph"}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/153/brandguides.jpg","altText":null,"width":2416,"height":1536,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/153/@100/brandguides.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/153/@200/brandguides.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/153/@500/brandguides.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/153/@768/brandguides.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/153/@1024/brandguides.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/153/@1366/brandguides.jpeg","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/153/@1600/brandguides.jpeg","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/153/@1920/brandguides.jpeg","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/153/@100/brandguides.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/153/@200/brandguides.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/153/@500/brandguides.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/153/@768/brandguides.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/153/@1024/brandguides.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/153/@1366/brandguides.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/153/@1600/brandguides.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/153/@1920/brandguides.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/153/@100/brandguides.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/153/@200/brandguides.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/153/@500/brandguides.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/153/@768/brandguides.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/153/@1024/brandguides.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/153/@1366/brandguides.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/153/@1600/brandguides.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/153/@1920/brandguides.avif","width":1920}]}]},{"title":{"text":"Why is a Brand Style Guide important?"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Why is a Brand Style Guide is so important to "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services/product-design"},"textContent":"Product Design"},{"kind":"inline","textContent":" and what is its "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/the-elements-of-value"},"textContent":"brand value"},{"kind":"inline","textContent":"? "}]},{"kind":"block","type":"paragraph","textContent":"A brand style guide ensures that your content is cohesive and well distinguished from your competitors. This is important because it helps create a strong voice that speaks to your target market, which is essential for building brand awareness, consistency, and trust."},{"kind":"block","type":"paragraph","textContent":"It’s also a tool designed to give your brand flexibility. This is what we mean: a Brand Style Guide should be flexible enough to allow some creativity and innovation, but rigorous enough to keep consistency and recognizability. If you can successfully combine both sides of the same coin, you will have the foundation for a very strong brand."},{"kind":"block","type":"paragraph","textContent":"When creating your Brand Style Guide, you can choose to have a basic overview of the brand or a very detailed and comprehensive one. The important thing is for you to spend some time and resources on it, so it can have that solid foundation. You can always make adjustments later on down the road. It’s not ever a finished product - it’s something that evolves, just like your brand!"}]},"videos":null,"images":null},{"title":{"text":"Key components of a Brand Style Guide"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"A Brand Style Guide should include the important guidelines of your brand’s identity. Before you create your own, here are six key components that should be included in some way in your Brand Style Guide:"},{"kind":"block","type":"paragraph"},{"kind":"block","type":"paragraph"},{"kind":"block","type":"unordered-list","children":[{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"strong","textContent":"Overview: "},{"kind":"inline","textContent":"an overview of your brand’s history, "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/vision-mission-and-values"},"textContent":"vision, mission, and values"},{"kind":"inline","textContent":"; the rest of the guide should reflect these fundamental components."}]}]},{"kind":"block","type":"paragraph"},{"kind":"block","type":"unordered-list","children":[{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/product-strategy-understanding-product-positioning"},"children":[{"kind":"inline","type":"strong","textContent":"Product Positioning"}]},{"kind":"inline","type":"strong","textContent":" and "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/tone-of-voice-the-new-level-of-branding"},"children":[{"kind":"inline","type":"strong","textContent":"Tone of Voice"}]},{"kind":"inline","type":"strong","textContent":": "},{"kind":"inline","textContent":"a quick summary of how your brand wants to be perceived by the customer."}]}]},{"kind":"block","type":"paragraph"},{"kind":"block","type":"unordered-list","children":[{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"strong","textContent":"Logo and logo variations: "},{"kind":"inline","textContent":"this section includes all approved versions of your logo and gives visual examples showing different sizes and spacing; it also shows what not to do with your logo, preventing mistakes or any unwanted alterations, like stretching or cropping."}]}]},{"kind":"block","type":"paragraph"},{"kind":"block","type":"unordered-list","children":[{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"strong","textContent":"Color palette: "},{"kind":"inline","textContent":"swatches of your primary and secondary color palettes, along with color breakdowns for print and digital ("},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/color-systems-cmyk-pantone-rgb-and-ral-explained"},"textContent":"Color systems CMYK, Pantone, and RGB"},{"kind":"inline","textContent":") to make sure your brand and its colors are accurately reproduced in any medium."}]}]},{"kind":"block","type":"paragraph"},{"kind":"block","type":"unordered-list","children":[{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"strong","textContent":"Typography: "},{"kind":"inline","textContent":"you will need to specify if your brand has one "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/what-is-the-difference-between-a-font-and-a-typeface"},"textContent":"typeface family or multiple ones"},{"kind":"inline","textContent":", along with the different uses and applications."}]}]},{"kind":"block","type":"paragraph"},{"kind":"block","type":"unordered-list","children":[{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"strong","textContent":"Imagery: "},{"kind":"inline","textContent":"define the style of any photography or illustration that complements your logo and brand."}]}]},{"kind":"block","type":"paragraph"},{"kind":"block","type":"paragraph"},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"A tip from "},{"kind":"inline","type":"link","metadata":{"href":"https://www.forbes.com/sites/propointgraphics/2016/07/24/brand-style-guides/"},"textContent":"Forbes"},{"kind":"inline","textContent":": if your company ever goes through a "},{"kind":"inline","type":"link","metadata":{"href":"https://www.propointgraphics.com/blog/rebrand-consumer-perceptions/"},"textContent":"brand redesign"},{"kind":"inline","textContent":", you should always create a new Brand Style Guide to go along with it. It's the best way to announce the rebrand to your company, as well as familiarize everyone with new the design guidelines."}]},{"kind":"block","type":"paragraph","textContent":"Brand on!"}]},"videos":null,"images":null}]}}]},{"topics":[{"name":"Development"}],"name":"React developer insider tip: debug states using extension for Chrome","path":"/assets/blog/react-developer-insider-tip-debug-states-using-extension-for-chrome","id":"675fe1efb5ccfc2c91b72d59","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"React developer insider tip: debug states using extension for Chrome"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/61/development_sb_blog.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/61/@100/development_sb_blog.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/61/@200/development_sb_blog.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/61/@500/development_sb_blog.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/61/@768/development_sb_blog.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/61/@1024/development_sb_blog.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/61/@1366/development_sb_blog.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/61/@1600/development_sb_blog.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/61/@1920/development_sb_blog.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/61/@100/development_sb_blog.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/61/@200/development_sb_blog.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/61/@500/development_sb_blog.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/61/@768/development_sb_blog.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/61/@1024/development_sb_blog.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/61/@1366/development_sb_blog.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/61/@1600/development_sb_blog.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/61/@1920/development_sb_blog.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/61/@100/development_sb_blog.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/61/@200/development_sb_blog.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/61/@500/development_sb_blog.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/61/@768/development_sb_blog.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/61/@1024/development_sb_blog.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/61/@1366/development_sb_blog.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/61/@1600/development_sb_blog.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/61/@1920/development_sb_blog.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Paweł Kawczyński"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"September 10th, 2018"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"When "},{"kind":"inline","type":"link","metadata":{"href":"https://reactjs.org/docs/getting-started.html"},"textContent":"getting started with React development"},{"kind":"inline","textContent":" you first need to wrap your head around concepts like "},{"kind":"inline","type":"link","metadata":{"href":"https://reactjs.org/docs/state-and-lifecycle.html"},"textContent":"states"},{"kind":"inline","textContent":" and "},{"kind":"inline","type":"link","metadata":{"href":"https://reactjs.org/docs/components-and-props.html"},"textContent":"props"},{"kind":"inline","textContent":". "},{"kind":"inline","type":"link","metadata":{"href":"https://developers.google.com/web/tools/chrome-devtools/"},"textContent":"Chrome Developer Tools"},{"kind":"inline","textContent":" quickly becomes your friend. Typically used to inspect your DOM tree and check styles. The insider tip is to install the "},{"kind":"inline","type":"link","metadata":{"href":"https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi?hl=en"},"textContent":"React Developer Tools"},{"kind":"inline","textContent":" extension for Chrome for even more efficient React development."}]}],"plainText":["When getting started with React development you first need to wrap your head around concepts like states and props. Chrome Developer Tools quickly becomes your friend. Typically used to inspect your DOM tree and check styles. The insider tip is to install the React Developer Tools extension for Chrome for even more efficient React development."]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":{"text":"React Developer Tools for Chrome"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"I assume that your React app uses states and props for most mounted components, at least mine does. When building front-ends in React we need to test how the component reacts to state changes. You can always use console api or debugger. But that requires setting breakpoints, console logging etc."},{"kind":"block","type":"paragraph","textContent":"With React developer tools you there is a much smoother way of working with states. Check the gif below, there you see how easy you can simply change the state of a component for more efficient development. Sweet."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/154/209_react_video.gif","altText":null,"width":1000,"height":736,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/154/@100/209_react_video.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/154/@200/209_react_video.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/154/@500/209_react_video.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/154/@768/209_react_video.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/154/@100/209_react_video.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/154/@200/209_react_video.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/154/@500/209_react_video.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/154/@768/209_react_video.avif","width":768}]}]},{"title":{"text":"Control complete App state with React Developer extension"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"I have saved countless hours of debugging after discovering the extension. You can also control props, seek and inspect components. It is basically a fundamental tool for every react developer."},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Developing in React? Install the "},{"kind":"inline","type":"link","metadata":{"href":"https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi?hl=en"},"textContent":"React Developer extension today."}]}]},"videos":null,"images":null}]}}]},{"topics":[{"name":"Growth Strategy"},{"name":"Marketing"}],"name":"How to choose the right Marketing KPIs","path":"/assets/blog/how-to-choose-the-right-marketing-kpis","id":"675fe288c7d447678413bbe5","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"How to choose the right Marketing KPIs"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/62/growth_strategy_sb_blog.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/62/@100/growth_strategy_sb_blog.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/62/@200/growth_strategy_sb_blog.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/62/@500/growth_strategy_sb_blog.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/62/@768/growth_strategy_sb_blog.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/62/@1024/growth_strategy_sb_blog.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/62/@1366/growth_strategy_sb_blog.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/62/@1600/growth_strategy_sb_blog.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/62/@1920/growth_strategy_sb_blog.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/62/@100/growth_strategy_sb_blog.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/62/@200/growth_strategy_sb_blog.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/62/@500/growth_strategy_sb_blog.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/62/@768/growth_strategy_sb_blog.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/62/@1024/growth_strategy_sb_blog.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/62/@1366/growth_strategy_sb_blog.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/62/@1600/growth_strategy_sb_blog.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/62/@1920/growth_strategy_sb_blog.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/62/@100/growth_strategy_sb_blog.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/62/@200/growth_strategy_sb_blog.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/62/@500/growth_strategy_sb_blog.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/62/@768/growth_strategy_sb_blog.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/62/@1024/growth_strategy_sb_blog.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/62/@1366/growth_strategy_sb_blog.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/62/@1600/growth_strategy_sb_blog.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/62/@1920/growth_strategy_sb_blog.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Filipa Amado"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"June 27th, 2019"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Choosing the proper "},{"kind":"inline","type":"link","metadata":{"href":"https://www.investopedia.com/terms/k/kpi.asp"},"textContent":"key performance indicators"},{"kind":"inline","textContent":" (KPIs) is an essential part of "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services/growth-marketing"},"textContent":"Growth Marketing"},{"kind":"inline","textContent":". It makes sure your business can achieve not only your strategic goals but have a measurable improvement. However, with a large amount of data you can easily access, it can be overwhelming to choose the best KPIs with the most value. To make the right choice, you need to think about your business and what exactly you want and need to measure."}]}],"plainText":["Choosing the proper key performance indicators (KPIs) is an essential part of Growth Marketing. It makes sure your business can achieve not only your strategic goals but have a measurable improvement. However, with a large amount of data you can easily access, it can be overwhelming to choose the best KPIs with the most value. To make the right choice, you need to think about your business and what exactly you want and need to measure."]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":{"text":"What are Marketing KPIs?"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"KPIs are individual "},{"kind":"inline","type":"link","metadata":{"href":"https://www.klipfolio.com/blog/kpi-metric-measure"},"textContent":"units of measurement or data points"},{"kind":"inline","textContent":" that provide mathematical input about your business’s performance relative to a specified goal. These are the most important metrics in any "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services/product-strategy"},"textContent":"Product Strategy"},{"kind":"inline","textContent":" and "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services/growth-marketing"},"textContent":"Growth Marketing"},{"kind":"inline","textContent":" since they can make you understand and evaluate how your business is performing. And because of that, choosing the right KPIs is one of the most critical decisions you need to make for your business to succeed."}]},{"kind":"block","type":"paragraph","textContent":"A good set of KPIs to track will allow you to measure your business's health and make any strategic decisions more efficiently. You will quickly identify any business area that may need improvement and take the according to action. And over time, it can not only make sure you reach your goals but actually enhance your overall performance."}]},"videos":null,"images":null},{"title":{"text":"The elements of a good KPI"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"When choosing a KPI without really considering your business or goals, you will end up with a rather trivial and superficial set. And since KPIs are so crucial to the success of your business, they can’t be chosen randomly and for that require some thought. With that said, a good KPI should possess the following attributes:"},{"kind":"block","type":"unordered-list","children":[{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"strong","textContent":"Relevant to your goals"},{"kind":"inline","textContent":" - a valuable KPI must be directly related to your business’s overall goals and objectives."}]},{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"strong","textContent":"Align with growth stage"},{"kind":"inline","textContent":" - it should reflect the current stage of your business, but also take into account its growth."}]},{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"strong","textContent":"Substance"},{"kind":"inline","textContent":" - A KPI must be specific and focused on important and detailed metrics."}]},{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"strong","textContent":"Quantifiable and measurable"},{"kind":"inline","textContent":" - It must be able to be accurately measured on a regular basis, in order to track a business’s progress regularly and with confidence."}]},{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"strong","textContent":"Actionable"},{"kind":"inline","textContent":" - a good KPI should clarify to you where to take action to improve your business's performance and eventual success."}]}]}]},"videos":null,"images":null},{"title":{"text":"Choosing your Marketing KPIs"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Measuring your business performance is crucial, but focusing on the wrong indicators can be destructive in the future. The first step in finding the best metrics for you is to reflect on what your business is working towards. You need to identify your strategic goals and specific objectives and then set achievable and actionable targets. This process is aspirational. It’s about what you envision for your business and having a well-established "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/vision-mission-and-values"},"textContent":"vision, mission, and values"},{"kind":"inline","textContent":" can really help."}]},{"kind":"block","type":"paragraph","textContent":"Your KPIs must be grounded by your business’s goals to measure its progress accurately. And since your KPIs are meant to support your business goals, the more specific the goal is, the better you can choose the right KPI."},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"There are many different types of KPIs, but they typically revolve around increasing sales, process and service improvement, and customer satisfaction. As mentioned before, it really depends on your goals and what stage your business is in. For example, while startups will focus on KPIs related to "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/content-strategy-for-exponential-growth-marketing"},"textContent":"exponential growth in organic traffic"},{"kind":"inline","textContent":", more mature companies will probably put their efforts into improving return."}]}]},"videos":null,"images":null},{"title":{"text":"Filter and Focus"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"You can track and measure everything with very detailed metrics in the current digital age, leaving you with dozens of potential KPIs to choose from. And because of this, companies often end up with many KPIs, leading to confusion and lack of focus. So rather than choosing several metrics to measure and report on, it’s better to focus on just a few key metrics."},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"However, this selection can be complex and difficult to do, especially when applied to your business's subjective or vague areas, like customer satisfaction or "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/the-elements-of-value"},"textContent":"product value"},{"kind":"inline","textContent":". As mentioned before, the selection mustn’t be vague or superfluous. The point of having KPIs is to measure and improve your business’s performance and help you reach your strategic goals."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"When "},{"kind":"inline","type":"link","metadata":{"href":"https://blog.hubspot.com/marketing/choosing-kpis"},"textContent":"choosing KPIs"},{"kind":"inline","textContent":", you will probably want to start with the industry-standard metrics, keeping in mind that it’s more important to choose those more relevant for your specific situation and business. It would help if you only chose the KPIs that are the most reflective of your strategic goals. Your goals are unique to your business, and so should your KPIs be."}]}]},"videos":null,"images":null}]}}]},{"topics":[{"name":"Development"},{"name":"User Experience"}],"name":"Responsive cartoon in React","path":"/assets/blog/responsive-cartoon-in-react","id":"675fe2e7d9ed36a574f9bd14","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"Responsive cartoon in React"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/64/user_experience_sb_blog.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/64/@100/user_experience_sb_blog.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/64/@200/user_experience_sb_blog.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/64/@500/user_experience_sb_blog.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/64/@768/user_experience_sb_blog.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/64/@1024/user_experience_sb_blog.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/64/@1366/user_experience_sb_blog.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/64/@1600/user_experience_sb_blog.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/64/@1920/user_experience_sb_blog.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/64/@100/user_experience_sb_blog.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/64/@200/user_experience_sb_blog.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/64/@500/user_experience_sb_blog.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/64/@768/user_experience_sb_blog.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/64/@1024/user_experience_sb_blog.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/64/@1366/user_experience_sb_blog.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/64/@1600/user_experience_sb_blog.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/64/@1920/user_experience_sb_blog.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/64/@100/user_experience_sb_blog.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/64/@200/user_experience_sb_blog.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/64/@500/user_experience_sb_blog.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/64/@768/user_experience_sb_blog.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/64/@1024/user_experience_sb_blog.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/64/@1366/user_experience_sb_blog.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/64/@1600/user_experience_sb_blog.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/64/@1920/user_experience_sb_blog.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Håkon Gullord Krogh"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"August 24th, 2018"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","textContent":"Crystallize wanted to feature cartoons on their webpage, which is awesome. The challenge was using a single image as the source so that a Google image search would display a 1:1 image and desktop screens would get a 2:1 format. How to make a cartoon strip responsive?"}],"plainText":["Crystallize wanted to feature cartoons on their webpage, which is awesome. The challenge was using a single image as the source so that a Google image search would display a 1:1 image and desktop screens would get a 2:1 format. How to make a cartoon strip responsive?"]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":{"text":"The baseline"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"The cartoon is a 1:1 format which makes it a perfect fit for smaller screens and Google image search. For larger screens though, the square format does not work that well. A wider format, 2:1 would be much better for larger screens."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/155/_resized_1280.png","altText":null,"width":1280,"height":467,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/155/@100/_resized_1280.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/155/@200/_resized_1280.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/155/@500/_resized_1280.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/155/@768/_resized_1280.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/155/@1024/_resized_1280.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/155/@100/_resized_1280.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/155/@200/_resized_1280.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/155/@500/_resized_1280.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/155/@768/_resized_1280.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/155/@1024/_resized_1280.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/155/@100/_resized_1280.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/155/@200/_resized_1280.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/155/@500/_resized_1280.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/155/@768/_resized_1280.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/155/@1024/_resized_1280.avif","width":1024}]}]},{"title":{"text":"The comic"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"The starting point is a square comic divided into 4 boxes, each with the equal margin around each box."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/156/195_blamethecompiler.svg","altText":null,"width":443,"height":443,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/156/@100/195_blamethecompiler.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/156/@200/195_blamethecompiler.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/156/@100/195_blamethecompiler.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/156/@200/195_blamethecompiler.avif","width":200}]}]},{"title":{"text":"The solution"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"The way to make this responsive is in fact quite simple. For smaller screens, we just show the image. For larger screens, we divide the image in to halfes, and place them next to each other. It makes up for a nice, smooth responsive experience."},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Check out the "},{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com/comics"},"textContent":"live examples on Crystallize"}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/157/200_responsivecartoon.gif","altText":null,"width":876,"height":696,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/157/@100/200_responsivecartoon.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/157/@200/200_responsivecartoon.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/157/@500/200_responsivecartoon.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/157/@768/200_responsivecartoon.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/157/@100/200_responsivecartoon.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/157/@200/200_responsivecartoon.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/157/@500/200_responsivecartoon.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/157/@768/200_responsivecartoon.avif","width":768}]}]},{"title":{"text":"Code"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"So, you want to see how me made this happen in React? The source code is on our CodePen space, "},{"kind":"inline","type":"link","metadata":{"href":"https://codepen.io/snowballdigital/pen/XPmxaj?editors=0010"},"textContent":"check it out"},{"kind":"inline","textContent":"."}]}]},"videos":null,"images":null}]}}]},{"topics":[{"name":"Product Design"}],"name":"InDesign Basics: Imposition and Booklets Types","path":"/assets/blog/indesign-basics-imposition-and-booklets-types","id":"675fe35bb5ccfc2c91b73244","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"InDesign Basics: Imposition and Booklets Types"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/65/adobe_illustrator_sb_blog.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/65/@100/adobe_illustrator_sb_blog.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/65/@200/adobe_illustrator_sb_blog.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/65/@500/adobe_illustrator_sb_blog.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/65/@768/adobe_illustrator_sb_blog.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/65/@1024/adobe_illustrator_sb_blog.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/65/@1366/adobe_illustrator_sb_blog.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/65/@1600/adobe_illustrator_sb_blog.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/65/@1920/adobe_illustrator_sb_blog.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/65/@100/adobe_illustrator_sb_blog.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/65/@200/adobe_illustrator_sb_blog.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/65/@500/adobe_illustrator_sb_blog.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/65/@768/adobe_illustrator_sb_blog.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/65/@1024/adobe_illustrator_sb_blog.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/65/@1366/adobe_illustrator_sb_blog.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/65/@1600/adobe_illustrator_sb_blog.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/65/@1920/adobe_illustrator_sb_blog.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/65/@100/adobe_illustrator_sb_blog.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/65/@200/adobe_illustrator_sb_blog.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/65/@500/adobe_illustrator_sb_blog.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/65/@768/adobe_illustrator_sb_blog.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/65/@1024/adobe_illustrator_sb_blog.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/65/@1366/adobe_illustrator_sb_blog.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/65/@1600/adobe_illustrator_sb_blog.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/65/@1920/adobe_illustrator_sb_blog.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Filipa Amado"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"July 3rd, 2019"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"When designing any editorial product, it’s generally easier to work with the pages ordered sequentially. However, before you are ready to print, you will need to convert your file through a process called "},{"kind":"inline","type":"link","metadata":{"href":"https://en.wikipedia.org/wiki/Imposition"},"textContent":"imposition"},{"kind":"inline","textContent":". It arranges the pages to obtain a faster printing process, and it simplifies "},{"kind":"inline","type":"link","metadata":{"href":"https://en.wikipedia.org/wiki/Bookbinding"},"children":[{"kind":"inline","type":"emphasized","textContent":"bookbinding"}]},{"kind":"inline","textContent":"."}]}],"plainText":["When designing any editorial product, it’s generally easier to work with the pages ordered sequentially. However, before you are ready to print, you will need to convert your file through a process called imposition. It arranges the pages to obtain a faster printing process, and it simplifies bookbinding."]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":{"text":"Imposition in InDesign"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Imposition is one of the fundamental steps in the "},{"kind":"inline","type":"link","metadata":{"href":"https://www.soloprinting.com/blog/what-is-prepress/"},"textContent":"prepress printing process"},{"kind":"inline","textContent":" that many see as tricky and difficult to manage. But thanks to "},{"kind":"inline","type":"link","metadata":{"href":"http://www.adobe.com/InDesign%E2%80%8E"},"textContent":"InDesign"},{"kind":"inline","textContent":", this process has gotten a lot easier. You can now design an entire booklet with the pages in sequential order and then use the “Print Booklet” feature to create the imposition and format your document to be print-ready. This feature offers a range of options for any booklet you may be looking for."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"However, depending on the type of final product, you may need to export your file in a specific booklet format. Below are brief descriptions of the different types of booklets to help you choose the best option for your "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services/product-design"},"textContent":"Product Design"},{"kind":"inline","textContent":" process."}]},{"kind":"block","type":"paragraph","textContent":"There are several types of print products, with different sizes and formats, and with that, the imposition may vary. Think about your final product, how many pages it will have, and if you need several booklets or just one. If you have all of these into consideration, the imposition process will not feel overwhelming, and you will end up with a correctly printed booklet."}]},"videos":null,"images":null},{"title":{"text":"About the feature"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"After you finish designing your book or magazine in InDesign, you then go to "},{"kind":"inline","type":"strong","textContent":"File>Print Booklet"},{"kind":"inline","textContent":", and on the "},{"kind":"inline","type":"strong","textContent":"Booklet Type"},{"kind":"inline","textContent":" menu, you can choose between three different options ("},{"kind":"inline","type":"link","metadata":{"href":"https://helpx.adobe.com/indesign/user-guide.html/indesign/using/printing-booklets.ug.html"},"textContent":"Helpx Adobe"},{"kind":"inline","textContent":"):"}]},{"kind":"block","type":"unordered-list","children":[{"kind":"block","type":"list-item","textContent":"2-up Saddle Stitch,"},{"kind":"block","type":"list-item","textContent":"2-up Perfect Bound"},{"kind":"block","type":"list-item","textContent":"and Consecutive."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Keep in mind that you can use "},{"kind":"inline","type":"strong","textContent":"Preview"},{"kind":"inline","textContent":" to see if the imposition you choose is the correct one for your product. InDesign may need to add blank pages to the finished document if you don’t have enough pages for the option chosen."}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/158/403_indesignbookletstypes.png","altText":null,"width":753,"height":582,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/158/@100/403_indesignbookletstypes.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/158/@200/403_indesignbookletstypes.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/158/@500/403_indesignbookletstypes.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/158/@100/403_indesignbookletstypes.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/158/@200/403_indesignbookletstypes.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/158/@500/403_indesignbookletstypes.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/158/@100/403_indesignbookletstypes.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/158/@200/403_indesignbookletstypes.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/158/@500/403_indesignbookletstypes.avif","width":500}]}]},{"title":{"text":"2-up Saddle Stitch"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"This option creates two-pages, side-by-side printer spreads suitable for printing on both sides, collating, folding, and stapling. Saddle Stitch is the most common and cost-effective option because it gives your booklet a simple binding - the folded sheets are gathered and then bound (by stitch or staple) through the fold line. However, this type of binding cannot hold many pages, and it works best with smaller booklets containing less than 100 pages (i.e., a notebook, manual, small magazine…). The perfect example is the "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/content-strategy-with-cartoons-for-a-software-startup"},"textContent":"comic booklet"},{"kind":"inline","textContent":" we created for Crystalize with their "},{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com/comics"},"textContent":"developer comics"},{"kind":"inline","textContent":"."}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/159/saddle-stitch-diagram.jpg","altText":null,"width":1920,"height":1440,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/159/@100/saddle-stitch-diagram.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/159/@200/saddle-stitch-diagram.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/159/@500/saddle-stitch-diagram.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/159/@768/saddle-stitch-diagram.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/159/@1024/saddle-stitch-diagram.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/159/@1366/saddle-stitch-diagram.jpeg","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/159/@1600/saddle-stitch-diagram.jpeg","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/159/@1920/saddle-stitch-diagram.jpeg","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/159/@100/saddle-stitch-diagram.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/159/@200/saddle-stitch-diagram.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/159/@500/saddle-stitch-diagram.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/159/@768/saddle-stitch-diagram.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/159/@1024/saddle-stitch-diagram.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/159/@1366/saddle-stitch-diagram.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/159/@1600/saddle-stitch-diagram.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/159/@1920/saddle-stitch-diagram.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/159/@100/saddle-stitch-diagram.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/159/@200/saddle-stitch-diagram.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/159/@500/saddle-stitch-diagram.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/159/@768/saddle-stitch-diagram.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/159/@1024/saddle-stitch-diagram.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/159/@1366/saddle-stitch-diagram.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/159/@1600/saddle-stitch-diagram.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/159/@1920/saddle-stitch-diagram.avif","width":1920}]}]},{"title":{"text":"2-up Perfect Bound"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"This option "},{"kind":"inline","type":"link","metadata":{"href":"https://helpx.adobe.com/indesign/user-guide.html/indesign/using/printing-booklets.ug.html"},"children":[{"kind":"inline","type":"emphasized","textContent":"creates two-page, side-by-side printer spreads that fit within the specified signature size"}]},{"kind":"inline","textContent":". The perfect bound option divides your file into several booklets, depending on the number of pages. In "},{"kind":"inline","type":"strong","textContent":"Signature Style"},{"kind":"inline","textContent":", you can have each booklet with 4, 8, 12, 16, or 32 pages."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"This option has the same principle as the 2-up saddle stitch in terms of binding, but instead of just binding one booklet, you are binding several and then collecting them into one final product. The Perfect Bound is used for bigger editorial projects and is widely used in soft- and hard-cover books. "},{"kind":"inline","type":"link","metadata":{"href":"https://bunad-magasinet.no"},"textContent":"Bunad magasinet"},{"kind":"inline","textContent":" uses this type of imposition for their magazines."}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/160/perfect-bound-diagram.jpg","altText":null,"width":1920,"height":1440,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/160/@100/perfect-bound-diagram.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/160/@200/perfect-bound-diagram.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/160/@500/perfect-bound-diagram.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/160/@768/perfect-bound-diagram.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/160/@1024/perfect-bound-diagram.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/160/@1366/perfect-bound-diagram.jpeg","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/160/@1600/perfect-bound-diagram.jpeg","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/160/@1920/perfect-bound-diagram.jpeg","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/160/@100/perfect-bound-diagram.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/160/@200/perfect-bound-diagram.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/160/@500/perfect-bound-diagram.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/160/@768/perfect-bound-diagram.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/160/@1024/perfect-bound-diagram.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/160/@1366/perfect-bound-diagram.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/160/@1600/perfect-bound-diagram.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/160/@1920/perfect-bound-diagram.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/160/@100/perfect-bound-diagram.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/160/@200/perfect-bound-diagram.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/160/@500/perfect-bound-diagram.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/160/@768/perfect-bound-diagram.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/160/@1024/perfect-bound-diagram.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/160/@1366/perfect-bound-diagram.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/160/@1600/perfect-bound-diagram.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/160/@1920/perfect-bound-diagram.avif","width":1920}]}]},{"title":{"text":"Consecutive"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Creates a two-, three-, or four-page spread in which it shows the pages in consecutive order. This is the perfect option to print fold-out booklets or brochures because it gathers the pages to be printed on one page and next to each other."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/161/consecutive-diagram.jpg","altText":null,"width":1920,"height":1440,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/161/@100/consecutive-diagram.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/161/@200/consecutive-diagram.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/161/@500/consecutive-diagram.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/161/@768/consecutive-diagram.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/161/@1024/consecutive-diagram.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/161/@1366/consecutive-diagram.jpeg","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/161/@1600/consecutive-diagram.jpeg","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/161/@1920/consecutive-diagram.jpeg","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/161/@100/consecutive-diagram.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/161/@200/consecutive-diagram.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/161/@500/consecutive-diagram.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/161/@768/consecutive-diagram.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/161/@1024/consecutive-diagram.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/161/@1366/consecutive-diagram.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/161/@1600/consecutive-diagram.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/161/@1920/consecutive-diagram.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/161/@100/consecutive-diagram.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/161/@200/consecutive-diagram.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/161/@500/consecutive-diagram.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/161/@768/consecutive-diagram.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/161/@1024/consecutive-diagram.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/161/@1366/consecutive-diagram.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/161/@1600/consecutive-diagram.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/161/@1920/consecutive-diagram.avif","width":1920}]}]}]}}]},{"topics":[{"name":"Product Design"},{"name":"User Experience"}],"name":"Test: Speed ONE as a commuting bike","path":"/assets/blog/test-speed-one-as-a-commuting-bike","id":"675fe3e7d9ed36a574f9c0f9","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"Test: Speed ONE as a commuting bike"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/66/industrial_design_sb_blog.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/66/@100/industrial_design_sb_blog.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/66/@200/industrial_design_sb_blog.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/66/@500/industrial_design_sb_blog.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/66/@768/industrial_design_sb_blog.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/66/@1024/industrial_design_sb_blog.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/66/@1366/industrial_design_sb_blog.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/66/@1600/industrial_design_sb_blog.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/66/@1920/industrial_design_sb_blog.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/66/@100/industrial_design_sb_blog.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/66/@200/industrial_design_sb_blog.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/66/@500/industrial_design_sb_blog.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/66/@768/industrial_design_sb_blog.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/66/@1024/industrial_design_sb_blog.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/66/@1366/industrial_design_sb_blog.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/66/@1600/industrial_design_sb_blog.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/66/@1920/industrial_design_sb_blog.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/66/@100/industrial_design_sb_blog.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/66/@200/industrial_design_sb_blog.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/66/@500/industrial_design_sb_blog.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/66/@768/industrial_design_sb_blog.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/66/@1024/industrial_design_sb_blog.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/66/@1366/industrial_design_sb_blog.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/66/@1600/industrial_design_sb_blog.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/66/@1920/industrial_design_sb_blog.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Audun Ask Blaker"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"July 30th, 2018"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","textContent":"As a daily commuter Speed ONE works. I know as a product designer on the team making the bicycle I am biased. But it really does work and it looks damn good also."}],"plainText":["As a daily commuter Speed ONE works. I know as a product designer on the team making the bicycle I am biased. But it really does work and it looks damn good also."]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":{"text":"More used to be more"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"When I was young, there was only one rule that applied to bicycle gears. The more, the better. As I got older and started using the bicycle more actively for races and also was responsible for maintenance this has changed a bit. I use the same bicycle for off road racing and commute and I am now down to 2 chainrings on the front gear, and looking to reduce this to a 1x11 setup. The trend is clear, fewer gears means that you can focus less on shifting and more on riding your bike. In addition, you get less maintenance and less weight."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/162/_resized_1280.jpg","altText":null,"width":1280,"height":946,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/162/@100/_resized_1280.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/162/@200/_resized_1280.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/162/@500/_resized_1280.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/162/@768/_resized_1280.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/162/@1024/_resized_1280.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/162/@100/_resized_1280.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/162/@200/_resized_1280.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/162/@500/_resized_1280.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/162/@768/_resized_1280.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/162/@1024/_resized_1280.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/162/@100/_resized_1280.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/162/@200/_resized_1280.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/162/@500/_resized_1280.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/162/@768/_resized_1280.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/162/@1024/_resized_1280.avif","width":1024}]}]},{"title":{"text":"Less is more: simplicity is elegant"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Fewer gears is good, but no gears (or one as some would say) is a whole different thing and something that many are sceptical about. But as a everyday bike commuter I had the perfect opportunity to explore first-hand what single speed bikes are capable of and the battle of 1 vs 22 gears."}]},"videos":null,"images":null},{"title":{"text":"The nerdy part: facts"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"My engineering background has provided me with a love for metrics. This includes statistics knowledge telling me that an experiment with only one sample might not be very good, if we wanted this post released anytime this year and be enjoyable to read, we had to cut some corners."},{"kind":"block","type":"paragraph","textContent":"I used a GPS wristwatch to record my daily commute both on my MTB and the Speed One. Se the table below."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/163/_resized_1280.png","altText":null,"width":1280,"height":379,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/163/@100/_resized_1280.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/163/@200/_resized_1280.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/163/@500/_resized_1280.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/163/@768/_resized_1280.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/163/@1024/_resized_1280.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/163/@100/_resized_1280.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/163/@200/_resized_1280.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/163/@500/_resized_1280.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/163/@768/_resized_1280.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/163/@1024/_resized_1280.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/163/@100/_resized_1280.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/163/@200/_resized_1280.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/163/@500/_resized_1280.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/163/@768/_resized_1280.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/163/@1024/_resized_1280.avif","width":1024}]}]},{"title":{"text":"The Route"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"My commute is from Porsgrunn to Skien. About 8 kilometers. The route profile is pretty flat, with a few steep hills, about 70m elevation."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/164/179_commute_map.png","altText":null,"width":1262,"height":852,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/164/@100/179_commute_map.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/164/@200/179_commute_map.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/164/@500/179_commute_map.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/164/@768/179_commute_map.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/164/@1024/179_commute_map.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/164/@100/179_commute_map.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/164/@200/179_commute_map.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/164/@500/179_commute_map.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/164/@768/179_commute_map.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/164/@1024/179_commute_map.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/164/@100/179_commute_map.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/164/@200/179_commute_map.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/164/@500/179_commute_map.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/164/@768/179_commute_map.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/164/@1024/179_commute_map.avif","width":1024}]}]},{"title":{"text":"I Enjoyed the ride with Speed ONE"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"First off, the Speed One is LIGHT. It weighs in at about 3 kg / 6 pounds less than my MTB. This is very nice when carrying the bike into the office building and in the stairwell where I live."},{"kind":"block","type":"paragraph","textContent":"It has a pretty aggressive geometry which begs for speed. Its steering is more agile than it is stable. It feels sporty and perfect for tight maneuvering in urban environments."},{"kind":"block","type":"paragraph","textContent":"Second, it is very stiff. It feels like all power you out into it is transferred to speed. It could be more comfortable but the sporty feel is very nice."},{"kind":"block","type":"paragraph","textContent":"The lack of gears took me about 3 minutes and one uphill to get used to. You will need to pedal a bit slower than usual but I had no problems getting both ways without getting of the bike. I was able to go comfortably at 28 km/h which is more than fast enough for transportation. In these speeds you need to output very much power just because of the wind drag, and the bike could really be geared even lower to make up hills easier. Oh, that is also what we have done on the production version of Speed ONE."},{"kind":"block","type":"paragraph","textContent":"I like the MTB because I can go fast over curbs, gravel and obstacles, and was a bit worried that the Speed ONE would require me to slow down. I have to admit that I didn’t go as hard as usual but a couple of curbs and gravel was no problem at all. It just didn't feel right to put this very nice looking bike through the abuse that my MTB gets."},{"kind":"block","type":"paragraph","textContent":"As you see from the table, the sporty feel had me going faster than I usually go with my MTB. From a practical point of view the Speed ONE is perfectly capable of filling my daily commute."},{"kind":"block","type":"paragraph","textContent":"As a designer I am also interested in the look and feel of the bicycle. This is a very big point in this evaluation. Riding my MTB with everyday clothes looks practical, but not particularly stylish. The Speed ONE is a really nice bike and does a better job at making me look and feel good. I would compare it to choosing between a good old station wagon and a nice vintage sports car."}]},"videos":null,"images":null}]}}]},{"topics":[{"name":"Product Design"},{"name":"Branding"}],"name":"Color Systems: CMYK, PANTONE, RGB and RAL explained","path":"/assets/blog/color-systems-cmyk-pantone-rgb-and-ral-explained","id":"675fe47ab5ccfc2c91b73405","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"Color Systems: CMYK, PANTONE, RGB and RAL explained"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/67/adobe_illustrator_sb_blog.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/67/@100/adobe_illustrator_sb_blog.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/67/@200/adobe_illustrator_sb_blog.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/67/@500/adobe_illustrator_sb_blog.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/67/@768/adobe_illustrator_sb_blog.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/67/@1024/adobe_illustrator_sb_blog.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/67/@1366/adobe_illustrator_sb_blog.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/67/@1600/adobe_illustrator_sb_blog.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/67/@1920/adobe_illustrator_sb_blog.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/67/@100/adobe_illustrator_sb_blog.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/67/@200/adobe_illustrator_sb_blog.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/67/@500/adobe_illustrator_sb_blog.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/67/@768/adobe_illustrator_sb_blog.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/67/@1024/adobe_illustrator_sb_blog.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/67/@1366/adobe_illustrator_sb_blog.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/67/@1600/adobe_illustrator_sb_blog.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/67/@1920/adobe_illustrator_sb_blog.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/67/@100/adobe_illustrator_sb_blog.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/67/@200/adobe_illustrator_sb_blog.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/67/@500/adobe_illustrator_sb_blog.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/67/@768/adobe_illustrator_sb_blog.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/67/@1024/adobe_illustrator_sb_blog.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/67/@1366/adobe_illustrator_sb_blog.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/67/@1600/adobe_illustrator_sb_blog.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/67/@1920/adobe_illustrator_sb_blog.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":" Filipa Amado"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"February 1st, 2019"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"CMYK, Pantone, RGB, and RAL are four distinct color systems. Each color system has its own unique usage, with CMYK for print, RGB for on-screen like web, Pantone for accuracy or calibration, and RAL being used in powder coating and plastics. By understanding color systems, you can achieve consistency for your "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services/product-design"},"textContent":"product design"},{"kind":"inline","textContent":" across printed materials, digital experiences, and even production, like the coating of a "},{"kind":"inline","type":"link","metadata":{"href":"https://speedcykkel.com/bikes/single-speed-bike-speed-one-le"},"textContent":"classic single speed bicycle"},{"kind":"inline","textContent":"."}]}],"plainText":["CMYK, Pantone, RGB, and RAL are four distinct color systems. Each color system has its own unique usage, with CMYK for print, RGB for on-screen like web, Pantone for accuracy or calibration, and RAL being used in powder coating and plastics. By understanding color systems, you can achieve consistency for your product design across printed materials, digital experiences, and even production, like the coating of a classic single speed bicycle."]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":{"text":"Why Different Color Systems?"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"I think it’s not a secret when I say that color can greatly impact your business’ "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services/product-design"},"textContent":"branding"},{"kind":"inline","textContent":". It’s an element that shouldn’t be underestimated or even overlooked. Color plays an important role in keeping all your marketing materials looking sharp and consistent across print, web, and production. However, many companies fail to reach this consistency because they don’t understand how to use colors across different mediums."}]},{"kind":"block","type":"paragraph","textContent":"Whether you are designing for print or web, using the right color or color combination is crucial for establishing a strong message, connecting better with your target audience, and eventually improving your brand recognition. However, it is important to understand that the process of picking colors can be a bit complex, considering that colors can look completely different across print and on-screen - even between two screens, color can appear different."},{"kind":"block","type":"paragraph","textContent":"There are four main color systems in the massive world of print and on-screen design: CMYK, Pantone, RGB, and RAL. Knowing the differences between these color systems can help you choose the best option for the type of design you are working with. It can be the difference between a perfect final design and something that looks completely different from what was expected."},{"kind":"block","type":"paragraph","textContent":"Below, I provide a simple explanation of the color systems mentioned and an overview of the main differences between them. This post aims to give you a better understanding of the main color systems for you to keep your color choices as consistent as possible across all product design materials."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/165/302_colorsystems.jpg","altText":null,"width":2038,"height":1509,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/165/@100/302_colorsystems.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/165/@200/302_colorsystems.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/165/@500/302_colorsystems.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/165/@768/302_colorsystems.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/165/@1024/302_colorsystems.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/165/@1366/302_colorsystems.jpeg","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/165/@1600/302_colorsystems.jpeg","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/165/@1920/302_colorsystems.jpeg","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/165/@100/302_colorsystems.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/165/@200/302_colorsystems.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/165/@500/302_colorsystems.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/165/@768/302_colorsystems.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/165/@1024/302_colorsystems.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/165/@1366/302_colorsystems.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/165/@1600/302_colorsystems.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/165/@1920/302_colorsystems.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/165/@100/302_colorsystems.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/165/@200/302_colorsystems.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/165/@500/302_colorsystems.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/165/@768/302_colorsystems.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/165/@1024/302_colorsystems.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/165/@1366/302_colorsystems.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/165/@1600/302_colorsystems.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/165/@1920/302_colorsystems.avif","width":1920}]}]},{"title":{"text":"CMYK for Print"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"link","metadata":{"href":"https://en.wikipedia.org/wiki/CMYK_color_model"},"textContent":"CMYK"},{"kind":"inline","textContent":" stands for the four colors applied during the printing process: Cyan, Magenta, Yellow, and Black (key). This is a subtractive color system, which means that the ink must be removed to obtain lighter colors. With the CMYK color system, the goal is to use ink to absorb the light reflected on a white background - in this case, it' is the printer paper. This also means that when all colors are combined, all light is absorbed and will appear black."}]},{"kind":"block","type":"paragraph","textContent":"The CMYK color system is mostly used with print design work like magazines or books. Nowadays, most at-home printers and high-end color laser printers use these 4 colored inks to print texts and images. It is also important to mention that because of this process of using ink instead of light, CMYK colors are usually less vibrant than RGB color."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/166/color-systems-cmyk.jpg","altText":null,"width":1920,"height":1440,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/166/@100/color-systems-cmyk.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/166/@200/color-systems-cmyk.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/166/@500/color-systems-cmyk.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/166/@768/color-systems-cmyk.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/166/@1024/color-systems-cmyk.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/166/@1366/color-systems-cmyk.jpeg","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/166/@1600/color-systems-cmyk.jpeg","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/166/@1920/color-systems-cmyk.jpeg","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/166/@100/color-systems-cmyk.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/166/@200/color-systems-cmyk.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/166/@500/color-systems-cmyk.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/166/@768/color-systems-cmyk.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/166/@1024/color-systems-cmyk.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/166/@1366/color-systems-cmyk.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/166/@1600/color-systems-cmyk.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/166/@1920/color-systems-cmyk.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/166/@100/color-systems-cmyk.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/166/@200/color-systems-cmyk.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/166/@500/color-systems-cmyk.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/166/@768/color-systems-cmyk.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/166/@1024/color-systems-cmyk.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/166/@1366/color-systems-cmyk.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/166/@1600/color-systems-cmyk.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/166/@1920/color-systems-cmyk.avif","width":1920}]}]},{"title":{"text":"PANTONE for Color Accuracy"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"The "},{"kind":"inline","type":"link","metadata":{"href":"https://en.wikipedia.org/wiki/Pantone"},"textContent":"Pantone Matching System (PMS)"},{"kind":"inline","textContent":" revolutionized the printing color process by providing a standardized system. This system is widely used on most printers to replicate tones and graphics through a standardized guideline. The guideline ensures that any manufacturer can refer to any color and be able to match on print."}]},{"kind":"block","type":"paragraph","textContent":"PANTONE varies from CMYK in that it doesn’t require a combination of various colors; instead, PANTONE colors are defined as singular units. The majority of Pantone colors are generated with thirteen base pigments that create a variety of unique colors. Each unique color is then labeled via a number, which makes it easy to avoid color inconsistencies. Currently, the Pantone colors palette includes a total of over 1,800 different colors."},{"kind":"block","type":"paragraph","textContent":"This numeric system creates a more accurate color match than other systems, making it perfect for brand identity work. Although using this process can be extremely time and money consuming, it’s perfect for a 1 or 2 color print job (i.e., business card…) because it requires less ink that the 4-color model (CMYK)."},{"kind":"block","type":"paragraph","textContent":"Pantone is known worldwide as the standard language for color communication in the printing world. The system was initially designed for the graphics industry, but it has also proven useful across a surprising range of industries."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/167/304_colorsystemspantone.jpg","altText":null,"width":1800,"height":1103,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/167/@100/304_colorsystemspantone.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/167/@200/304_colorsystemspantone.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/167/@500/304_colorsystemspantone.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/167/@768/304_colorsystemspantone.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/167/@1024/304_colorsystemspantone.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/167/@1366/304_colorsystemspantone.jpeg","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/167/@1600/304_colorsystemspantone.jpeg","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/167/@100/304_colorsystemspantone.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/167/@200/304_colorsystemspantone.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/167/@500/304_colorsystemspantone.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/167/@768/304_colorsystemspantone.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/167/@1024/304_colorsystemspantone.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/167/@1366/304_colorsystemspantone.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/167/@1600/304_colorsystemspantone.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/167/@100/304_colorsystemspantone.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/167/@200/304_colorsystemspantone.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/167/@500/304_colorsystemspantone.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/167/@768/304_colorsystemspantone.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/167/@1024/304_colorsystemspantone.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/167/@1366/304_colorsystemspantone.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/167/@1600/304_colorsystemspantone.avif","width":1600}]}]},{"title":{"text":"RGB for Web & Screen"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"The "},{"kind":"inline","type":"link","metadata":{"href":"https://en.wikipedia.org/wiki/RGB_color_model"},"textContent":"RGB color model"},{"kind":"inline","textContent":" is one of the most important and recognizable systems for color in digital media. This color system uses a series of numbers from 0-255, and it’s based on the three primary colors, which then form all the other colors: Red, Green, and Blue."}]},{"kind":"block","type":"paragraph","textContent":"While the CMYK color system is subtractive, RGB is a light additive color model, and colors are added together to create lighter colors. The system starts with Black (screen), then adds the variations of Red, Green, and Blue lights to create colors, and when all the lights are combined, the result is White."},{"kind":"block","type":"paragraph","textContent":"Most digital images and graphics are produced using the RGB color system in which each pixel on a computer screen display represents a certain color. However, it’s important to understand that each computer monitor has a specific color profile, making it difficult to pin down how colors are displayed."},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Although there is CSS syntax to define RGB colors, most developers use a "},{"kind":"inline","type":"link","metadata":{"href":"https://en.wikipedia.org/wiki/Web_colors"},"textContent":"hexadecimal (HEX) code"},{"kind":"inline","textContent":", which is basically a shorter and easier version to work with. The code replaces the 0-255 series, and it changes to a six-digit combination of letters (A to F) and numbers (0 to 9). In most programs, the HEX number is automatically generated."}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/168/color-systems-rgb.jpg","altText":null,"width":1920,"height":1440,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/168/@100/color-systems-rgb.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/168/@200/color-systems-rgb.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/168/@500/color-systems-rgb.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/168/@768/color-systems-rgb.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/168/@1024/color-systems-rgb.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/168/@1366/color-systems-rgb.jpeg","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/168/@1600/color-systems-rgb.jpeg","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/168/@1920/color-systems-rgb.jpeg","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/168/@100/color-systems-rgb.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/168/@200/color-systems-rgb.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/168/@500/color-systems-rgb.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/168/@768/color-systems-rgb.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/168/@1024/color-systems-rgb.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/168/@1366/color-systems-rgb.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/168/@1600/color-systems-rgb.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/168/@1920/color-systems-rgb.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/168/@100/color-systems-rgb.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/168/@200/color-systems-rgb.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/168/@500/color-systems-rgb.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/168/@768/color-systems-rgb.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/168/@1024/color-systems-rgb.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/168/@1366/color-systems-rgb.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/168/@1600/color-systems-rgb.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/168/@1920/color-systems-rgb.avif","width":1920}]}]},{"title":{"text":"RAL Colors for Coatings"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"The RAL color system defines matte, glossy, and metallic surface colors. RAL is the baseline for coatings. For specific coatings like automotive, other systems are more used, typically vendor-specific color systems from the likes of PPG or "},{"kind":"inline","type":"link","metadata":{"href":"https://www.glasurit.com/en-int/"},"textContent":"Glasurit"},{"kind":"inline","textContent":". It all boils down to achieving consistency in the coating of, for example, "},{"kind":"inline","type":"link","metadata":{"href":"https://speedcykkel.com/bikes"},"textContent":"classic bicycles"},{"kind":"inline","textContent":"."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"The "},{"kind":"inline","type":"link","metadata":{"href":"https://en.wikipedia.org/wiki/RAL_colour_standard"},"textContent":"RAL color system"},{"kind":"inline","textContent":" is used mainly for powder coating, varnish, and plastic coloring. It is the go-to system when you’re designing physical products that need to be coated. When talking about RAL colors, it is the RAL classic system we are referring to."}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/169/306_colorsystemsral.jpg","altText":null,"width":1800,"height":1324,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/169/@100/306_colorsystemsral.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/169/@200/306_colorsystemsral.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/169/@500/306_colorsystemsral.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/169/@768/306_colorsystemsral.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/169/@1024/306_colorsystemsral.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/169/@1366/306_colorsystemsral.jpeg","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/169/@1600/306_colorsystemsral.jpeg","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/169/@100/306_colorsystemsral.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/169/@200/306_colorsystemsral.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/169/@500/306_colorsystemsral.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/169/@768/306_colorsystemsral.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/169/@1024/306_colorsystemsral.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/169/@1366/306_colorsystemsral.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/169/@1600/306_colorsystemsral.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/169/@100/306_colorsystemsral.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/169/@200/306_colorsystemsral.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/169/@500/306_colorsystemsral.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/169/@768/306_colorsystemsral.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/169/@1024/306_colorsystemsral.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/169/@1366/306_colorsystemsral.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/169/@1600/306_colorsystemsral.avif","width":1600}]}]}]}}]},{"topics":[{"name":"Product Design"},{"name":"Marketing"},{"name":"Growth Strategy"},{"name":"Branding"}],"name":"Personas in Product Design","path":"/assets/blog/personas-in-product-design","id":"675fe50fd9ed36a574f9c943","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"Personas in Product Design"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/blog2.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@100/blog2.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@200/blog2.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@500/blog2.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@768/blog2.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@1024/blog2.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@1366/blog2.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@1600/blog2.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@1920/blog2.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@100/blog2.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@200/blog2.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@500/blog2.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@768/blog2.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@1024/blog2.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@1366/blog2.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@1600/blog2.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@1920/blog2.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@100/blog2.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@200/blog2.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@500/blog2.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@768/blog2.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@1024/blog2.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@1366/blog2.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@1600/blog2.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@1920/blog2.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":" Filipa Amado"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"August 7th, 2019"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"link","metadata":{"href":"https://en.wikipedia.org/wiki/Persona_(user_experience)"},"textContent":"Personas"},{"kind":"inline","textContent":" are fictional characters created to represent a product’s core customer demographics. They can help you communicate with your stakeholders who your ideal users are, along with their motivations and needs. It’s a personification process that relies on research and data, and it’s essential to your "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services"},"textContent":"product strategy"},{"kind":"inline","textContent":" and "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/product-strategy-understanding-product-positioning"},"textContent":"product positioning"},{"kind":"inline","textContent":". By understanding your ideal customer, you will make better marketing decisions and efforts."}]}],"plainText":["Personas are fictional characters created to represent a product’s core customer demographics. They can help you communicate with your stakeholders who your ideal users are, along with their motivations and needs. It’s a personification process that relies on research and data, and it’s essential to your product strategy and product positioning. By understanding your ideal customer, you will make better marketing decisions and efforts."]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":{"text":"What is a Persona?"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Persona (a.k.a user persona, customer persona, or marketing persona), in the context of Marketing and "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services"},"textContent":"Product Design"},{"kind":"inline","textContent":", is a model that describes your target customer based on detailed audience research. It’s a “fictional” profile that closely matches a group of real users, the humanization of the groups that represents your ideal customer."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"A persona can be vital to a product's success because it drives decisions of growth and improvement of your business. It essentially helps you understand your customer and the different ways they search, choose, buy, and eventually use your product. With this information, you will then make the appropriate decisions in terms of "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/product-strategy-understanding-product-positioning"},"textContent":"Product Positioning"},{"kind":"inline","textContent":" and "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/tone-of-voice-the-new-level-of-branding"},"textContent":"Tone of Voice"},{"kind":"inline","textContent":". Creating a persona helps you "},{"kind":"inline","type":"link","metadata":{"href":"https://buffer.com/library/marketing-personas-beginners-guide/"},"textContent":"craft effective and targeted messages"},{"kind":"inline","textContent":" that speak directly to your customer."}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/170/407_productpersonas.jpg","altText":null,"width":1208,"height":515,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/170/@100/407_productpersonas.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/170/@200/407_productpersonas.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/170/@500/407_productpersonas.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/170/@768/407_productpersonas.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/170/@1024/407_productpersonas.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/170/@100/407_productpersonas.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/170/@200/407_productpersonas.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/170/@500/407_productpersonas.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/170/@768/407_productpersonas.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/170/@1024/407_productpersonas.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/170/@100/407_productpersonas.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/170/@200/407_productpersonas.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/170/@500/407_productpersonas.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/170/@768/407_productpersonas.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/170/@1024/407_productpersonas.avif","width":1024}]}]},{"title":{"text":"Creating Personas"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"To build a persona, a product manager needs to reach out to the customer base. As previously mentioned, personas are created based on data. You need to do some thorough "},{"kind":"inline","type":"link","metadata":{"href":"https://sapioresearch.com/tutorials/audience-understanding-research"},"textContent":"audience research"},{"kind":"inline","textContent":" and gather all the necessary information."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Through social media analytics or simple direct contact, you have easy access to tools that can help you and don’t require you to spend many resources. However, there are some "},{"kind":"inline","type":"link","metadata":{"href":"https://uxplanet.org/ultimate-guide-to-user-research-bed4a57d260"},"textContent":"key data points"},{"kind":"inline","textContent":" you’ll need to collect, no matter the research method you choose."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Your "},{"kind":"inline","type":"link","metadata":{"href":"https://www.lightercapital.com/blog/what-is-consumer-research-why-is-it-important/"},"textContent":"customer research"},{"kind":"inline","textContent":" should include insights such as basic demographic details, buying behavior, interests and activities, and life stage. You will also need to study their goals, needs, and aspirations to understand where your product can add "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/the-elements-of-value"},"textContent":"product value"},{"kind":"inline","textContent":" to your customer’s øofe."}]},{"kind":"block","type":"paragraph","textContent":"With the data collected, you can start building your persona and a profile that reflects all the research you did. Here are some points about what makes a good persona:"},{"kind":"block","type":"unordered-list","children":[{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"strong","textContent":"Well-researched"},{"kind":"inline","textContent":": regardless of the resources you might have available, you should always try to choose the best tool to perform the necessary market research."}]},{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"strong","textContent":"Concise"},{"kind":"inline","textContent":": after the in-depth research, you need to edit and focus only on the relevant information for the persona profile."}]},{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"strong","textContent":"Relatable"},{"kind":"inline","textContent":": although a persona describes an imaginary person, the description should feel real and be quickly recognizable to everyone involved. "}]},{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"strong","textContent":"Presentable"},{"kind":"inline","textContent":": the persona profile should be designed in a legible and easily understandable format."}]}]},{"kind":"block","type":"paragraph","textContent":"Depending on the situation and product, you may need to create more than one persona. And although there is no ideal number, most businesses work with 1 to 3 personas. Ideally, it would be best to create a persona to represent every customer segment you want your product to target."},{"kind":"block","type":"paragraph","textContent":"When working with personas, it’s important to understand that every profile you create should be as different and distinct from the other ones as much as possible. Although your product stays relatively the same in its market lifetime, your customer groups have distinct needs, and you may need to approach each of them differently. You need to study these different customer groups, build personas around them, and then build your product strategy and message accordingly."}]},"videos":null,"images":null}]}}]},{"topics":[{"name":"Development"}],"name":"Javascript ranked the most popular programming language according to RedMonk","path":"/assets/blog/javascript-ranked-the-most-popular-programming-language-according-to-redmonk","id":"675fe558d9ed36a574f9c9e6","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"Javascript ranked the most popular programming language according to RedMonk"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/68/development_sb_blog.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/68/@100/development_sb_blog.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/68/@200/development_sb_blog.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/68/@500/development_sb_blog.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/68/@768/development_sb_blog.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/68/@1024/development_sb_blog.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/68/@1366/development_sb_blog.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/68/@1600/development_sb_blog.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/68/@1920/development_sb_blog.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/68/@100/development_sb_blog.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/68/@200/development_sb_blog.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/68/@500/development_sb_blog.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/68/@768/development_sb_blog.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/68/@1024/development_sb_blog.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/68/@1366/development_sb_blog.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/68/@1600/development_sb_blog.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/68/@1920/development_sb_blog.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/68/@100/development_sb_blog.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/68/@200/development_sb_blog.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/68/@500/development_sb_blog.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/68/@768/development_sb_blog.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/68/@1024/development_sb_blog.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/68/@1366/development_sb_blog.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/68/@1600/development_sb_blog.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/68/@1920/development_sb_blog.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Bård Farstad"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"August 20th, 2018"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"link","metadata":{"href":"https://redmonk.com/"},"textContent":"RedMonk"},{"kind":"inline","textContent":" analyst firm recently released their programming language ranking with Javascript at the top. The research is based on data from "},{"kind":"inline","type":"link","metadata":{"href":"https://github.com/"},"textContent":"Github"},{"kind":"inline","textContent":" and "},{"kind":"inline","type":"link","metadata":{"href":"https://stackoverflow.com/"},"textContent":"StackOverflow"},{"kind":"inline","textContent":", you can "},{"kind":"inline","type":"link","metadata":{"href":"https://redmonk.com/sogrady/2018/08/10/language-rankings-6-18/"},"textContent":"read the good stuff at the RedMonk site"},{"kind":"inline","textContent":"."}]}],"plainText":["RedMonk analyst firm recently released their programming language ranking with Javascript at the top. The research is based on data from Github and StackOverflow, you can read the good stuff at the RedMonk site."]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":{"text":"Javascript: all grown up?"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"We have seen for years that "},{"kind":"inline","type":"link","metadata":{"href":"https://www.javascript.com/"},"textContent":"Javascript"},{"kind":"inline","textContent":" has gained momentum. "},{"kind":"inline","type":"link","metadata":{"href":"https://nodejs.org/"},"textContent":"Node.js"},{"kind":"inline","textContent":" and "},{"kind":"inline","type":"link","metadata":{"href":"https://reactjs.org/"},"textContent":"React"},{"kind":"inline","textContent":" have been big accelerators especially for enterprise adoption. Back in the day Javascript was really not consider for “anything serious”. But times have changed: today Javascript is normally the go-to language for back-end and front-end development. At least for me."}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/171/189_programming_language_ranking_redmonk.png","altText":null,"width":1050,"height":726,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/171/@100/189_programming_language_ranking_redmonk.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/171/@200/189_programming_language_ranking_redmonk.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/171/@500/189_programming_language_ranking_redmonk.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/171/@768/189_programming_language_ranking_redmonk.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/171/@1024/189_programming_language_ranking_redmonk.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/171/@100/189_programming_language_ranking_redmonk.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/171/@200/189_programming_language_ranking_redmonk.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/171/@500/189_programming_language_ranking_redmonk.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/171/@768/189_programming_language_ranking_redmonk.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/171/@1024/189_programming_language_ranking_redmonk.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/171/@100/189_programming_language_ranking_redmonk.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/171/@200/189_programming_language_ranking_redmonk.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/171/@500/189_programming_language_ranking_redmonk.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/171/@768/189_programming_language_ranking_redmonk.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/171/@1024/189_programming_language_ranking_redmonk.avif","width":1024}]}]},{"title":{"text":"Technology is chosen based on gut feelings"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"I love the phrase from "},{"kind":"inline","type":"link","metadata":{"href":"https://twitter.com/monkchips"},"textContent":"James Governor"},{"kind":"inline","textContent":" that “people choose technology because of gut instincts not facts”. It is very true. I think in general that is how people choose products. Products are bought based on feelings."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"People can argue all day that the BMW is a better car than an Alfa Romeo based on facts and figures. I will still go and buy my next Alfa Romeo any day. It is not based on facts - it just feels right. (Oh, btw now "},{"kind":"inline","type":"link","metadata":{"href":"https://www.topgear.com/car-news/top-gear-magazine/revealed-winners-tg-mags-best-cars-world-2016#18"},"textContent":"Alfa Romeo also has their numbers stacked."},{"kind":"inline","textContent":" )"}]},{"kind":"block","type":"paragraph","textContent":"When starting Snowball a few years back the decision for going for a Javascript based stack was an easy one. Not based on facts or figures, it felt right for all of us."},{"kind":"block","type":"paragraph","textContent":"Anyway, give the post a read."}]},"videos":null,"images":null}]}}]},{"topics":[{"name":"Product Design"},{"name":"Branding"}],"name":"Coloring and shading in Illustrator CC","path":"/assets/blog/coloring-and-shading-in-illustrator-cc","id":"675fe5a4b5ccfc2c91b741a7","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"Coloring and shading in Illustrator CC"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/69/adobe_illustrator_sb_blog.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/69/@100/adobe_illustrator_sb_blog.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/69/@200/adobe_illustrator_sb_blog.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/69/@500/adobe_illustrator_sb_blog.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/69/@768/adobe_illustrator_sb_blog.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/69/@1024/adobe_illustrator_sb_blog.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/69/@1366/adobe_illustrator_sb_blog.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/69/@1600/adobe_illustrator_sb_blog.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/69/@1920/adobe_illustrator_sb_blog.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/69/@100/adobe_illustrator_sb_blog.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/69/@200/adobe_illustrator_sb_blog.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/69/@500/adobe_illustrator_sb_blog.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/69/@768/adobe_illustrator_sb_blog.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/69/@1024/adobe_illustrator_sb_blog.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/69/@1366/adobe_illustrator_sb_blog.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/69/@1600/adobe_illustrator_sb_blog.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/69/@1920/adobe_illustrator_sb_blog.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/69/@100/adobe_illustrator_sb_blog.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/69/@200/adobe_illustrator_sb_blog.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/69/@500/adobe_illustrator_sb_blog.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/69/@768/adobe_illustrator_sb_blog.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/69/@1024/adobe_illustrator_sb_blog.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/69/@1366/adobe_illustrator_sb_blog.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/69/@1600/adobe_illustrator_sb_blog.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/69/@1920/adobe_illustrator_sb_blog.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Bartosz Sokolow"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"January 19th, 2018"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"It’s time for a second part of our "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/creating-a-character-illustration-in-illustrator-cc-with-hand-drawn-brushes"},"textContent":"tutorial: coloring and shading in illustrator"},{"kind":"inline","textContent":"! Thanks to this our character will get even more personality. This tutorial should help you to understand better how layers in Illustrator CC work."}]}],"plainText":["It’s time for a second part of our tutorial: coloring and shading in illustrator! Thanks to this our character will get even more personality. This tutorial should help you to understand better how layers in Illustrator CC work."]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":null,"body":{"json":[{"kind":"block","type":"paragraph","textContent":"This will be our final result:"}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/172/coloring_blogpost_a-15.png","altText":null,"width":3347,"height":1738,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/172/@100/coloring_blogpost_a-15.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/172/@200/coloring_blogpost_a-15.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/172/@500/coloring_blogpost_a-15.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/172/@768/coloring_blogpost_a-15.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/172/@1024/coloring_blogpost_a-15.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/172/@1366/coloring_blogpost_a-15.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/172/@1600/coloring_blogpost_a-15.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/172/@1920/coloring_blogpost_a-15.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/172/@3200/coloring_blogpost_a-15.png","width":3200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/172/@100/coloring_blogpost_a-15.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/172/@200/coloring_blogpost_a-15.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/172/@500/coloring_blogpost_a-15.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/172/@768/coloring_blogpost_a-15.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/172/@1024/coloring_blogpost_a-15.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/172/@1366/coloring_blogpost_a-15.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/172/@1600/coloring_blogpost_a-15.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/172/@1920/coloring_blogpost_a-15.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/172/@3200/coloring_blogpost_a-15.webp","width":3200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/172/@100/coloring_blogpost_a-15.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/172/@200/coloring_blogpost_a-15.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/172/@500/coloring_blogpost_a-15.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/172/@768/coloring_blogpost_a-15.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/172/@1024/coloring_blogpost_a-15.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/172/@1366/coloring_blogpost_a-15.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/172/@1600/coloring_blogpost_a-15.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/172/@1920/coloring_blogpost_a-15.avif","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/172/@3200/coloring_blogpost_a-15.avif","width":3200}]}]},{"title":null,"body":{"json":[{"kind":"block","type":"paragraph","textContent":"We start from the moment where we finished our previous tutorial (look at “Creating a character illustration in Illustrator CC with hand drawn brushes”)."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/173/coloring_blogpost_a-01.png","altText":null,"width":3347,"height":1739,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/173/@100/coloring_blogpost_a-01.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/173/@200/coloring_blogpost_a-01.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/173/@500/coloring_blogpost_a-01.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/173/@768/coloring_blogpost_a-01.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/173/@1024/coloring_blogpost_a-01.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/173/@1366/coloring_blogpost_a-01.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/173/@1600/coloring_blogpost_a-01.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/173/@1920/coloring_blogpost_a-01.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/173/@3200/coloring_blogpost_a-01.png","width":3200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/173/@100/coloring_blogpost_a-01.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/173/@200/coloring_blogpost_a-01.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/173/@500/coloring_blogpost_a-01.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/173/@768/coloring_blogpost_a-01.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/173/@1024/coloring_blogpost_a-01.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/173/@1366/coloring_blogpost_a-01.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/173/@1600/coloring_blogpost_a-01.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/173/@1920/coloring_blogpost_a-01.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/173/@3200/coloring_blogpost_a-01.webp","width":3200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/173/@100/coloring_blogpost_a-01.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/173/@200/coloring_blogpost_a-01.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/173/@500/coloring_blogpost_a-01.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/173/@768/coloring_blogpost_a-01.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/173/@1024/coloring_blogpost_a-01.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/173/@1366/coloring_blogpost_a-01.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/173/@1600/coloring_blogpost_a-01.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/173/@1920/coloring_blogpost_a-01.avif","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/173/@3200/coloring_blogpost_a-01.avif","width":3200}]}]},{"title":null,"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Before we will take some coloring actions let’s remove redundant layer named “Drawings” by clicking icon Remove Layer at the bottom bar of Layer Panel. Let’s also rename “Brushes” Layer to “Colors”."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/174/coloring_blogpost_a-02.png","altText":null,"width":4529,"height":1224,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/174/@100/coloring_blogpost_a-02.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/174/@200/coloring_blogpost_a-02.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/174/@500/coloring_blogpost_a-02.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/174/@768/coloring_blogpost_a-02.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/174/@1024/coloring_blogpost_a-02.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/174/@1366/coloring_blogpost_a-02.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/174/@1600/coloring_blogpost_a-02.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/174/@1920/coloring_blogpost_a-02.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/174/@3200/coloring_blogpost_a-02.png","width":3200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/174/@100/coloring_blogpost_a-02.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/174/@200/coloring_blogpost_a-02.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/174/@500/coloring_blogpost_a-02.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/174/@768/coloring_blogpost_a-02.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/174/@1024/coloring_blogpost_a-02.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/174/@1366/coloring_blogpost_a-02.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/174/@1600/coloring_blogpost_a-02.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/174/@1920/coloring_blogpost_a-02.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/174/@3200/coloring_blogpost_a-02.webp","width":3200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/174/@100/coloring_blogpost_a-02.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/174/@200/coloring_blogpost_a-02.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/174/@500/coloring_blogpost_a-02.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/174/@768/coloring_blogpost_a-02.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/174/@1024/coloring_blogpost_a-02.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/174/@1366/coloring_blogpost_a-02.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/174/@1600/coloring_blogpost_a-02.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/174/@1920/coloring_blogpost_a-02.avif","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/174/@3200/coloring_blogpost_a-02.avif","width":3200}]}]},{"title":null,"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Now let’s change our character’s outlines colors to a softer grey. This is the code of one I used: #5e636d. To pick exactly this color for our character’s outlines let’s select our horse with selection tool and then let’s double click on fill. New window will appear with HEX text box - let’s paste there our grey color HEX code and then click OK."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/175/coloring_blogpost_a-03.png","altText":null,"width":3347,"height":1738,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/175/@100/coloring_blogpost_a-03.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/175/@200/coloring_blogpost_a-03.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/175/@500/coloring_blogpost_a-03.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/175/@768/coloring_blogpost_a-03.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/175/@1024/coloring_blogpost_a-03.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/175/@1366/coloring_blogpost_a-03.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/175/@1600/coloring_blogpost_a-03.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/175/@1920/coloring_blogpost_a-03.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/175/@3200/coloring_blogpost_a-03.png","width":3200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/175/@100/coloring_blogpost_a-03.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/175/@200/coloring_blogpost_a-03.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/175/@500/coloring_blogpost_a-03.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/175/@768/coloring_blogpost_a-03.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/175/@1024/coloring_blogpost_a-03.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/175/@1366/coloring_blogpost_a-03.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/175/@1600/coloring_blogpost_a-03.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/175/@1920/coloring_blogpost_a-03.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/175/@3200/coloring_blogpost_a-03.webp","width":3200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/175/@100/coloring_blogpost_a-03.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/175/@200/coloring_blogpost_a-03.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/175/@500/coloring_blogpost_a-03.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/175/@768/coloring_blogpost_a-03.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/175/@1024/coloring_blogpost_a-03.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/175/@1366/coloring_blogpost_a-03.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/175/@1600/coloring_blogpost_a-03.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/175/@1920/coloring_blogpost_a-03.avif","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/175/@3200/coloring_blogpost_a-03.avif","width":3200}]}]},{"title":null,"body":null,"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/176/coloring_blogpost_a-05.png","altText":null,"width":4529,"height":1578,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/176/@100/coloring_blogpost_a-05.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/176/@200/coloring_blogpost_a-05.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/176/@500/coloring_blogpost_a-05.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/176/@768/coloring_blogpost_a-05.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/176/@1024/coloring_blogpost_a-05.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/176/@1366/coloring_blogpost_a-05.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/176/@1600/coloring_blogpost_a-05.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/176/@1920/coloring_blogpost_a-05.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/176/@3200/coloring_blogpost_a-05.png","width":3200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/176/@100/coloring_blogpost_a-05.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/176/@200/coloring_blogpost_a-05.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/176/@500/coloring_blogpost_a-05.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/176/@768/coloring_blogpost_a-05.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/176/@1024/coloring_blogpost_a-05.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/176/@1366/coloring_blogpost_a-05.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/176/@1600/coloring_blogpost_a-05.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/176/@1920/coloring_blogpost_a-05.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/176/@3200/coloring_blogpost_a-05.webp","width":3200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/176/@100/coloring_blogpost_a-05.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/176/@200/coloring_blogpost_a-05.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/176/@500/coloring_blogpost_a-05.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/176/@768/coloring_blogpost_a-05.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/176/@1024/coloring_blogpost_a-05.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/176/@1366/coloring_blogpost_a-05.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/176/@1600/coloring_blogpost_a-05.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/176/@1920/coloring_blogpost_a-05.avif","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/176/@3200/coloring_blogpost_a-05.avif","width":3200}]}]},{"title":null,"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Now let’s add some more layers to project. In total we will use 5 layers, so we need to create 4 more. To do this, we need to click on New Layer Icon at the bottom bar of Layers Panel. Lines Layer and Color 2 Layer should be positioned above Colors Layer and Shadow Layer and Background Layer should be positioned under it. To move layers in Layer Panel we just click, hold and then drag them up or down."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/177/coloring_blogpost_a-06.png","altText":null,"width":4529,"height":1218,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/177/@100/coloring_blogpost_a-06.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/177/@200/coloring_blogpost_a-06.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/177/@500/coloring_blogpost_a-06.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/177/@768/coloring_blogpost_a-06.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/177/@1024/coloring_blogpost_a-06.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/177/@1366/coloring_blogpost_a-06.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/177/@1600/coloring_blogpost_a-06.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/177/@1920/coloring_blogpost_a-06.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/177/@3200/coloring_blogpost_a-06.png","width":3200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/177/@100/coloring_blogpost_a-06.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/177/@200/coloring_blogpost_a-06.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/177/@500/coloring_blogpost_a-06.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/177/@768/coloring_blogpost_a-06.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/177/@1024/coloring_blogpost_a-06.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/177/@1366/coloring_blogpost_a-06.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/177/@1600/coloring_blogpost_a-06.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/177/@1920/coloring_blogpost_a-06.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/177/@3200/coloring_blogpost_a-06.webp","width":3200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/177/@100/coloring_blogpost_a-06.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/177/@200/coloring_blogpost_a-06.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/177/@500/coloring_blogpost_a-06.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/177/@768/coloring_blogpost_a-06.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/177/@1024/coloring_blogpost_a-06.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/177/@1366/coloring_blogpost_a-06.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/177/@1600/coloring_blogpost_a-06.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/177/@1920/coloring_blogpost_a-06.avif","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/177/@3200/coloring_blogpost_a-06.avif","width":3200}]}]},{"title":null,"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Now we have to copy our character to the top layer named Lines. To do this we select our character in Colors Layer and we press Command + C. Then in Layer Panel we click on Lines layer, and with it selected we copy our horse to the exactly same position by clicking Command + Shift + V. Now we have to lock Lines Layer by clicking Lock Icon on this layer."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/178/coloring_blogpost_a-07.png","altText":null,"width":4529,"height":1218,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/178/@100/coloring_blogpost_a-07.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/178/@200/coloring_blogpost_a-07.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/178/@500/coloring_blogpost_a-07.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/178/@768/coloring_blogpost_a-07.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/178/@1024/coloring_blogpost_a-07.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/178/@1366/coloring_blogpost_a-07.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/178/@1600/coloring_blogpost_a-07.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/178/@1920/coloring_blogpost_a-07.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/178/@3200/coloring_blogpost_a-07.png","width":3200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/178/@100/coloring_blogpost_a-07.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/178/@200/coloring_blogpost_a-07.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/178/@500/coloring_blogpost_a-07.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/178/@768/coloring_blogpost_a-07.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/178/@1024/coloring_blogpost_a-07.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/178/@1366/coloring_blogpost_a-07.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/178/@1600/coloring_blogpost_a-07.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/178/@1920/coloring_blogpost_a-07.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/178/@3200/coloring_blogpost_a-07.webp","width":3200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/178/@100/coloring_blogpost_a-07.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/178/@200/coloring_blogpost_a-07.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/178/@500/coloring_blogpost_a-07.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/178/@768/coloring_blogpost_a-07.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/178/@1024/coloring_blogpost_a-07.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/178/@1366/coloring_blogpost_a-07.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/178/@1600/coloring_blogpost_a-07.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/178/@1920/coloring_blogpost_a-07.avif","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/178/@3200/coloring_blogpost_a-07.avif","width":3200}]}]},{"title":null,"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Preparations finished, time to start some coloring! To add first colors to our anarchist character we need to select again Colors Layer and use Live Paint Tool. After selecting character with Selection Tool in Colors Layer, let’s go to top bar menu in Illustrator, then to Object > Live Paint > Make."},{"kind":"block","type":"paragraph","textContent":"Remember that all of the brush lines we created in previous tutorial supposed to be transformed to outlines. Thanks to this Live Paint Tool will detect the exact edges of our shapes and won’t do any harm to our outlined character during coloring process."},{"kind":"block","type":"paragraph","textContent":"To color my character at this level I used this palette for individual objects -> Jacket #027a9a, Pants #547385, Shoes #5e7380, Skin #e2d8c9, Details #748d9d."},{"kind":"block","type":"paragraph","textContent":"To put colors to our punk horse we need to pick Live Paint Bucket Tool from Tool Panel (K). With this tool and preferred color selected we click on the parts of illustration we want to color."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/179/coloring_blogpost_a-08.png","altText":null,"width":3784,"height":2993,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/179/@100/coloring_blogpost_a-08.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/179/@200/coloring_blogpost_a-08.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/179/@500/coloring_blogpost_a-08.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/179/@768/coloring_blogpost_a-08.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/179/@1024/coloring_blogpost_a-08.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/179/@1366/coloring_blogpost_a-08.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/179/@1600/coloring_blogpost_a-08.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/179/@1920/coloring_blogpost_a-08.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/179/@3200/coloring_blogpost_a-08.png","width":3200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/179/@100/coloring_blogpost_a-08.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/179/@200/coloring_blogpost_a-08.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/179/@500/coloring_blogpost_a-08.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/179/@768/coloring_blogpost_a-08.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/179/@1024/coloring_blogpost_a-08.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/179/@1366/coloring_blogpost_a-08.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/179/@1600/coloring_blogpost_a-08.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/179/@1920/coloring_blogpost_a-08.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/179/@3200/coloring_blogpost_a-08.webp","width":3200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/179/@100/coloring_blogpost_a-08.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/179/@200/coloring_blogpost_a-08.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/179/@500/coloring_blogpost_a-08.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/179/@768/coloring_blogpost_a-08.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/179/@1024/coloring_blogpost_a-08.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/179/@1366/coloring_blogpost_a-08.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/179/@1600/coloring_blogpost_a-08.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/179/@1920/coloring_blogpost_a-08.avif","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/179/@3200/coloring_blogpost_a-08.avif","width":3200}]}]},{"title":null,"body":null,"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/179/coloring_blogpost_a-16.png","altText":null,"width":4530,"height":2994,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/179/@100/coloring_blogpost_a-16.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/179/@200/coloring_blogpost_a-16.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/179/@500/coloring_blogpost_a-16.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/179/@768/coloring_blogpost_a-16.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/179/@1024/coloring_blogpost_a-16.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/179/@1366/coloring_blogpost_a-16.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/179/@1600/coloring_blogpost_a-16.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/179/@1920/coloring_blogpost_a-16.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/179/@3200/coloring_blogpost_a-16.png","width":3200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/179/@100/coloring_blogpost_a-16.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/179/@200/coloring_blogpost_a-16.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/179/@500/coloring_blogpost_a-16.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/179/@768/coloring_blogpost_a-16.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/179/@1024/coloring_blogpost_a-16.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/179/@1366/coloring_blogpost_a-16.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/179/@1600/coloring_blogpost_a-16.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/179/@1920/coloring_blogpost_a-16.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/179/@3200/coloring_blogpost_a-16.webp","width":3200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/179/@100/coloring_blogpost_a-16.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/179/@200/coloring_blogpost_a-16.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/179/@500/coloring_blogpost_a-16.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/179/@768/coloring_blogpost_a-16.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/179/@1024/coloring_blogpost_a-16.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/179/@1366/coloring_blogpost_a-16.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/179/@1600/coloring_blogpost_a-16.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/179/@1920/coloring_blogpost_a-16.avif","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/179/@3200/coloring_blogpost_a-16.avif","width":3200}]}]},{"title":null,"body":{"json":[{"kind":"block","type":"paragraph","textContent":"This is how our character should be like after filling all of the white areas:"}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/180/coloring_blogpost_a-10.png","altText":null,"width":3348,"height":1738,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/180/@100/coloring_blogpost_a-10.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/180/@200/coloring_blogpost_a-10.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/180/@500/coloring_blogpost_a-10.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/180/@768/coloring_blogpost_a-10.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/180/@1024/coloring_blogpost_a-10.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/180/@1366/coloring_blogpost_a-10.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/180/@1600/coloring_blogpost_a-10.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/180/@1920/coloring_blogpost_a-10.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/180/@3200/coloring_blogpost_a-10.png","width":3200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/180/@100/coloring_blogpost_a-10.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/180/@200/coloring_blogpost_a-10.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/180/@500/coloring_blogpost_a-10.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/180/@768/coloring_blogpost_a-10.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/180/@1024/coloring_blogpost_a-10.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/180/@1366/coloring_blogpost_a-10.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/180/@1600/coloring_blogpost_a-10.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/180/@1920/coloring_blogpost_a-10.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/180/@3200/coloring_blogpost_a-10.webp","width":3200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/180/@100/coloring_blogpost_a-10.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/180/@200/coloring_blogpost_a-10.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/180/@500/coloring_blogpost_a-10.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/180/@768/coloring_blogpost_a-10.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/180/@1024/coloring_blogpost_a-10.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/180/@1366/coloring_blogpost_a-10.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/180/@1600/coloring_blogpost_a-10.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/180/@1920/coloring_blogpost_a-10.avif","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/180/@3200/coloring_blogpost_a-10.avif","width":3200}]}]},{"title":null,"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Now when we have our first color layer ready let’s add some shadings and details! To make it happen, we have to pick Layer named Colors 2. and with Blob Brush Tool (Shift + B) tool create there some shadings."},{"kind":"block","type":"paragraph","textContent":"Remember that Lines layer has to be visible. Thanks to this our illustration coloring stays clean and we don’t harm character’s outlines."},{"kind":"block","type":"paragraph","textContent":"For shading colors I used slightly lighter variations from the same color palette that I used during Live Paint coloring process. To pick slightly lighter colors we have to go to Color Picker panel and there from color spectrum on the right side pick the preferred one."},{"kind":"block","type":"paragraph","textContent":"In a first sequence in underneath image you can see the original of character’s hand after using Live Paint Bucket Tool only."},{"kind":"block","type":"paragraph","textContent":"In the second sequence you can see shadings made with Blob Brush Tool. To fix or smoothen shapes created with Blob Brush Tool use Eraser Tool (Shift + E). If you want to change the shape or size of your Blob Brush Tool or Eraser Tool edit their options by clicking their icons in Tool Panel."},{"kind":"block","type":"paragraph","textContent":"In the third sequence you can see l created thiner line shapes with Blob Brush Tool by changing a size of brush in settings of this tool. I applied them to edges, so the shading effect creates natural impression."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/181/coloring_blogpost_a-11.png","altText":null,"width":5655,"height":1622,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/181/@100/coloring_blogpost_a-11.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/181/@200/coloring_blogpost_a-11.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/181/@500/coloring_blogpost_a-11.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/181/@768/coloring_blogpost_a-11.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/181/@1024/coloring_blogpost_a-11.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/181/@1366/coloring_blogpost_a-11.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/181/@1600/coloring_blogpost_a-11.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/181/@1920/coloring_blogpost_a-11.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/181/@3200/coloring_blogpost_a-11.png","width":3200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/181/@100/coloring_blogpost_a-11.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/181/@200/coloring_blogpost_a-11.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/181/@500/coloring_blogpost_a-11.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/181/@768/coloring_blogpost_a-11.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/181/@1024/coloring_blogpost_a-11.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/181/@1366/coloring_blogpost_a-11.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/181/@1600/coloring_blogpost_a-11.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/181/@1920/coloring_blogpost_a-11.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/181/@3200/coloring_blogpost_a-11.webp","width":3200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/181/@100/coloring_blogpost_a-11.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/181/@200/coloring_blogpost_a-11.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/181/@500/coloring_blogpost_a-11.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/181/@768/coloring_blogpost_a-11.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/181/@1024/coloring_blogpost_a-11.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/181/@1366/coloring_blogpost_a-11.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/181/@1600/coloring_blogpost_a-11.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/181/@1920/coloring_blogpost_a-11.avif","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/181/@3200/coloring_blogpost_a-11.avif","width":3200}]}]},{"title":null,"body":{"json":[{"kind":"block","type":"paragraph","textContent":"This is how our illustration supposed to look like after complete coloring and shading process:"}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/182/coloring_blogpost_a-12.png","altText":null,"width":3348,"height":1738,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/182/@100/coloring_blogpost_a-12.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/182/@200/coloring_blogpost_a-12.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/182/@500/coloring_blogpost_a-12.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/182/@768/coloring_blogpost_a-12.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/182/@1024/coloring_blogpost_a-12.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/182/@1366/coloring_blogpost_a-12.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/182/@1600/coloring_blogpost_a-12.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/182/@1920/coloring_blogpost_a-12.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/182/@3200/coloring_blogpost_a-12.png","width":3200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/182/@100/coloring_blogpost_a-12.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/182/@200/coloring_blogpost_a-12.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/182/@500/coloring_blogpost_a-12.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/182/@768/coloring_blogpost_a-12.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/182/@1024/coloring_blogpost_a-12.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/182/@1366/coloring_blogpost_a-12.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/182/@1600/coloring_blogpost_a-12.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/182/@1920/coloring_blogpost_a-12.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/182/@3200/coloring_blogpost_a-12.webp","width":3200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/182/@100/coloring_blogpost_a-12.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/182/@200/coloring_blogpost_a-12.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/182/@500/coloring_blogpost_a-12.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/182/@768/coloring_blogpost_a-12.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/182/@1024/coloring_blogpost_a-12.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/182/@1366/coloring_blogpost_a-12.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/182/@1600/coloring_blogpost_a-12.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/182/@1920/coloring_blogpost_a-12.avif","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/182/@3200/coloring_blogpost_a-12.avif","width":3200}]}]},{"title":null,"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Now when shading process is finished it’s time for adding some stylish background. To do this, we select Background Layer and there we create a rectangle with Rectangle Tool with dimensions parameters W: 135mm, H: 150mm."},{"kind":"block","type":"paragraph","textContent":"For the background I used this HEX color code: #80a0b0."},{"kind":"block","type":"paragraph","textContent":"With our rectangle selected we go to top bar menu in Illustrator, then to Window > Align."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/183/coloring_blogpost_a-13.png","altText":null,"width":4529,"height":889,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/183/@100/coloring_blogpost_a-13.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/183/@200/coloring_blogpost_a-13.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/183/@500/coloring_blogpost_a-13.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/183/@768/coloring_blogpost_a-13.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/183/@1024/coloring_blogpost_a-13.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/183/@1366/coloring_blogpost_a-13.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/183/@1600/coloring_blogpost_a-13.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/183/@1920/coloring_blogpost_a-13.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/183/@3200/coloring_blogpost_a-13.png","width":3200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/183/@100/coloring_blogpost_a-13.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/183/@200/coloring_blogpost_a-13.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/183/@500/coloring_blogpost_a-13.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/183/@768/coloring_blogpost_a-13.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/183/@1024/coloring_blogpost_a-13.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/183/@1366/coloring_blogpost_a-13.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/183/@1600/coloring_blogpost_a-13.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/183/@1920/coloring_blogpost_a-13.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/183/@3200/coloring_blogpost_a-13.webp","width":3200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/183/@100/coloring_blogpost_a-13.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/183/@200/coloring_blogpost_a-13.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/183/@500/coloring_blogpost_a-13.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/183/@768/coloring_blogpost_a-13.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/183/@1024/coloring_blogpost_a-13.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/183/@1366/coloring_blogpost_a-13.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/183/@1600/coloring_blogpost_a-13.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/183/@1920/coloring_blogpost_a-13.avif","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/183/@3200/coloring_blogpost_a-13.avif","width":3200}]}]},{"title":null,"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Align Panel will appear. In there we click on these two icons marked with rounded rectangle. Now our background is aligned to art board!"}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/184/coloring_blogpost_a-14.png","altText":null,"width":3347,"height":1738,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/184/@100/coloring_blogpost_a-14.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/184/@200/coloring_blogpost_a-14.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/184/@500/coloring_blogpost_a-14.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/184/@768/coloring_blogpost_a-14.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/184/@1024/coloring_blogpost_a-14.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/184/@1366/coloring_blogpost_a-14.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/184/@1600/coloring_blogpost_a-14.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/184/@1920/coloring_blogpost_a-14.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/184/@3200/coloring_blogpost_a-14.png","width":3200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/184/@100/coloring_blogpost_a-14.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/184/@200/coloring_blogpost_a-14.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/184/@500/coloring_blogpost_a-14.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/184/@768/coloring_blogpost_a-14.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/184/@1024/coloring_blogpost_a-14.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/184/@1366/coloring_blogpost_a-14.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/184/@1600/coloring_blogpost_a-14.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/184/@1920/coloring_blogpost_a-14.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/184/@3200/coloring_blogpost_a-14.webp","width":3200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/184/@100/coloring_blogpost_a-14.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/184/@200/coloring_blogpost_a-14.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/184/@500/coloring_blogpost_a-14.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/184/@768/coloring_blogpost_a-14.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/184/@1024/coloring_blogpost_a-14.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/184/@1366/coloring_blogpost_a-14.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/184/@1600/coloring_blogpost_a-14.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/184/@1920/coloring_blogpost_a-14.avif","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/184/@3200/coloring_blogpost_a-14.avif","width":3200}]}]},{"title":null,"body":{"json":[{"kind":"block","type":"paragraph","textContent":"The last thing we have to do is to apply some shadow effect on the ground. to do this we select Shadow layer, then we create there a rectangle with dimensions parameters W: 84mm H: 2mm and HEX code color #7793a3."},{"kind":"block","type":"paragraph","textContent":"Now we have to go to top bar menu, select there Effect > Stylize > Feather. New Feather Window will appear - there we need to set radius and amount of effect. I picked 2mm."},{"kind":"block","type":"paragraph","textContent":"That’s how the final illustration is presenting:"}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/185/coloring_blogpost_a-14.png","altText":null,"width":3347,"height":1738,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/185/@100/coloring_blogpost_a-14.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/185/@200/coloring_blogpost_a-14.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/185/@500/coloring_blogpost_a-14.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/185/@768/coloring_blogpost_a-14.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/185/@1024/coloring_blogpost_a-14.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/185/@1366/coloring_blogpost_a-14.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/185/@1600/coloring_blogpost_a-14.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/185/@1920/coloring_blogpost_a-14.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/185/@3200/coloring_blogpost_a-14.png","width":3200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/185/@100/coloring_blogpost_a-14.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/185/@200/coloring_blogpost_a-14.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/185/@500/coloring_blogpost_a-14.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/185/@768/coloring_blogpost_a-14.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/185/@1024/coloring_blogpost_a-14.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/185/@1366/coloring_blogpost_a-14.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/185/@1600/coloring_blogpost_a-14.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/185/@1920/coloring_blogpost_a-14.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/185/@3200/coloring_blogpost_a-14.webp","width":3200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/185/@100/coloring_blogpost_a-14.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/185/@200/coloring_blogpost_a-14.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/185/@500/coloring_blogpost_a-14.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/185/@768/coloring_blogpost_a-14.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/185/@1024/coloring_blogpost_a-14.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/185/@1366/coloring_blogpost_a-14.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/185/@1600/coloring_blogpost_a-14.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/185/@1920/coloring_blogpost_a-14.avif","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/185/@3200/coloring_blogpost_a-14.avif","width":3200}]}]},{"title":null,"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Conclusion: by combining Live Paint Tool and Blob Brush Tool we are able to create some nice coloring for our characters. The more you use it method the more you get better. And remember that you can always add even more color and shading layers - thanks to this our illustration will get even more detailed and deep."},{"kind":"block","type":"paragraph"},{"kind":"block","type":"paragraph"}]},"videos":null,"images":null}]}}]},{"topics":[{"name":"Product Design"},{"name":"Growth Strategy"},{"name":"Branding"},{"name":"Marketing"}],"name":"Building Products ala Snowball: launch early, learn & iterate","path":"/assets/blog/building-products-ala-snowball-launch-early-learn-and-iterate","id":"675fe6e5c7d447678413dd87","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"Building Products ala Snowball: launch early, learn & iterate"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/70/product_design_sb_blog.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/70/@100/product_design_sb_blog.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/70/@200/product_design_sb_blog.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/70/@500/product_design_sb_blog.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/70/@768/product_design_sb_blog.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/70/@1024/product_design_sb_blog.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/70/@1366/product_design_sb_blog.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/70/@1600/product_design_sb_blog.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/70/@1920/product_design_sb_blog.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/70/@100/product_design_sb_blog.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/70/@200/product_design_sb_blog.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/70/@500/product_design_sb_blog.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/70/@768/product_design_sb_blog.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/70/@1024/product_design_sb_blog.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/70/@1366/product_design_sb_blog.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/70/@1600/product_design_sb_blog.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/70/@1920/product_design_sb_blog.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/70/@100/product_design_sb_blog.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/70/@200/product_design_sb_blog.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/70/@500/product_design_sb_blog.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/70/@768/product_design_sb_blog.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/70/@1024/product_design_sb_blog.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/70/@1366/product_design_sb_blog.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/70/@1600/product_design_sb_blog.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/70/@1920/product_design_sb_blog.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Bård Farstad"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"January 19th, 2018"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","textContent":"Building products is what we do at Snowball. One of the lessons I learned is that you can just about never launch your product too early. Basically, we aim to launch early, learn, and iterate."}],"plainText":["Building products is what we do at Snowball. One of the lessons I learned is that you can just about never launch your product too early. Basically, we aim to launch early, learn, and iterate."]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":{"text":"Getting your product off the ground"},"body":{"json":[{"kind":"block","type":"paragraph"},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"It all starts with an idea, or a concept, for a new product. First we team up with our friends at "},{"kind":"inline","type":"link","metadata":{"href":"http://assetto.com/"},"textContent":"Assetto Capital "},{"kind":"inline","textContent":"for a round of ‘crystallizing’ the value prop and business model. At this point, we also have a round of brainstorming for how we will fund the company for a new product launch."}]},{"kind":"block","type":"paragraph","textContent":"Once the business goals and targets are clear, we ask ourselves: how can we bring this to market as quickly as possible? We are extremely focused on the users of the product, and try to simplify the minimum viable product as much as possible to the point where the use-cases are distilled down to a bare minimum."},{"kind":"block","type":"paragraph","textContent":"I believe that one of the biggest mistakes being done in product development is to have a scope that’s too large. If you paint a too big picture for your first launch, you end up complicating and slowing down the process. Especially with startups, the eagerness to get as much as possible into a single product should not be the main goal."},{"kind":"block","type":"paragraph","textContent":"When working with larger companies I find that the main obstacle is legality and politics. It often seems as though a product requirement is designed by a committee, with a laundry list of product features that are assembled together with historical constraints and business rules. This is also a recipe for a failed product launch, in my opinion. And it does not work well with a lean and agile methodology either."},{"kind":"block","type":"paragraph","textContent":"So, simplify and reduce scope wherever possible. But, the product still needs to have the magic that makes it addictive. This is the magical balance we often look for at Snowball."}]},"videos":null,"images":null},{"title":{"text":"Design and release process"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Once we have our product’s main user stories, we follow up with a lean design that aims to define the complete user-journey as well as visualize it. Depending on the product type, this may vary. If we are building an iOS App, a cloud software platform, or a bicycle, the approach will be different. But the goal is still to visualize and design the user journey."},{"kind":"block","type":"paragraph","textContent":"Based on the simplification, we would like to make the build as quickly as possible. Our goal now is the initial launch of the product. And this is where it really starts: we have real customers using the product allowing us to collect feedback and learn."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/186/snowball_graphs-05.png","altText":null,"width":3509,"height":2482,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/186/@100/snowball_graphs-05.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/186/@200/snowball_graphs-05.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/186/@500/snowball_graphs-05.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/186/@768/snowball_graphs-05.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/186/@1024/snowball_graphs-05.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/186/@1366/snowball_graphs-05.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/186/@1600/snowball_graphs-05.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/186/@1920/snowball_graphs-05.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/186/@3200/snowball_graphs-05.png","width":3200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/186/@100/snowball_graphs-05.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/186/@200/snowball_graphs-05.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/186/@500/snowball_graphs-05.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/186/@768/snowball_graphs-05.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/186/@1024/snowball_graphs-05.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/186/@1366/snowball_graphs-05.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/186/@1600/snowball_graphs-05.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/186/@1920/snowball_graphs-05.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/186/@3200/snowball_graphs-05.webp","width":3200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/186/@100/snowball_graphs-05.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/186/@200/snowball_graphs-05.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/186/@500/snowball_graphs-05.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/186/@768/snowball_graphs-05.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/186/@1024/snowball_graphs-05.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/186/@1366/snowball_graphs-05.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/186/@1600/snowball_graphs-05.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/186/@1920/snowball_graphs-05.avif","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/186/@3200/snowball_graphs-05.avif","width":3200}]}]},{"title":{"text":"Launch & iterate"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Since our model is to launch early and iterate, it is important to understand that product development is a long term process. It is not just about getting the first product out there, but about the journey of iterations that follow. This is an important point when budgeting product development, as the initial launch is when it starts."},{"kind":"block","type":"paragraph","textContent":"In general, for the iterations, we use a value-based product development process where perceived user value is guiding our product development."},{"kind":"block","type":"paragraph"},{"kind":"block","type":"paragraph"}]},"videos":null,"images":null}]}}]},{"topics":[{"name":"Development"}],"name":"Uploading Images in React Native","path":"/assets/blog/uploading-images-in-react-native","id":"675ffea0aea09d02566cff7c","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"Uploading Images in React Native"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/blog3.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@100/blog3.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@200/blog3.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@500/blog3.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@768/blog3.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@1024/blog3.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@1366/blog3.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@1600/blog3.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@1920/blog3.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@100/blog3.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@200/blog3.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@500/blog3.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@768/blog3.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@1024/blog3.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@1366/blog3.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@1600/blog3.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@1920/blog3.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@100/blog3.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@200/blog3.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@500/blog3.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@768/blog3.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@1024/blog3.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@1366/blog3.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@1600/blog3.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@1920/blog3.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Didrik Steen Hegna"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"January 16th, 2018"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","textContent":"When you are working with React Native and images you are likely to want to upload them somewhere. Here is how I did this."}],"plainText":["When you are working with React Native and images you are likely to want to upload them somewhere. Here is how I did this."]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":null,"body":{"json":[{"kind":"block","type":"paragraph","textContent":"This is a continuation of my previous blog post on Capturing Images in React Native."},{"kind":"block","type":"paragraph","textContent":"The first thing is to create a variable where you can keep the path for your image. I just created a variable called PicturePath for simplicity."},{"kind":"block","type":"paragraph","textContent":"Then you have to add the captureTarget to your camera component. I chose to create a new button, upload, for the action of pushing my image to a server."},{"kind":"block","type":"preformatted","children":[{"type":"code","kind":"block","textContent":"captureTarget={Camera.constants.CaptureTarget.disk}><Text style={styles.capture} onPress={this.storePicture.bind(this)}>[UPLOAD]</Text>","metadata":{"language":"javascript"}}]}]},"videos":null,"images":null},{"title":{"text":"Upload picture from iPhone to server"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Before we can upload a picture we have to capture it. This is done in the takePicture function. From my previous example I just modified this to store the PicturePath upon successful capture of the image from the camera."},{"kind":"block","type":"preformatted","children":[{"type":"code","kind":"block","textContent":"takePicture() {\n this.camera.capture().then(data => {\n console.log(data);\n PicturePath = data.path;\n }).catch(err => console.error(err));\n}","metadata":{"language":"javascript"}}]},{"kind":"block","type":"paragraph","textContent":"The function storePicture does a couple of things. First it checks if the PicturePath is set. Meaning that if does not try to upload if we have not yet taken a picture."},{"kind":"block","type":"paragraph","textContent":"We then create the form data object. This actually handles the Base64 encoding for our upload."},{"kind":"block","type":"paragraph","textContent":"The POST method is then configured. Here you have to set the multipart form-data to indicate that you are sending an actual form with a file. I also added an Authorization header, this is typical if you are using OAuth2 authorization with the server."},{"kind":"block","type":"paragraph","textContent":"To do the actual upload we are using the fetch function. This is quite useful to send GET, PUT, POST, PATCH or DELETE requests over REST. In this case we add the endpoint URL parameter and our config we already created."},{"kind":"block","type":"paragraph","textContent":"When we get a successful response from the server we are just doing a console log here. This is where you would check server status and message the user of a successful upload. But I am keeping this example lean."},{"kind":"block","type":"preformatted","children":[{"type":"code","kind":"block","textContent":"storePicture() {\n console.log(PicturePath);\n if (PicturePath) {\n \n // Create the form data object\n var data = new FormData();\n data.append('picture', {\n uri: PicturePath,\n name: 'selfie.jpg',\n type: 'image/jpg'\n });\n\n // Create the config object for the POST\n // You typically have an OAuth2 token that you use for authentication\n const config = {\n method: 'POST',\n headers: {\n Accept: 'application/json',\n 'Content-Type': 'multipart/form-data;',\n Authorization: 'Bearer ' + 'SECRET_OAUTH2_TOKEN_IF_AUTH'\n },\n body: data\n };\n\n fetch('https://postman-echo.com/post', config).then(responseData => {\n // Log the response form the server\n // Here we get what we sent to Postman back\n console.log(responseData);\n }).catch(err => { console.log(err); });\n }\n}","metadata":{"language":"javascript"}}]},{"kind":"block","type":"paragraph","textContent":"A tip when developing a REST client in React Native, or other client languages, is to use Postman Echo to test your initial endpoints. It is useful"},{"kind":"block","type":"paragraph","textContent":"Below is a screenshot of what the camera App looks like at this point. Not fancy, but still. It can take a picture and upload it to a server."},{"kind":"block","type":"paragraph","textContent":"You can check out the complete code on our MyCamera on GitHub."}]},"videos":null,"images":null},{"title":{"text":"GraphQL based backend for React and React Native?"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com/"},"textContent":"Crysatllize is a back-end for rich product information and e-commerce built on GraphQL"},{"kind":"inline","textContent":". Ideal for React and React Native e-commerce Apps."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Check out "},{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com/"},"textContent":"Headless Commerce with Crystallize"},{"kind":"inline","textContent":"."}]}]},"videos":null,"images":null}]}}]},{"topics":[{"name":"Growth Strategy"},{"name":"User Experience"}],"name":"Fast websites drive sales: stay under 3 seconds","path":"/assets/blog/fast-websites-drive-sales-stay-under-3-seconds","id":"675fffdbbcd186043f38a60c","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"Fast websites drive sales: stay under 3 seconds"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/72/seo_sb_blog.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/72/@100/seo_sb_blog.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/72/@200/seo_sb_blog.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/72/@500/seo_sb_blog.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/72/@768/seo_sb_blog.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/72/@1024/seo_sb_blog.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/72/@1366/seo_sb_blog.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/72/@1600/seo_sb_blog.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/72/@1920/seo_sb_blog.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/72/@100/seo_sb_blog.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/72/@200/seo_sb_blog.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/72/@500/seo_sb_blog.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/72/@768/seo_sb_blog.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/72/@1024/seo_sb_blog.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/72/@1366/seo_sb_blog.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/72/@1600/seo_sb_blog.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/72/@1920/seo_sb_blog.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/72/@100/seo_sb_blog.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/72/@200/seo_sb_blog.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/72/@500/seo_sb_blog.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/72/@768/seo_sb_blog.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/72/@1024/seo_sb_blog.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/72/@1366/seo_sb_blog.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/72/@1600/seo_sb_blog.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/72/@1920/seo_sb_blog.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Bård Farstad"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"April 26th, 2018"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Stay ahead of the game and make sure your website or ecommerce is fast by "},{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com/blog/frontend-performance-measuring-kpis"},"textContent":"optimizing frontend performance"},{"kind":"inline","textContent":". A fast responding website keeps your users happy, helps drive sales for e-commerce, gives you better SEO ranking and also saves you a buck on infrastructure."}]}],"plainText":["Stay ahead of the game and make sure your website or ecommerce is fast by optimizing frontend performance. A fast responding website keeps your users happy, helps drive sales for e-commerce, gives you better SEO ranking and also saves you a buck on infrastructure."]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":{"text":"Low response times gives better usability"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"This point is well know. Managers are surprisingly often not making sure that their website is fast. It is often more about the features and functions and response times are not taken as part of the requirements for the deliverable. So, just make sure your website is fast. Users will thank you."},{"kind":"block","type":"paragraph","textContent":"A normal usability rule, coined by Jacob Nielsen, is to stay under 0.1 seconds for response time and the system feels instant for the user."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/235/153_screen_shot_20180426_at_14-32-51.png","altText":null,"width":2817,"height":1597,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/235/@100/153_screen_shot_20180426_at_14-32-51.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/235/@200/153_screen_shot_20180426_at_14-32-51.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/235/@500/153_screen_shot_20180426_at_14-32-51.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/235/@768/153_screen_shot_20180426_at_14-32-51.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/235/@1024/153_screen_shot_20180426_at_14-32-51.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/235/@1366/153_screen_shot_20180426_at_14-32-51.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/235/@1600/153_screen_shot_20180426_at_14-32-51.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/235/@1920/153_screen_shot_20180426_at_14-32-51.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/235/@100/153_screen_shot_20180426_at_14-32-51.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/235/@200/153_screen_shot_20180426_at_14-32-51.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/235/@500/153_screen_shot_20180426_at_14-32-51.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/235/@768/153_screen_shot_20180426_at_14-32-51.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/235/@1024/153_screen_shot_20180426_at_14-32-51.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/235/@1366/153_screen_shot_20180426_at_14-32-51.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/235/@1600/153_screen_shot_20180426_at_14-32-51.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/235/@1920/153_screen_shot_20180426_at_14-32-51.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/235/@100/153_screen_shot_20180426_at_14-32-51.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/235/@200/153_screen_shot_20180426_at_14-32-51.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/235/@500/153_screen_shot_20180426_at_14-32-51.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/235/@768/153_screen_shot_20180426_at_14-32-51.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/235/@1024/153_screen_shot_20180426_at_14-32-51.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/235/@1366/153_screen_shot_20180426_at_14-32-51.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/235/@1600/153_screen_shot_20180426_at_14-32-51.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/235/@1920/153_screen_shot_20180426_at_14-32-51.avif","width":1920}]}]},{"title":{"text":"Amazon found every 100ms of latency cost them 1% in sales"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"About 10 years ago Amazon published the remarkable statistics that for every 100ms of latency on their website it costed them 1% in sales. Optimizing for delivery speeds can with this in mind become a lucrative business. "},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Of course the product volume and customers at Amazon is ideal to test these things on. They have huge traffic and number of orders so tuning does have a measurable impact. "},{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com/blog/frontend-performance-measuring-kpis"},"textContent":"Frontend Performance"},{"kind":"inline","textContent":" is important for"},{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com/blog/seo-for-react-ecommerce-spa"},"textContent":" eCommerce SEO"},{"kind":"inline","textContent":"."}]}]},"videos":null,"images":null},{"title":{"text":"Lower latency gives you better search engine ranking (SEO)"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"As the title says. Google has stated that that"},{"kind":"inline","type":"link","metadata":{"href":"https://developers.google.com/web/tools/lighthouse/audits/ttfb"},"textContent":" lower latency is good"},{"kind":"inline","textContent":" and gives you prioritization in the search results listing. Better search engine ranking drives more traffic to your website. Since your website now is fast it also converts better. See the self reinforcing circle here?"}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com"},"textContent":"Crystallize"},{"kind":"inline","textContent":" has some SEO tips in their "},{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com/blog/ecommerce-seo-checklist"},"textContent":"ecommerce SEO checklist"},{"kind":"inline","textContent":"."}]}]},"videos":null,"images":null},{"title":{"text":"Faster web Apps requires less CPU power"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"By having lower response time it usually means that you have a lighter running web App. You can run on smaller instances and in the end have lower cost on hosting services. We use Amazon Web Services and run most of our services on micro instances if we are not running serverless with Lambda services. "},{"kind":"block","type":"paragraph","textContent":"Unless you do brute force scaling by adding faster machines. If you do this, stop and rethink your strategy."}]},"videos":null,"images":null},{"title":{"text":"Check what Google has to say on latency and testing"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"link","metadata":{"href":"https://testmysite.withgoogle.com/intl/en-gb"},"textContent":"Google has released a testing tools"},{"kind":"inline","textContent":" that are useful to check your speed. Are you faster than your competitor?"}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Also read the "},{"kind":"inline","type":"link","metadata":{"href":"https://www.thinkwithgoogle.com/marketing-resources/data-measurement/mobile-page-speed-new-industry-benchmarks/?_ga=2.141816178.1599146847.1520340368-1889350182.1520340368"},"textContent":"blog post by Daniel An from the Google Product team"},{"kind":"inline","textContent":"."}]}]},"videos":null,"images":null}]}}]},{"topics":[{"name":"Growth Strategy"},{"name":"Marketing"},{"name":"Branding"}],"name":"The Basics of an Effective Growth Social Media Strategy","path":"/assets/blog/the-basics-of-an-effective-growth-social-media-strategy","id":"676000c5e386d15a418e5b5f","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"The Basics of an Effective Growth Social Media Strategy"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/74/social_media_sb_blog.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/74/@100/social_media_sb_blog.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/74/@200/social_media_sb_blog.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/74/@500/social_media_sb_blog.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/74/@768/social_media_sb_blog.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/74/@1024/social_media_sb_blog.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/74/@1366/social_media_sb_blog.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/74/@1600/social_media_sb_blog.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/74/@1920/social_media_sb_blog.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/74/@100/social_media_sb_blog.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/74/@200/social_media_sb_blog.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/74/@500/social_media_sb_blog.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/74/@768/social_media_sb_blog.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/74/@1024/social_media_sb_blog.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/74/@1366/social_media_sb_blog.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/74/@1600/social_media_sb_blog.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/74/@1920/social_media_sb_blog.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/74/@100/social_media_sb_blog.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/74/@200/social_media_sb_blog.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/74/@500/social_media_sb_blog.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/74/@768/social_media_sb_blog.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/74/@1024/social_media_sb_blog.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/74/@1366/social_media_sb_blog.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/74/@1600/social_media_sb_blog.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/74/@1920/social_media_sb_blog.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Maria Teresa Weidlich"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"June 22nd, 2018"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"These days, most brands are having to reinvent their marketing strategy to coincide with the ever-changing logic of "},{"kind":"inline","type":"emphasized","textContent":"social media"},{"kind":"inline","textContent":". And we see both unconventional and traditional businesses challenged by these new ways of target-audience communication. But how can one guarantee an effective growth social media strategy on these new platforms? Let us take a look."}]}],"plainText":["These days, most brands are having to reinvent their marketing strategy to coincide with the ever-changing logic of social media. And we see both unconventional and traditional businesses challenged by these new ways of target-audience communication. But how can one guarantee an effective growth social media strategy on these new platforms? Let us take a look."]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":{"text":"Building a Growth Social Media Strategy"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"First things first: keep it simple and keep it true to your brand. It is nearly impossible to create customer interest if you do not have any core values defined. Secondly, it’s essential to know how to communicate these values. Storytelling is a significant element for any successful CRM strategy. Suppose you figure out how to successfully establish your identity, and translate that identity and brand ethos via unique imagery curation. Voilá! You will find yourself standing out in a crowd with provocative and engaging storylines for your customers."}]},"videos":null,"images":null},{"title":{"text":"Create a Mood Board"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"It’s time to grab your brand bible and pinpoint what you think makes your brand unique. Take those thoughts and transform them into keywords. For example, if you were building a yoga brand, perhaps you would use words such as "},{"kind":"inline","type":"emphasized","textContent":"wellness, wellbeing, "},{"kind":"inline","textContent":"or "},{"kind":"inline","type":"emphasized","textContent":"healthy lifestyle"},{"kind":"inline","textContent":". Try to describe the industry you’re in and the lifestyle associated with it. "},{"kind":"inline","type":"line-break"}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"You also have to think of your brand as a person and ask yourself: Where do I like to eat? Go shopping? Find entertainment? Work on my wellbeing? Which other similar brands do I like or buy? Once you have done that, research images representing this brainstormed lifestyle and bingo - you’ve got your “brand mood board”. "},{"kind":"inline","type":"line-break"}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"To create these visual mood boards, we suggest getting creative and using classic sites such as "},{"kind":"inline","type":"link","metadata":{"href":"https://www.pinterest.com/"},"textContent":"Pinterest"},{"kind":"inline","textContent":", or perhaps even crafting hand-made collages from magazines. Old-school or fully digital, you need to create a vision by dissecting the brand message hierarchy at its core."}]}]},"videos":null,"images":null},{"title":{"text":"Social Listening and Awareness"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Although it may seem obvious, we cannot iterate enough the importance of showing “support” within your industry. Follow, like, and share the posts, tweets, videos, or ideas of the brands that relate to your very own brand or industry. Not only does this boost SEO rankings, but it improves visibility in the feeds of people who otherwise would have never naturally stumbled upon your product. "},{"kind":"block","type":"paragraph"},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"If you’re a small brand, you can follow 50-100 new followers a day. If you have a budget, you can automate that process with reliable third-party software. Remember, social media is all about “socializing”. Make sure you also invest in outbound marketing by boosting posts and creating campaigns. The more pages and people you tag in your posts, the more reach and impressions you can get."},{"kind":"inline","type":"line-break"}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"This strategy bleeds into how you can achieve new potential targets. Analytics provides the strength and convenience needed when selecting a target audience. Still, you can also utilize social listening to understand what users are talking about and what aspects might be related to your industry. Nailing this gives you the power to start conversations with your audience and potential new users. You can monitor Social Media popular subjects and hashtags with "},{"kind":"inline","type":"link","metadata":{"href":"https://mention.com/en/"},"textContent":"Mention"},{"kind":"inline","textContent":"."}]}]},"videos":null,"images":null},{"title":{"text":"Content Creating "},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Once you’ve chosen how to communicate your core values through social media, translating that into imagery becomes relatively easy. And here you have two options: first, creating content in-house. Secondly, using user-generated content. "},{"kind":"inline","type":"line-break"}]},{"kind":"block","type":"paragraph","textContent":"Bear in mind that your content needs to be valuable, actionable, educational, relevant, and ultimately shareable. Make decisions when it comes to image style, color pattern, and filters. Invest in professional tools such as a DSLR or a mirrorless camera to optimize your content, and always shoot your images in RAW. "},{"kind":"block","type":"paragraph"},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Apps or programs such as "},{"kind":"inline","type":"link","metadata":{"href":"https://www.facetuneapp.com/"},"textContent":"Facetune"},{"kind":"inline","textContent":", "},{"kind":"inline","type":"link","metadata":{"href":"https://vsco.co/"},"textContent":"VSCO"},{"kind":"inline","textContent":", "},{"kind":"inline","type":"link","metadata":{"href":"https://www.adobe.com/products/photoshop.html"},"textContent":"Adobe Photoshop"},{"kind":"inline","textContent":", and Snapseed can help you edit your pics. You can also create a content calendar to time and schedule each post using apps such as "},{"kind":"inline","type":"link","metadata":{"href":"https://preppr.com/"},"textContent":"Preppr,"},{"kind":"inline","textContent":" "},{"kind":"inline","type":"link","metadata":{"href":"https://www-dn.appspot.com/gs/crowdfire"},"textContent":"Crowdfire, "},{"kind":"inline","textContent":"or "},{"kind":"inline","type":"link","metadata":{"href":"https://hootsuite.com/"},"textContent":"Hootsuite"},{"kind":"inline","textContent":"."}]}]},"videos":null,"images":null},{"title":{"text":"Influencer Marketing"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"A great way to generate awareness is by putting together an \"Influencer Campaign\". Part of this process includes planing your campaign, goal, budget, copy, briefing, and deadline. Make sure you have a good mailing of influencers to reach out to for collaboration too. We highly recommend being very clear when it comes to the terms of the partnership, and what the expected outcome is. If you don't have someone in-house to take charge of this, you can outsource the campaign from Influencer Marketing Platforms such as "},{"kind":"inline","type":"link","metadata":{"href":"https://takumi.com/"},"textContent":"Takumi "},{"kind":"inline","textContent":"and "},{"kind":"inline","type":"link","metadata":{"href":"https://www.tribegroup.co/"},"textContent":"Tribe"},{"kind":"inline","textContent":"."}]}]},"videos":null,"images":null},{"title":{"text":"PR and Brand Collaborations"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Lastly, brand collaborations play a significant role in generating potential brand awareness and exposure for social media. We recommend reaching out to potential brand collaborators and inviting them to join a specific campaign to help cross-promote products related to the same industry. Growing alone is great, but growing together is better: an idea that applies to both small independent brands and well-established organizations."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/236/168_mood01.png","altText":null,"width":2100,"height":1485,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/236/@100/168_mood01.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/236/@200/168_mood01.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/236/@500/168_mood01.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/236/@768/168_mood01.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/236/@1024/168_mood01.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/236/@1366/168_mood01.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/236/@1600/168_mood01.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/236/@1920/168_mood01.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/236/@100/168_mood01.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/236/@200/168_mood01.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/236/@500/168_mood01.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/236/@768/168_mood01.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/236/@1024/168_mood01.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/236/@1366/168_mood01.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/236/@1600/168_mood01.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/236/@1920/168_mood01.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/236/@100/168_mood01.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/236/@200/168_mood01.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/236/@500/168_mood01.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/236/@768/168_mood01.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/236/@1024/168_mood01.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/236/@1366/168_mood01.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/236/@1600/168_mood01.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/236/@1920/168_mood01.avif","width":1920}]}]}]}}]},{"topics":[{"name":"Development"}],"name":"Replace Redux with React Context","path":"/assets/blog/replace-redux-with-react-context","id":"676002a28d46cb4df7412a3d","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"Replace Redux with React Context"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/75/development_sb_blog.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/75/@100/development_sb_blog.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/75/@200/development_sb_blog.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/75/@500/development_sb_blog.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/75/@768/development_sb_blog.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/75/@1024/development_sb_blog.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/75/@1366/development_sb_blog.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/75/@1600/development_sb_blog.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/75/@1920/development_sb_blog.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/75/@100/development_sb_blog.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/75/@200/development_sb_blog.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/75/@500/development_sb_blog.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/75/@768/development_sb_blog.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/75/@1024/development_sb_blog.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/75/@1366/development_sb_blog.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/75/@1600/development_sb_blog.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/75/@1920/development_sb_blog.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/75/@100/development_sb_blog.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/75/@200/development_sb_blog.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/75/@500/development_sb_blog.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/75/@768/development_sb_blog.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/75/@1024/development_sb_blog.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/75/@1366/development_sb_blog.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/75/@1600/development_sb_blog.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/75/@1920/development_sb_blog.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Håkon Gullord Krogh"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"April 2nd, 2018"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","textContent":"React 16.3 has just been released, with official support for the new and improved Context API. At Snowball we are using it to replace Redux in some parts of our projects."}],"plainText":["React 16.3 has just been released, with official support for the new and improved Context API. At Snowball we are using it to replace Redux in some parts of our projects."]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":{"text":"Why not just use Redux as usual?"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Redux can be a rough thing to get started with. Many are using it for unsuited things. Despite the title, Redux is not dead. "},{"kind":"inline","type":"link","metadata":{"href":"http://blog.isquaredsoftware.com/2018/03/redux-not-dead-yet/"},"textContent":"This nice article"},{"kind":"inline","textContent":" from one of the Redux maintainers gives a nice status. We are also not claiming it to be dead, in fact we embrace it where it makes sense. Still, some times Redux seems like overkill, or simply not suitable."}]},{"kind":"block","type":"paragraph","textContent":"As an alternative, despite being not officially supported by React, many have been using the experimental context API for quite some time. With React 16.3, the Context API has been improved and is finally official!"}]},"videos":null,"images":null},{"title":{"text":"Simple use case"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"To illustrate how you can use the Context API, lets use a practical example that most people are familiar with: the ecommerce basket. Lets create one that only holds the total quantity and the total price."},{"kind":"block","type":"preformatted","children":[{"type":"code","kind":"block","textContent":"import React, { createContext } from 'react';\n\nconst BasketContext = createContext();\n\nexport class BasketProvider extends React.Component {\n state = {\n totalQuantity: 0,\n totalPrice: 0,\n }\n\n render() {\n return (\n <BasketContext.Provider value={{ state: this.state }}>{this.props.children}</BasketContext.Provider>\n )\n }\n}","metadata":{"language":"javascript"}}]},{"kind":"block","type":"paragraph","textContent":"You can use the BasketContext.Consumer anywhere you want, which makes this a very flexible solution for maintaining state."}]},"videos":null,"images":null},{"title":{"text":"Using Context for your Crystallize basket"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"When using our React suite for creating your Crystallize shop, you get a lot for free when using "},{"kind":"inline","type":"link","metadata":{"href":"https://www.npmjs.com/package/@crystallize/react-basket"},"textContent":"react-basket"},{"kind":"inline","textContent":". The examples below are using that module, which itself is using the new Context API."}]},{"kind":"block","type":"paragraph","textContent":"In addition to give you the basket state, you also get access to methods to modify the basket, such as:"},{"kind":"block","type":"unordered-list","children":[{"kind":"block","type":"list-item","textContent":"Add item"},{"kind":"block","type":"list-item","textContent":"Change item quantity"},{"kind":"block","type":"list-item","textContent":"Remove item"}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"emphasized","textContent":"Usage:"}]},{"kind":"block","type":"paragraph","textContent":"In the entry point (or at a component that wraps the rest of your application)"},{"kind":"block","type":"preformatted","children":[{"type":"code","kind":"block","textContent":"<BasketProvider {...basketOptions}>\n <YourApp />\n</BasketProvider>","metadata":{"language":"javascript"}}]},{"kind":"block","type":"paragraph","textContent":"When you want to consume the basket, you can simply do this:"},{"kind":"block","type":"preformatted","children":[{"type":"code","kind":"block","textContent":"<BasketConsumer>\n {({ state }) => (\n {state.totalQuantity\n ? `Your basket (${state.totalQuantity} items, ${state.totalPrice},-)`\n : 'Your basket is empty'\n }\n )}\n</BasketConsumer>","metadata":{"language":"javascript"}}]},{"kind":"block","type":"paragraph","textContent":"Working with state is suddenly easy and fun. Go ahead and give the Context API a try!"}]},"videos":null,"images":null}]}}]},{"topics":[{"name":"Development"}],"name":"Optimizing GraphQL querying using Redis and Node.js","path":"/assets/blog/optimizing-graphql-querying-using-redis-and-nodejs","id":"67600382aea09d02566d2603","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"Optimizing GraphQL querying using Redis and Node.js"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/76/development_sb_blog.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/76/@100/development_sb_blog.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/76/@200/development_sb_blog.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/76/@500/development_sb_blog.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/76/@768/development_sb_blog.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/76/@1024/development_sb_blog.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/76/@1366/development_sb_blog.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/76/@1600/development_sb_blog.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/76/@1920/development_sb_blog.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/76/@100/development_sb_blog.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/76/@200/development_sb_blog.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/76/@500/development_sb_blog.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/76/@768/development_sb_blog.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/76/@1024/development_sb_blog.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/76/@1366/development_sb_blog.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/76/@1600/development_sb_blog.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/76/@1920/development_sb_blog.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/76/@100/development_sb_blog.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/76/@200/development_sb_blog.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/76/@500/development_sb_blog.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/76/@768/development_sb_blog.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/76/@1024/development_sb_blog.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/76/@1366/development_sb_blog.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/76/@1600/development_sb_blog.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/76/@1920/development_sb_blog.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Stavros Sotiropoulos"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"January 19th, 2018"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","textContent":"GraphQL is a good solution for data fetching, but applying complex server side logic, or querying the database for receiving the requested content may cause performance issues. In the previous example of Optimizing and testing GraphQL querying using Node.js and Postman we used GraphQL to fetch data in the form of articles from a decoupled system. That way we avoided the delay of querying the database. There is a drawback in this implementation though. For example a web store with a lot of items stored in categories, or stored in prioritisation lists can not manage efficiently the load when storing all this information locally."}],"plainText":["GraphQL is a good solution for data fetching, but applying complex server side logic, or querying the database for receiving the requested content may cause performance issues. In the previous example of Optimizing and testing GraphQL querying using Node.js and Postman we used GraphQL to fetch data in the form of articles from a decoupled system. That way we avoided the delay of querying the database. There is a drawback in this implementation though. For example a web store with a lot of items stored in categories, or stored in prioritisation lists can not manage efficiently the load when storing all this information locally."]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":null,"body":{"json":[{"kind":"block","type":"paragraph","textContent":"In this blog post I demonstrate our solution to this problem, by making the application scalable, using Redis. As for testing, using GraphQL we request a list of items, that are either stored locally or requested by a Redis server and compare the average response time between the two methods. The articles will be sorted in a random order, which in the case of a decoupled system, is stored in a JSON file using the id of the article, or in the case of the Redis server a sorted set, managing their order, is used."},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"line-break"}]}]},"videos":null,"images":null},{"title":{"text":"Installing the modules"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"The two introduced modules for this example are redis and bluebird. Bluebird allows us to promisify all of redis functions. You can install them by running the commands bellow."},{"kind":"block","type":"preformatted","children":[{"type":"code","kind":"block","textContent":"npm install redis bluebird","metadata":{"language":"javascript"}}]}]},"videos":null,"images":null},{"title":{"text":"Storing data in Redis Server"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Although storing the articles locally follows the same pattern as the previous blogpost, storing data on the Redis server is done by adding the item in a hash using the article id as the key, and then adding the reference of that item in a sorted set."},{"kind":"block","type":"preformatted","children":[{"type":"code","kind":"block","textContent":"function addItem(object, listName, fileNumber, randomPosition) {\n return new Promise(function(resolve, reject) {\n client.hmset(\n [object.id, 'id', object.id, 'title', object.title, 'body', object.body],\n function(error, response) {\n if (error) { console.log(error); }\n client.zadd(\n [listName, randomPosition, object.id],\n function (err, response) {\n if (err) { reject(err); }\n else resolve();\n }\n );\n }\n );\n });\n}","metadata":{"language":"javascript"}}]}]},"videos":null,"images":null},{"title":{"text":"Declaring the GraphQL queries"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"For this example I introduce two GraphQL queries. The first fetches a list of articles from the local storage and the second requests them from the Redis server. In the code below notice the usage of the \"batch\" command that allows sending an array of commands to Redis, reducing the network delay."},{"kind":"block","type":"preformatted","children":[{"type":"code","kind":"block","textContent":"fetchMultiArticles: {\n type: new graphql.GraphQLList(servedObjectType),\n args:{\n list: {type: graphql.GraphQLString},\n from: {type: graphql.GraphQLInt},\n to: {type: graphql.GraphQLInt}\n },\n resolve: async function(_, {list, from, to}) {\n var items = JSON.parse(fs.readFileSync('./' + list+\".json\", 'utf8'));\n var results = [];\n for(let i=from; i<=to; i++){\n results.push(JSON.parse(fs.readFileSync(JsonFiles + '/' + items[i].id+\".json\", 'utf8')));\n }\n return results;\n }\n},\nfetchMultiRedisArticles: {\n type: new graphql.GraphQLList(servedObjectType),\n args: {\n list: {type: graphql.GraphQLString},\n from: {type: graphql.GraphQLInt},\n to: {type: graphql.GraphQLInt}\n },\n resolve: async function(_, {list, from, to}) {\n var commandArray = [];\n var response = await redis.client.zrangeAsync([list, from, to])\n for(let i=0; i<response.length; i++){\n commandArray.push ( [\"hgetall\", response[i] ] );\n }\n var results = await redis.client.batch(commandArray).execAsync();\n return results;\n }\n}","metadata":{"language":"javascript"}}]}]},"videos":null,"images":null},{"title":{"text":"GraphQL querying example"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"A simple example of requesting data from the Node.js server is presented. The first argument of the query indicates the sorted set stored in redis, and also the ordered list name where the files are stored locally, followed by the \"from\" and \"to\" variables, indicating the starting and ending item in the list requested."},{"kind":"block","type":"preformatted","children":[{"type":"code","kind":"block","textContent":"fetchMultiRedisArticles(list:\"randomOrder\",from:7, to:9){\n id\n title\n body\n}","metadata":{"language":"javascript"}}]}]},"videos":null,"images":null},{"title":{"text":"Testing with Postman and Newman"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Storing and fetching a small number of articles will have no actual difference in the previously used decoupled system and redis storing system, and so the response time will be similar in both occasions. Scalability will be noticeable in high number of items, so for this post I did two tests, one generates 500,000 articles and the second one 1,000,000."},{"kind":"block","type":"paragraph","textContent":"Of course 1,000,000 items have no impact in redis' performance as it was designed for scalability, but the local application's heap cannot take the load of a list of that many items and the heap stack fails. So the second test will provide us only with the redis results."},{"kind":"block","type":"preformatted","children":[{"type":"code","kind":"block","textContent":"Testing with: 500,000 items and running 200 requests\n*******************************\nTest run JSON: 322.82\nTest run Redis: 6.135\n*******************************","metadata":{"language":"javascript"}}]},{"kind":"block","type":"preformatted","children":[{"type":"code","kind":"block","textContent":"Testing with: 1,000,000 items and running 200 requests\n*******************************\nTest run JSON: 0\nTest run Redis: 5.5\n*******************************","metadata":{"language":"javascript"}}]}]},"videos":null,"images":null}]}}]},{"topics":[{"name":"Branding"},{"name":"Growth Strategy"}],"name":"Splæsh - A Brand With Impact","path":"/assets/blog/splaesh-a-brand-with-impact","id":"676003f31dc610682a0d993c","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"Splæsh - A Brand With Impact"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/77/branding_sb_blog.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/77/@100/branding_sb_blog.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/77/@200/branding_sb_blog.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/77/@500/branding_sb_blog.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/77/@768/branding_sb_blog.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/77/@1024/branding_sb_blog.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/77/@1366/branding_sb_blog.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/77/@1600/branding_sb_blog.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/77/@1920/branding_sb_blog.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/77/@100/branding_sb_blog.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/77/@200/branding_sb_blog.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/77/@500/branding_sb_blog.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/77/@768/branding_sb_blog.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/77/@1024/branding_sb_blog.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/77/@1366/branding_sb_blog.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/77/@1600/branding_sb_blog.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/77/@1920/branding_sb_blog.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/77/@100/branding_sb_blog.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/77/@200/branding_sb_blog.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/77/@500/branding_sb_blog.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/77/@768/branding_sb_blog.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/77/@1024/branding_sb_blog.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/77/@1366/branding_sb_blog.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/77/@1600/branding_sb_blog.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/77/@1920/branding_sb_blog.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Bård Farstad"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"April 23rd, 2018"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","textContent":"Creating a brand is like a form of art. At Snowball, we recently did a rebranding and repositioning of a video making company - Splæsh. We are happy to say that we simply love the result. Read on to hear about the headlines of the process."}],"plainText":["Creating a brand is like a form of art. At Snowball, we recently did a rebranding and repositioning of a video making company - Splæsh. We are happy to say that we simply love the result. Read on to hear about the headlines of the process."]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":{"text":"Starting With the Strategy - Stories With Impact"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Our process typically involves our sister company, "},{"kind":"inline","type":"link","metadata":{"href":"http://www.assetto.com"},"textContent":"Assetto Capital, "},{"kind":"inline","textContent":"where we look at the business model of a company and a go-to market strategy. For Splæsh, we concluded the strategy with: "},{"kind":"inline","type":"emphasized","textContent":"Tell stories that make an impact"},{"kind":"inline","textContent":". "}]},{"kind":"block","type":"paragraph","textContent":"Telling these stories involves delivering a range of services, whether it be content strategy, production, or marketing for their clients. So, with the strategy and positioning clear, we started hunting for a name."}]},"videos":null,"images":null},{"title":{"text":"Finding a Name, Domain and Brand"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"In addition to telling stories with impact, there are also underlying values we defined as vital for the brand:"},{"kind":"block","type":"unordered-list","children":[{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"emphasized","textContent":"Nordic minimalism"},{"kind":"inline","textContent":" - it is in their DNA."}]},{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"emphasized","textContent":"Impact"},{"kind":"inline","textContent":" - it is about the impression you leave behind."}]},{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"emphasized","textContent":"Customer journey iterations"},{"kind":"inline","textContent":" - content needs to support the complete customer journey and is continuous."}]}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"And of course, there is that 6-letter ‘dot com’ address you want. Today, this is still a very important aspect of any brand. To make a long story short: the winner was "},{"kind":"inline","type":"emphasized","textContent":"Splæsh.com"},{"kind":"inline","textContent":". Do we know that this is not the correct spelling in either Norwegian or English? Obviously. It is what we like to call "},{"kind":"inline","type":"emphasized","textContent":"creative freedom"},{"kind":"inline","textContent":"!"}]},{"kind":"block","type":"paragraph","textContent":"Ultimately, Splæsh is representing the impact you leave behind after a great story is told, it has references to Nordic minimalism with the æ letter in the brand, and it is easy to pronounce, understand and remember."},{"kind":"block","type":"paragraph"}]},"videos":null,"images":null},{"title":{"text":"Responsive Logo"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Our goal with the logo was to create a simple, clean and responsive brand. We wanted to have the wordmark stand alone without the need for additional symbols."},{"kind":"block","type":"paragraph","textContent":"In the end it was simply math-art:"}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/237/147_splaesh_equation_a.gif","altText":null,"width":903,"height":106,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/237/@100/147_splaesh_equation_a.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/237/@200/147_splaesh_equation_a.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/237/@500/147_splaesh_equation_a.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/237/@768/147_splaesh_equation_a.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/237/@100/147_splaesh_equation_a.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/237/@200/147_splaesh_equation_a.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/237/@500/147_splaesh_equation_a.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/237/@768/147_splaesh_equation_a.avif","width":768}]}]},{"title":null,"body":{"json":[{"kind":"block","type":"paragraph","textContent":"The equation is: Nordic minimalism + ripples of an impact + continuous customer journey = Splæsh."},{"kind":"block","type":"paragraph","textContent":"The long form logo is:"}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/238/150_splaesh_logo_main_color.svg","altText":null,"width":394,"height":193,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/238/@100/150_splaesh_logo_main_color.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/238/@200/150_splaesh_logo_main_color.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/238/@100/150_splaesh_logo_main_color.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/238/@200/150_splaesh_logo_main_color.avif","width":200}]}]},{"title":null,"body":{"json":[{"kind":"block","type":"paragraph","textContent":"And the short form, symbol, representation of the brand:"}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/239/151_splaesh_icon_main_color.svg","altText":null,"width":185,"height":160,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/239/@100/151_splaesh_icon_main_color.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/239/@100/151_splaesh_icon_main_color.avif","width":100}]}]},{"title":null,"body":{"json":[{"kind":"block","type":"paragraph","textContent":"In the end, we are left with a super-clean brand, responsive logo representation, and an awesome domain. And if we are being totally honest…we are a bit jealous on this one!"},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Check out the result on "},{"kind":"inline","type":"link","metadata":{"href":"http://www.splæsh.com"},"textContent":"Splæsh.com"},{"kind":"inline","textContent":"."}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/240/149_splaesh_website.png","altText":null,"width":2864,"height":1576,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/240/@100/149_splaesh_website.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/240/@200/149_splaesh_website.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/240/@500/149_splaesh_website.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/240/@768/149_splaesh_website.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/240/@1024/149_splaesh_website.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/240/@1366/149_splaesh_website.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/240/@1600/149_splaesh_website.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/240/@1920/149_splaesh_website.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/240/@100/149_splaesh_website.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/240/@200/149_splaesh_website.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/240/@500/149_splaesh_website.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/240/@768/149_splaesh_website.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/240/@1024/149_splaesh_website.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/240/@1366/149_splaesh_website.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/240/@1600/149_splaesh_website.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/240/@1920/149_splaesh_website.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/240/@100/149_splaesh_website.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/240/@200/149_splaesh_website.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/240/@500/149_splaesh_website.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/240/@768/149_splaesh_website.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/240/@1024/149_splaesh_website.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/240/@1366/149_splaesh_website.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/240/@1600/149_splaesh_website.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/240/@1920/149_splaesh_website.avif","width":1920}]}]},{"title":null,"body":null,"videos":null,"images":null}]}}]},{"topics":[{"name":"User Experience"},{"name":"Development"}],"name":"Responsive images in React with srcset","path":"/assets/blog/responsive-images-in-react-with-srcset","id":"676008be1dc610682a0d9dbc","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"Responsive images in React with srcset"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/blog3.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@100/blog3.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@200/blog3.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@500/blog3.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@768/blog3.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@1024/blog3.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@1366/blog3.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@1600/blog3.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@1920/blog3.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@100/blog3.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@200/blog3.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@500/blog3.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@768/blog3.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@1024/blog3.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@1366/blog3.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@1600/blog3.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@1920/blog3.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@100/blog3.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@200/blog3.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@500/blog3.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@768/blog3.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@1024/blog3.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@1366/blog3.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@1600/blog3.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@1920/blog3.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Håkon Gullord Krogh"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"February 26th, 2018"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","textContent":"Images are essential in web and, together with videos, they make up for the most bytes downloaded in most websites. How do we serve the correct images to our users in React?"}],"plainText":["Images are essential in web and, together with videos, they make up for the most bytes downloaded in most websites. How do we serve the correct images to our users in React?"]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":{"text":"Why is this important?"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Images are essential in web and, together with videos, they make up for the most bytes downloaded in most websites. To illustrate: here is how much of the downloaded bytes are images for a few popular sites"},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"link","metadata":{"href":"https://www.telegraph.co.uk/"},"textContent":"telegraph.co.uk"},{"kind":"inline","textContent":": 42%"}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"link","metadata":{"href":"https://www.youtube.com/"},"textContent":"youtube.com"},{"kind":"inline","textContent":": 27%"}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"link","metadata":{"href":"https://www.amazon.co.uk/"},"textContent":"amazon.co.uk"},{"kind":"inline","textContent":": 95%"}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"link","metadata":{"href":"https://www.netflix.com/no/"},"textContent":"netflix.com"},{"kind":"inline","textContent":": 65%"}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"link","metadata":{"href":"https://stackoverflow.com/"},"textContent":"stackoverflow.com"},{"kind":"inline","textContent":": 38%"}]},{"kind":"block","type":"paragraph","textContent":"So, since you also most likely have a lot of image on your site, two important questions needs to be answered:"},{"kind":"block","type":"unordered-list","children":[{"kind":"block","type":"list-item","textContent":"How do I ensure high quality images for my users?"},{"kind":"block","type":"list-item","textContent":"How do I ensure that they don’t download unnecessary big images?"}]},{"kind":"block","type":"paragraph","textContent":"You cannot just serve huge images to everyone, it will affect the performance for users on a medium/slow connection. Those users will most likely have significant spend less time on your page, and conversion rate will be lower if you are running an ecommerce. What’s the solution?"}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/241/120_responsive-images.jpg","altText":null,"width":3200,"height":1023,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/241/@100/120_responsive-images.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/241/@200/120_responsive-images.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/241/@500/120_responsive-images.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/241/@768/120_responsive-images.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/241/@1024/120_responsive-images.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/241/@1366/120_responsive-images.jpeg","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/241/@1600/120_responsive-images.jpeg","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/241/@1920/120_responsive-images.jpeg","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/241/@3200/120_responsive-images.jpeg","width":3200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/241/@100/120_responsive-images.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/241/@200/120_responsive-images.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/241/@500/120_responsive-images.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/241/@768/120_responsive-images.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/241/@1024/120_responsive-images.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/241/@1366/120_responsive-images.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/241/@1600/120_responsive-images.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/241/@1920/120_responsive-images.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/241/@3200/120_responsive-images.webp","width":3200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/241/@100/120_responsive-images.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/241/@200/120_responsive-images.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/241/@500/120_responsive-images.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/241/@768/120_responsive-images.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/241/@1024/120_responsive-images.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/241/@1366/120_responsive-images.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/241/@1600/120_responsive-images.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/241/@1920/120_responsive-images.avif","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/241/@3200/120_responsive-images.avif","width":3200}]}]},{"title":{"text":"Solutions"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Historically there have been many attempts to solve this. Most of these attempts have been using Javascript, where the correct image to serve was determined by checking the device screen width along with the "},{"kind":"inline","type":"link","metadata":{"href":"https://developer.mozilla.org/en-US/docs/Web/API/Window/devicePixelRatio"},"textContent":"device pixel ratio"},{"kind":"inline","textContent":" after the page is loaded. With this you can make a fair assumption on which image to serve. There are however two major problems with this:"}]},{"kind":"block","type":"unordered-list","children":[{"kind":"block","type":"list-item","textContent":"The calculation happens after the page is loaded. What would you show before that?"},{"kind":"block","type":"list-item","children":[{"kind":"inline","textContent":"What happens when the browser landscape changes, and your algorithm is out of date? And how do you know "},{"kind":"inline","type":"emphasized","textContent":"when"},{"kind":"inline","textContent":" it is out of date?"}]}]}]},"videos":null,"images":null},{"title":{"text":"Enter React srcset"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"A while ago, the srcset attribute was introduced on <img> tags. This is a powerful attribute which enables the browser to determine which image to serve the user! No javascript, no waiting for page to load!"},{"kind":"block","type":"paragraph","textContent":"It can be implemented in React in like so:"},{"kind":"block","type":"preformatted","children":[{"type":"code","kind":"block","textContent":"const small = '300.jpg';\nconst medium = '768.jpg';\nconst large = '1280.jpg';\n\nconst ResponsiveImage = () => (\n <img src={small} srcSet={`${small} 300w, ${medium} 768w, ${large} 1280w`} />\n);","metadata":{"language":"javascript"}}]},{"kind":"block","type":"paragraph","textContent":"Out whole site is implemented with this, but if you want to try for yourself have a look at this pen:"},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"link","metadata":{"href":"https://codepen.io/snowballdigital/pen/KQGvYJ?editors=0010"},"textContent":"https://codepen.io/snowballdigital/pen/KQGvYJ?editors=0010"}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"You can also check out the "},{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com/developers/react-components/react-image-srcset"},"textContent":"React Image Srcset package"},{"kind":"inline","textContent":" by Crystallize."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"If you are building a "},{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com/developers"},"textContent":"React ecommerce"},{"kind":"inline","textContent":" solution you should check out "},{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com/"},"textContent":"Crystallize"},{"kind":"inline","textContent":" which has built in support for responsive images. Great for "},{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com/blog/frontend-performance-measuring-and-kpis"},"textContent":"frontend performance"},{"kind":"inline","textContent":" and "},{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com/blog/ecommerce-seo-checklist"},"textContent":"ecommerce seo"},{"kind":"inline","textContent":"."}]}]},"videos":null,"images":null},{"title":{"text":"Conclusion"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Srcset has gained "},{"kind":"inline","type":"link","metadata":{"href":"https://caniuse.com/#feat=srcset"},"textContent":"incredible support"},{"kind":"inline","textContent":" in the browser landscape, and there is no reason for not using it today! If you want even more fine-grained control, check out the sizes attribute and the "},{"kind":"inline","type":"link","metadata":{"href":"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/source"},"textContent":"source element"},{"kind":"inline","textContent":"!"}]}]},"videos":null,"images":null}]}}]},{"topics":[{"name":"Development"}],"name":"The async/await model in REST endpoints using Express and Node.js","path":"/assets/blog/the-asyncawait-model-in-rest-endpoints-using-express-and-nodejs","id":"676009a917bcc94862d95ad5","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"The async/await model in REST endpoints using Express and Node.js"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/78/development_sb_blog.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/78/@100/development_sb_blog.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/78/@200/development_sb_blog.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/78/@500/development_sb_blog.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/78/@768/development_sb_blog.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/78/@1024/development_sb_blog.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/78/@1366/development_sb_blog.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/78/@1600/development_sb_blog.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/78/@1920/development_sb_blog.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/78/@100/development_sb_blog.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/78/@200/development_sb_blog.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/78/@500/development_sb_blog.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/78/@768/development_sb_blog.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/78/@1024/development_sb_blog.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/78/@1366/development_sb_blog.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/78/@1600/development_sb_blog.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/78/@1920/development_sb_blog.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/78/@100/development_sb_blog.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/78/@200/development_sb_blog.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/78/@500/development_sb_blog.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/78/@768/development_sb_blog.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/78/@1024/development_sb_blog.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/78/@1366/development_sb_blog.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/78/@1600/development_sb_blog.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/78/@1920/development_sb_blog.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Stavros Sotiropoulos"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"January 16th, 2018"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","textContent":"Functions that use Promises can offer us synchronisation, but also result in a nested, hard to maintain and read code. The newest version of Node.js introduces the async/await model. In this post, I will demonstrate how to implement it in a REST endpoint as part of our Express server, extending my blog post about Sharing MySQL Pool connections between files with Node.js."}],"plainText":["Functions that use Promises can offer us synchronisation, but also result in a nested, hard to maintain and read code. The newest version of Node.js introduces the async/await model. In this post, I will demonstrate how to implement it in a REST endpoint as part of our Express server, extending my blog post about Sharing MySQL Pool connections between files with Node.js."]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":{"text":"Installing the modules"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"The required packages for this example are express, jsonschema, body-parser, promise-mysql. I analyze their usage in my previous blog posts. To install them run the following:"},{"kind":"block","type":"preformatted","children":[{"type":"code","kind":"block","textContent":"npm install express jsonschema body-parser promise-mysql","metadata":{"language":"javascript"}}]}]},"videos":null,"images":null},{"title":{"text":"Creating the MySQL pool and sharing connection as middleware"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"We will modify our previously exported module, to be able to share the requested connection from the MySQL pool. To do that, we need to pass the connection to an object of higher scope level. Since our middleware receives as arguments the request, response and next objects, we will use the request object to pass the connection to the next function."},{"kind":"block","type":"preformatted","children":[{"type":"code","kind":"block","textContent":"var mysql = require('promise-mysql');\n\nvar connectionPool = mysql.createPool({\n host : \"127.0.0.1\",\n user : '**********',\n password : '**********',\n database : '**********',\n port : '3306'\n});\n\nmodule.exports={\n getConnection: function(req, res, next){\n return new Promise(function(resolve,reject){\n connectionPool.getConnection().then(function(connection){\n req.connection = connection;\n next();\n }).catch(function(error){\n res.status(500).end(\"Error getting connection: \" + error);\n });\n });\n }\n}","metadata":{"language":"javascript"}}]}]},"videos":null,"images":null},{"title":{"text":"Error handling in Promises"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"When a Promise fails it throws an error that can be caught and managed by our try/catch blocks. But, in the future versions of Node.js, Unhandled promise rejections will terminate our application. Managing these is fairly simple:"},{"kind":"block","type":"preformatted","children":[{"type":"code","kind":"block","textContent":"process.on('uncaughtException', error => console.error('Uncaught exception: ', error));\nprocess.on('unhandledRejection', error => console.error('Unhandled rejection: ', error));","metadata":{"language":"javascript"}}]}]},"videos":null,"images":null},{"title":{"text":"Using async/await on a REST endpoint"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"In order to use the async/await model in a REST endpoint, we must consider that an \"await for a promise\" command requires an async function to call them. A fairly simple way of doing it is having the async keyword on our last RESTful endpoint's function. Considering that we use our imported middleware for JSON input Validation and Requesting MySQL connection, we have:"},{"kind":"block","type":"preformatted","children":[{"type":"code","kind":"block","textContent":"app.post('/add/product', validate.JsonValidation, mysqlConnection.getConnection, async function(req,res){\n var connection = req.connection;\n try {\n item.seller = await findOrCreateUser(user,connection);\n var user_id = await addItem(item,connection);\n var items = await selectUserItems(user_id, connection);\n connection.connection.release();\n res.status(200).json(result);\n } catch(error) {\n res.status(500).end(error);\n }\n});","metadata":{"language":"javascript"}}]},{"kind":"block","type":"paragraph","textContent":"The complete code of our example is shown below:"},{"kind":"block","type":"preformatted","children":[{"type":"code","kind":"block","textContent":"$88","metadata":{"language":"javascript"}}]}]},"videos":null,"images":null}]}}]},{"topics":[{"name":"User Experience"},{"name":"Development"}],"name":"Easy fullscreen background cover video","path":"/assets/blog/easy-fullscreen-background-cover-video","id":"67600a0b17bcc94862d95ad6","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"Easy fullscreen background cover video"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/79/user_experience_sb_blog.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/79/@100/user_experience_sb_blog.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/79/@200/user_experience_sb_blog.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/79/@500/user_experience_sb_blog.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/79/@768/user_experience_sb_blog.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/79/@1024/user_experience_sb_blog.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/79/@1366/user_experience_sb_blog.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/79/@1600/user_experience_sb_blog.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/79/@1920/user_experience_sb_blog.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/79/@100/user_experience_sb_blog.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/79/@200/user_experience_sb_blog.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/79/@500/user_experience_sb_blog.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/79/@768/user_experience_sb_blog.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/79/@1024/user_experience_sb_blog.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/79/@1366/user_experience_sb_blog.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/79/@1600/user_experience_sb_blog.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/79/@1920/user_experience_sb_blog.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/79/@100/user_experience_sb_blog.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/79/@200/user_experience_sb_blog.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/79/@500/user_experience_sb_blog.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/79/@768/user_experience_sb_blog.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/79/@1024/user_experience_sb_blog.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/79/@1366/user_experience_sb_blog.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/79/@1600/user_experience_sb_blog.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/79/@1920/user_experience_sb_blog.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Håkon Gullord Krogh"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"March 6th, 2018"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","textContent":"You want a video running as the background of your site. You also want it to be supported on as many of your users as possible. You need it to loop. And at last: you want it to load fast. How do you achieve this?"}],"plainText":["You want a video running as the background of your site. You also want it to be supported on as many of your users as possible. You need it to loop. And at last: you want it to load fast. How do you achieve this?"]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":{"text":"History"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Displaying a video as the site background on a webpage used to be hard. You would have to encode to different formats for different browsers, create some elaborate javascript to load it when the page loads and at last create a good fallback for poor network conditions or unsupported browsers."},{"kind":"block","type":"paragraph","textContent":"This was the reality for web developers up until now. Every step of this process feels like a hack, and it is creating a monster for you to maintain in the future. The web has thankfully moved on, and today the solution is much, much simpler."},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"line-break"}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/242/121_splaesh-bg.jpg","altText":null,"width":1844,"height":1028,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/242/@100/121_splaesh-bg.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/242/@200/121_splaesh-bg.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/242/@500/121_splaesh-bg.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/242/@768/121_splaesh-bg.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/242/@1024/121_splaesh-bg.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/242/@1366/121_splaesh-bg.jpeg","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/242/@1600/121_splaesh-bg.jpeg","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/242/@100/121_splaesh-bg.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/242/@200/121_splaesh-bg.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/242/@500/121_splaesh-bg.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/242/@768/121_splaesh-bg.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/242/@1024/121_splaesh-bg.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/242/@1366/121_splaesh-bg.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/242/@1600/121_splaesh-bg.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/242/@100/121_splaesh-bg.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/242/@200/121_splaesh-bg.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/242/@500/121_splaesh-bg.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/242/@768/121_splaesh-bg.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/242/@1024/121_splaesh-bg.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/242/@1366/121_splaesh-bg.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/242/@1600/121_splaesh-bg.avif","width":1600}]}]},{"title":{"text":"The solution"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"HTML. Pure HTML is all you need:"},{"kind":"block","type":"preformatted","children":[{"type":"code","kind":"block","textContent":"<video\n playsinline\n autoplay\n muted\n loop\n>\n <source src=\"video.mp4\" />\n <img src=\"fallback-image.jpg\" alt=\"\" />\n</video>","metadata":{"language":"javascript"}}]},{"kind":"block","type":"paragraph","textContent":"We are describing a video that auto-plays, is muted and loops forever. The plays-inline attribute tells the browser to not open the video in fullscreen mode."},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"As the video source we use mp4, a format which is "},{"kind":"inline","type":"link","metadata":{"href":"https://caniuse.com/#feat=mpeg4"},"textContent":"widely supported"},{"kind":"inline","textContent":". However, if the browser does not support this format, a fallback image will be displayed instead."}]},{"kind":"block","type":"paragraph","textContent":"Side note: in order for this to work an all platforms, the video needs to be muted, and contain no audio-track."}]},"videos":null,"images":null},{"title":{"text":"Conclusion"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Displaying a video-as-background is incredible simple in today's web landscape. We have recently launched a website demonstrating just that: "},{"kind":"inline","type":"link","metadata":{"href":"https://splæsh.com"},"textContent":"check it out"},{"kind":"inline","textContent":"! "}]}]},"videos":null,"images":null}]}}]},{"topics":[{"name":"Product Design"},{"name":"Growth Strategy"},{"name":"Marketing"},{"name":"Branding"}],"name":"Similarities between a software and bicycle company","path":"/assets/blog/similarities-between-a-software-and-bicycle-company","id":"67600a7ceedbebc9482a7121","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"Similarities between a software and bicycle company"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/80/product_design_sb_blog.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/80/@100/product_design_sb_blog.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/80/@200/product_design_sb_blog.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/80/@500/product_design_sb_blog.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/80/@768/product_design_sb_blog.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/80/@1024/product_design_sb_blog.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/80/@1366/product_design_sb_blog.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/80/@1600/product_design_sb_blog.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/80/@1920/product_design_sb_blog.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/80/@100/product_design_sb_blog.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/80/@200/product_design_sb_blog.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/80/@500/product_design_sb_blog.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/80/@768/product_design_sb_blog.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/80/@1024/product_design_sb_blog.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/80/@1366/product_design_sb_blog.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/80/@1600/product_design_sb_blog.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/80/@1920/product_design_sb_blog.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/80/@100/product_design_sb_blog.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/80/@200/product_design_sb_blog.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/80/@500/product_design_sb_blog.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/80/@768/product_design_sb_blog.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/80/@1024/product_design_sb_blog.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/80/@1366/product_design_sb_blog.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/80/@1600/product_design_sb_blog.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/80/@1920/product_design_sb_blog.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Bård Farstad"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"January 19th, 2018"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","textContent":"Running a bicycle company cannot possibly have anything in common with a global B2B software company. Can it? Yes, it all boils down to complete product design and do not skimp on quality, launch early and iterate."}],"plainText":["Running a bicycle company cannot possibly have anything in common with a global B2B software company. Can it? Yes, it all boils down to complete product design and do not skimp on quality, launch early and iterate."]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":null,"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"In the last 11 months I have been through a journey of launching a new startup that is as far away from my software background as possible: namely a bicycle company called Skiens Cykkelfabrik ("},{"kind":"inline","type":"link","metadata":{"href":"http://www.speedcykkel.com"},"textContent":"www.speedcykkel.com"},{"kind":"inline","textContent":") with a bicycle line called Speed. Previously I co-founded eZ ("},{"kind":"inline","type":"link","metadata":{"href":"http://www.ez.no"},"textContent":"www.ez.no"},{"kind":"inline","textContent":") which is now a global software company with offices from New York to Tokyo and customers like The Economist and Kitchen Aid."}]}]},"videos":null,"images":null},{"title":{"text":"Whole Product"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"There are some very concrete differences between bikes and software of course. Specially when it comes to the core product. When launching a software company there is much focus on the actual software, algorithms, data flow, user experience etc. With a bicycle it is about materials like aluminium alloys vs steel, frame geometry, steel vs titanium bottom bracket, quality of bearings and the list goes on."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/243/_resized_1280.jpg","altText":null,"width":1280,"height":853,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/243/@100/_resized_1280.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/243/@200/_resized_1280.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/243/@500/_resized_1280.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/243/@768/_resized_1280.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/243/@1024/_resized_1280.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/243/@100/_resized_1280.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/243/@200/_resized_1280.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/243/@500/_resized_1280.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/243/@768/_resized_1280.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/243/@1024/_resized_1280.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/243/@100/_resized_1280.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/243/@200/_resized_1280.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/243/@500/_resized_1280.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/243/@768/_resized_1280.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/243/@1024/_resized_1280.avif","width":1024}]}]},{"title":null,"body":{"json":[{"kind":"block","type":"paragraph","textContent":"To me the process is very similar as we start with the target customer: who is the target personas to be using the products. What is the user experience we are trying to achieve. Most importantly is the notion of a complete product. And no: this does not mean a bike that is done or a software that is running."},{"kind":"block","type":"paragraph","textContent":"Complete product is about the total user journey, all touch points between you as a company and the customer. For software this can be elements like:"},{"kind":"block","type":"unordered-list","children":[{"kind":"block","type":"list-item","textContent":"Core software"},{"kind":"block","type":"list-item","textContent":"Documentation"},{"kind":"block","type":"list-item","textContent":"Marketing material (web, social, print, signs, business cards..)"},{"kind":"block","type":"list-item","textContent":"Media content (e-learning, video tutorials)"},{"kind":"block","type":"list-item","textContent":"Legal documents"},{"kind":"block","type":"list-item","textContent":"Sales process"},{"kind":"block","type":"list-item","textContent":"Sales enablement (direct or channel sales enablement materials)"},{"kind":"block","type":"list-item","textContent":"Self service tools"},{"kind":"block","type":"list-item","textContent":"Training material"},{"kind":"block","type":"list-item","textContent":"Delivery process"},{"kind":"block","type":"list-item","textContent":"Maintenance routines and services"},{"kind":"block","type":"list-item","textContent":"Trademark and patents"}]},{"kind":"block","type":"paragraph","textContent":"For a bicycle company we are talking about components like:"},{"kind":"block","type":"unordered-list","children":[{"kind":"block","type":"list-item","textContent":"Bicycle"},{"kind":"block","type":"list-item","textContent":"Product packaging"},{"kind":"block","type":"list-item","textContent":"Customer communication during build process"},{"kind":"block","type":"list-item","textContent":"Merchandise (clothes and lifestyle products)"},{"kind":"block","type":"list-item","textContent":"Marketing materials (web, social, stickers, business cards..)"},{"kind":"block","type":"list-item","textContent":"Media content (inspirational videos, maintenance howtos.."},{"kind":"block","type":"list-item","textContent":"Online buying process"},{"kind":"block","type":"list-item","textContent":"Production and delivery process"},{"kind":"block","type":"list-item","textContent":"Legal terms"},{"kind":"block","type":"list-item","textContent":"Trademarks and patents"}]},{"kind":"block","type":"paragraph","textContent":"You get the point; it is not so much about the core product as the complete user journey and making sure you have thought about all those small things that impact the brand experience. E.g. how will the unboxing experience of a bicycle be? What is the first time to success when testing/evaluating a new software service. Details."},{"kind":"block","type":"paragraph","textContent":"One thing that software and bikes really have in common is testing. With software we are talking automated tests, user experience testing and with bikes we have stress testing and functional testing. The difference is that you can test the bike in the streets of Palma Mallorca, while software is usually tested in an office e.g. in Brooklyn."},{"kind":"block","type":"paragraph","textContent":"This is because you cannot skimp on quality. And you need to think complete product design."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/244/palmaspeedjustertebilder-13_small.jpg","altText":null,"width":1200,"height":800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/244/@100/palmaspeedjustertebilder-13_small.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/244/@200/palmaspeedjustertebilder-13_small.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/244/@500/palmaspeedjustertebilder-13_small.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/244/@768/palmaspeedjustertebilder-13_small.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/244/@1024/palmaspeedjustertebilder-13_small.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/244/@100/palmaspeedjustertebilder-13_small.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/244/@200/palmaspeedjustertebilder-13_small.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/244/@500/palmaspeedjustertebilder-13_small.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/244/@768/palmaspeedjustertebilder-13_small.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/244/@1024/palmaspeedjustertebilder-13_small.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/244/@100/palmaspeedjustertebilder-13_small.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/244/@200/palmaspeedjustertebilder-13_small.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/244/@500/palmaspeedjustertebilder-13_small.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/244/@768/palmaspeedjustertebilder-13_small.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/244/@1024/palmaspeedjustertebilder-13_small.avif","width":1024}]}]},{"title":{"text":"Thinking like a software company"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"When we launched the bicycle company we had the core philosophy from a software company in our bag and we wanted to transfer as much as possible and digitize the processes that can be. So we have developed a custom e-commerce and fulfilment solution to run the bike company. We wanted the buying process to be online and direct so software was needed."},{"kind":"block","type":"paragraph","textContent":"We also wanted to have full control over the user experience and went for a super modern architecture with headless e-commerce using GraphQL and React. We actually spend time on software development while making a bike."},{"kind":"block","type":"paragraph","textContent":"With modern CNC machining and production processes there are also programming and 3D/2D cad tools involved. Which is also a very similar skillset as you might have in your software company."},{"kind":"block","type":"paragraph","textContent":"For supporting tools we also have built the infrastructure around tools like Github for agile project and product management and of course you would use tools like Slack in both cases."},{"kind":"block","type":"paragraph","textContent":"The main approach we have re-used from software is still launch early and iterate. For that reason our first bike is basically a single speed bike made with high quality components as that is what we could launch the company quickest with, but still keeping the level of quality needed."}]},"videos":null,"images":null},{"title":{"text":"First Epic"},"body":{"json":[{"kind":"block","type":"paragraph"},{"kind":"block","type":"paragraph","textContent":"At this point we have the company launched, the first product in the market and orders coming in. All done in 11 months. The bicycle company was launched on the platform of our product design and realization company Snowball."},{"kind":"block","type":"paragraph","textContent":"Now we are doing customer interviews and gathering feedback for the coming iterations. Remember to have fun; either in making bikes or software - or both."}]},"videos":null,"images":null}]}}]},{"topics":[{"name":"Development"}],"name":"Sharing MySQL Pool connections between files with Node.js","path":"/assets/blog/sharing-mysql-pool-connections-between-files-with-nodejs","id":"67600b8feedbebc9482a7132","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"Sharing MySQL Pool connections between files with Node.js"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/82/technology_sb_blog.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/82/@100/technology_sb_blog.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/82/@200/technology_sb_blog.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/82/@500/technology_sb_blog.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/82/@768/technology_sb_blog.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/82/@1024/technology_sb_blog.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/82/@1366/technology_sb_blog.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/82/@1600/technology_sb_blog.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/82/@1920/technology_sb_blog.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/82/@100/technology_sb_blog.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/82/@200/technology_sb_blog.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/82/@500/technology_sb_blog.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/82/@768/technology_sb_blog.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/82/@1024/technology_sb_blog.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/82/@1366/technology_sb_blog.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/82/@1600/technology_sb_blog.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/82/@1920/technology_sb_blog.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/82/@100/technology_sb_blog.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/82/@200/technology_sb_blog.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/82/@500/technology_sb_blog.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/82/@768/technology_sb_blog.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/82/@1024/technology_sb_blog.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/82/@1366/technology_sb_blog.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/82/@1600/technology_sb_blog.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/82/@1920/technology_sb_blog.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Stavros Sotiropoulos"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"January 16th, 2018"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","textContent":"Connection pooling is a requirement in large scale applications. In this blog post I demonstrate my approach on sharing a MySQL pool's connections using Promises while validating the input of my REST endpoint with JSON as middleware, extending my previous blog post."}],"plainText":["Connection pooling is a requirement in large scale applications. In this blog post I demonstrate my approach on sharing a MySQL pool's connections using Promises while validating the input of my REST endpoint with JSON as middleware, extending my previous blog post."]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":{"text":"Installing the modules"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"The required packages are express, jsonschema, body-parser, promise-mysql. Promise-mysql allows the usage of Promises and provides the utillities of the mysql module. To install them run: "},{"kind":"block","type":"paragraph","children":[{"kind":"block","type":"preformatted","children":[{"type":"code","kind":"block","textContent":"npm install express ","metadata":{"language":"javascript"}}]},{"kind":"inline","textContent":"jsonschema body-parser promise-mysql"}]}]},"videos":null,"images":null},{"title":{"text":"JSON Validation as middleware"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"By exporting our JSON Validation example as a module and calling it as a middleware, we check for a valid input while achieving cleaner code."},{"kind":"block","type":"preformatted","children":[{"type":"code","kind":"block","textContent":"var jsonValidator = require('jsonschema').Validator;\nvar validator = new jsonValidator();\nvalidator.addSchema(userSchema,\"/User\");\n\nmodule.exports = {\n JsonValidation: function(req,res,next){\n if(req.get(\"Content-Type\")!=\"application/json\"){\n res.status(401).send(\"Invalid header format\");\n return;\n }\n\n try {\n validator.validate(req.body,itemSchema,{\"throwError\":true});\n } catch(error) {\n res.status(401).end(\"Invalid body format: \" + error.message);\n return;\n }\n\n next();\n }\n};","metadata":{"language":"javascript"}}]}]},"videos":null,"images":null},{"title":{"text":"Creating pool and sharing connection"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"In order to create the pool and make it shareable to other files, we export a function that requests a connection from the pool. We make sure that it uses Promises and ensures the synchronous functionality, when calling it from our endpoint."},{"kind":"block","type":"preformatted","children":[{"type":"code","kind":"block","textContent":"var connectionPool = mysql.createPool({\n host: '127.0.0.1',\n user: '********',\n password: '*******',\n database: '********',\n port: '3306'\n});\n\nmodule.exports = {\n getConnection: function() {\n return new Promise(function(resolve, reject) {\n connectionPool\n .getConnection()\n .then(function(connection) {\n resolve(connection);\n })\n .catch(function(error) {\n reject(error);\n });\n });\n }\n};\n\nvar connectionPool = mysql.createPool({\n host: '127.0.0.1',\n user: '********',\n password: '*******',\n database: '********',\n port: '3306'\n});\n\nmodule.exports = {\n getConnection: function() {\n return new Promise(function(resolve, reject) {\n connectionPool\n .getConnection()\n .then(function(connection) {\n resolve(connection);\n })\n .catch(function(error) {\n reject(error);\n });\n });\n }\n};","metadata":{"language":"javascript"}}]}]},"videos":null,"images":null},{"title":{"text":"Connecting the dots"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Now that our two modules are created and imported to our file, we can validate our input and request a connection, as shown below. After receiving our connection, we proceed in making changes in our database. Notice that JSON validation is run as middleware, before our main logic. Make sure that you release the connection after getting your results. Note that the connection returned by \"getConnection\", in promise-mysql, is a field of the object that we use for queries."},{"kind":"block","type":"preformatted","children":[{"type":"code","kind":"block","textContent":"app.post('/add/product', validate.JsonValidation, function(req, res) {\n mysqlConnection.getConnection().then(function(connection) {\n findOrCreateUser(user, connection)\n .then(function(result) {\n item.seller = result;\n addItem(item, connection)\n .then(function(results) {\n connection.connection.release();\n res.status(200).json(results);\n })\n .catch(function(error) {\n res.status(500).end('Error: ' + error);\n });\n })\n .catch(function(error) {\n res.status(500).end('Error: ' + error);\n });\n });\n});","metadata":{"language":"javascript"}}]},{"kind":"block","type":"paragraph","textContent":"The code for the functionality of the endpoint is shown bellow "},{"kind":"block","type":"preformatted","children":[{"type":"code","kind":"block","textContent":"$89","metadata":{"language":"javascript"}}]}]},"videos":null,"images":null}]}}]},{"topics":[{"name":"Development"},{"name":"User Experience"}],"name":"Force HTTPS behind Elastic Load Balancer on a NodeJS application","path":"/assets/blog/force-https-behind-elastic-load-balancer-on-a-nodejs-application","id":"67600c2ceedbebc9482a7134","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"Force HTTPS behind Elastic Load Balancer on a NodeJS application"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/83/development_sb_blog.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/83/@100/development_sb_blog.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/83/@200/development_sb_blog.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/83/@500/development_sb_blog.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/83/@768/development_sb_blog.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/83/@1024/development_sb_blog.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/83/@1366/development_sb_blog.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/83/@1600/development_sb_blog.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/83/@1920/development_sb_blog.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/83/@100/development_sb_blog.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/83/@200/development_sb_blog.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/83/@500/development_sb_blog.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/83/@768/development_sb_blog.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/83/@1024/development_sb_blog.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/83/@1366/development_sb_blog.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/83/@1600/development_sb_blog.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/83/@1920/development_sb_blog.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/83/@100/development_sb_blog.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/83/@200/development_sb_blog.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/83/@500/development_sb_blog.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/83/@768/development_sb_blog.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/83/@1024/development_sb_blog.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/83/@1366/development_sb_blog.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/83/@1600/development_sb_blog.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/83/@1920/development_sb_blog.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Håkon Gullord Krogh"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"February 6th, 2018"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","textContent":"HTTPS is good. We all know this. So how to ensure only HTTPS traffic for your Express application that is hosted behind an Elastic Load Balancer?"}],"plainText":["HTTPS is good. We all know this. So how to ensure only HTTPS traffic for your Express application that is hosted behind an Elastic Load Balancer?"]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":{"text":"HTTPS benefits"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"If you have not enabled HTTPS for your website yet, it is about time to do so. The benefits with HTTPS are just so incredibly good!"},{"kind":"block","type":"unordered-list","children":[{"kind":"block","type":"list-item","textContent":"Encryption for the end user"},{"kind":"block","type":"list-item","children":[{"kind":"inline","textContent":"Service worker can be enabled for most browsers, which is a must-have for "},{"kind":"inline","type":"link","metadata":{"href":"https://developers.google.com/web/progressive-web-apps/"},"textContent":"Progressive Web Apps (PWA)"},{"kind":"inline","textContent":" "}]},{"kind":"block","type":"list-item","children":[{"kind":"inline","textContent":"Increased "},{"kind":"inline","type":"link","metadata":{"href":"https://security.googleblog.com/2014/08/https-as-ranking-signal_6.html"},"textContent":"Google page rank"}]},{"kind":"block","type":"list-item","textContent":"Improved loading performance, if your webserver support HTTP2"},{"kind":"block","type":"list-item","textContent":"Cool browser label in the address bar which increases customer confidence"}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"There are a lot of guides on how to do it, and getting a certificate is actually free if you use AWS Certifiate Manager, or other free Certificate Authorities like "},{"kind":"inline","type":"link","metadata":{"href":"https://letsencrypt.org/"},"textContent":"LetsEncrypt"},{"kind":"inline","textContent":". "}]}]},"videos":null,"images":null},{"title":{"text":"Forcing HTTPS on Express behind Elastic Load Balancer"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Our stack uses Express on a NodeJS server, so this blog post is only focusing on Express. AWS have "},{"kind":"inline","type":"link","metadata":{"href":"https://aws.amazon.com/premiumsupport/knowledge-center/redirect-http-https-elb/"},"textContent":"fine guides"},{"kind":"inline","textContent":" on how to redirect for other web servers, but none on Express unfortunatly."}]},{"kind":"block","type":"paragraph","textContent":"Since Elastic Load Balancer forwards all traffic (both http and https) to the same port in our application, all the traffic internally in our application will be http. This is exactly what we want, but we must force the end user to only use https."},{"kind":"block","type":"paragraph","textContent":"Elastic Load Balancer is nice enough to append an extra request header to the request (x-forwarded-proto) which tells us from which protocol the request originated from. We can use this in an Express middleware to do redirections:"},{"kind":"block","type":"preformatted","children":[{"type":"code","kind":"block","textContent":"function forceHttps(req, res, next) {\n const xfp =\n req.headers[\"X-Forwarded-Proto\"] || req.headers[\"x-forwarded-proto\"];\n if (xfp === \"http\") {\n res.redirect(301, `https://${hostname}${req.url}`);\n } else {\n next();\n }\n }\n\nserver.use(forceHttps);","metadata":{"language":"javascript"}}]}]},"videos":null,"images":null},{"title":{"text":"NPM module"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Since we don't want to write the middleware again and again for all our applications, we created a small "},{"kind":"inline","type":"link","metadata":{"href":"https://www.npmjs.com/package/@crystallize/elasticloadbalancer-express-force-https"},"textContent":"NPM module"},{"kind":"inline","textContent":" that does just that."}]},{"kind":"block","type":"paragraph","textContent":"This is how you use it:"},{"kind":"block","type":"preformatted","children":[{"type":"code","kind":"block","textContent":"const express = require('express');\nconst forceHttps = require('@crystallize/elasticloadbalancer-express-force-https');\n\nconst server = express();\nserver.use(forceHttps());","metadata":{"language":"javascript"}}]},{"kind":"block","type":"paragraph","textContent":"That's it! All your traffic will now be forwarded to https if the x-forwarded-proto=http. It will not do anything if the header is not present."}]},"videos":null,"images":null}]}}]},{"topics":[{"name":"User Experience"},{"name":"Marketing"},{"name":"Growth Strategy"}],"name":"How is Social Media reflecting the best and worst of us?","path":"/assets/blog/how-is-social-media-reflecting-the-best-and-worst-of-us","id":"67600c9f187d7e36a6f63c4b","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"How is Social Media reflecting the best and worst of us?"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/84/social_media_sb_blog.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/84/@100/social_media_sb_blog.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/84/@200/social_media_sb_blog.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/84/@500/social_media_sb_blog.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/84/@768/social_media_sb_blog.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/84/@1024/social_media_sb_blog.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/84/@1366/social_media_sb_blog.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/84/@1600/social_media_sb_blog.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/84/@1920/social_media_sb_blog.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/84/@100/social_media_sb_blog.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/84/@200/social_media_sb_blog.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/84/@500/social_media_sb_blog.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/84/@768/social_media_sb_blog.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/84/@1024/social_media_sb_blog.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/84/@1366/social_media_sb_blog.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/84/@1600/social_media_sb_blog.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/84/@1920/social_media_sb_blog.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/84/@100/social_media_sb_blog.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/84/@200/social_media_sb_blog.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/84/@500/social_media_sb_blog.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/84/@768/social_media_sb_blog.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/84/@1024/social_media_sb_blog.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/84/@1366/social_media_sb_blog.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/84/@1600/social_media_sb_blog.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/84/@1920/social_media_sb_blog.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Maria Teresa Weidlich"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"July 19th, 2018"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","textContent":"I believe it's worthy to name a few shameless situations I've experienced while working within the Social Media industry to be realistic and responsible about how can we improve the content creation process and consequently refine what we see on Social Media. Creative control responsibility rules the process. "},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"line-break"}]}],"plainText":["I believe it's worthy to name a few shameless situations I've experienced while working within the Social Media industry to be realistic and responsible about how can we improve the content creation process and consequently refine what we see on Social Media. Creative control responsibility rules the process.",""]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":{"text":"Case 1"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"I've sent someone a tip via Insta stories and got a pretty harsh reply. In this specific situation, someone wasn't open to accept my advice which was a response to the following question, how many pictures should I post per day, 3 or 4? I've said one is more than enough, and the person goes: accordingly to who? Followed by an ironic emoji, full stop."},{"kind":"block","type":"paragraph","textContent":"That makes me think about how Social Media brings up the best and the worse of us. In this specific case, the person was intimidated by the fact I was against her opinion by replying defensively. "}]},"videos":null,"images":null},{"title":{"text":"Case 2"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"I was watching the news the other day while the reporter is scrolling over a big screen and commenting a battle of tweets between Elon Musk, who called Vern Unsworth, one of the rescuers who helped save the young Thai football team trapped in caves, a \"pedo\"."},{"kind":"block","type":"paragraph","textContent":"Hold on a minute, so now we are going to use the news to merchandise? The \"pedo\" helped to save the kids while Musk continues trapped in his \"futuristic cave\"."}]},"videos":null,"images":null},{"title":{"text":"Case 3"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"I took part in an influencer's event, and I was amazed by the fact more than ten people were literally over the table to photograph food. They have lights, hair and hands touching the food plates and cutlery. You can sense the tension growing on the room for the sake of taking the \"best pic\" to get more attention on Social Media, afterwards everyone seats and eats, disgustingly."},{"kind":"block","type":"paragraph","textContent":"I became much more selective when it comes to food events since back then."}]},"videos":null,"images":null},{"title":{"text":"Case 4"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"I was invited by an Influencer to go and try a new ice cream shop. We never saw each other before so this was a blind date equivalent. We walk to the shop over small talk. The girl orders ice cream, while the guy behind the counter is preparing it, she runs to the toilet to change her outfit. She didn't ask anything about the business or what is unique about it, on her way back she grabs her ice cream and leaves the shop in search of \"the best lighting\". "},{"kind":"block","type":"paragraph","textContent":"In less than 3 minutes I get my shoot and start eating my ice cream. In the meantime, I watch the girl from a distance struggling to hold her ice cream that is now melting, she smiles effusively taking uncountable pictures, she asks someone passing by to help her, it has been about ten minutes or so, she didn't eat the ice cream at all. Well, there's not much she can do right now, it's all melting down anyways! So she walks towards the bin tucking the cone away"}]},"videos":null,"images":null},{"title":{"text":"The question is by which means are we getting attention?"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"emphasized","textContent":"All situations above have something in common, a careless urgency of attention without reflecting on the consequences or those involved in it. Companies need to acknowledge that when putting an Influencer Marketing Strategy together before investing a considerable amount of budget on a face that is going to do nothing but perform."}]},{"kind":"block","type":"paragraph","textContent":"It all narrows down to driving attention to content and find how can that particularly influence someone to engage or make decisions."},{"kind":"block","type":"paragraph","textContent":"I believe creating content for Social Media is a powerful tool to build up and deconstruct realities, what is quite typical to the mass media discourse too, however, aren't we talking about decentralisation of content? Individuals, who have the autonomy to express themselves genuinely to create and choose, filter what they want to see?"},{"kind":"block","type":"paragraph","textContent":"Therefore, storytelling is the antidote for lack of transparency on the content creation process. Changing attitude and approach is an excellent step because when you're merely narrating facts, you're less likely to find copies out there. Well, technically speaking that's the central pillar of journalism in a sense."},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Companies such as "},{"kind":"inline","type":"link","metadata":{"href":"https://www.dove.com/uk/home.html"},"textContent":"Dove"},{"kind":"inline","textContent":" and "},{"kind":"inline","type":"link","metadata":{"href":"https://www.vice.com/en_us"},"textContent":"Vice"},{"kind":"inline","textContent":" are early adopters of this approach, and they're one of the best examples to look into these days. They smartly prove that content creation it's not solely about creating and sharing ideal situations, and beautiful moments, it's not only about beautiful faces, but adding more into it, history, information, interaction, imperfection, ideas, causes."}]},{"kind":"block","type":"paragraph","textContent":"I believe a terrible thing about Social Media nowadays is that we are continually mirroring ourselves to perfection instead of acknowledging that this is purely a vision. A distorted perception of reality because we can't live in a world where everyone is smiling and having ice cream all the time, especially when there's a lot more going on under our noses."},{"kind":"block","type":"paragraph","textContent":"As much as content creators need to have independent and creative control over their content to remain true to themselves, by all means, there is no way companies should encourage a distorted vision of reality."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/245/171_elonmuskbritishdiverpedogut_resize_md.jpg","altText":null,"width":744,"height":389,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/245/@100/171_elonmuskbritishdiverpedogut_resize_md.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/245/@200/171_elonmuskbritishdiverpedogut_resize_md.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/245/@500/171_elonmuskbritishdiverpedogut_resize_md.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/245/@100/171_elonmuskbritishdiverpedogut_resize_md.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/245/@200/171_elonmuskbritishdiverpedogut_resize_md.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/245/@500/171_elonmuskbritishdiverpedogut_resize_md.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/245/@100/171_elonmuskbritishdiverpedogut_resize_md.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/245/@200/171_elonmuskbritishdiverpedogut_resize_md.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/245/@500/171_elonmuskbritishdiverpedogut_resize_md.avif","width":500}]}]}]}}]},{"topics":[{"name":"Development"},{"name":"User Experience"}],"name":"Slack Apple TV App written in React Native","path":"/assets/blog/slack-apple-tv-app-written-in-react-native","id":"67600d1f17bcc94862d95c7a","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"Slack Apple TV App written in React Native"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/85/technology_sb_blog.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/85/@100/technology_sb_blog.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/85/@200/technology_sb_blog.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/85/@500/technology_sb_blog.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/85/@768/technology_sb_blog.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/85/@1024/technology_sb_blog.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/85/@1366/technology_sb_blog.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/85/@1600/technology_sb_blog.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/85/@1920/technology_sb_blog.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/85/@100/technology_sb_blog.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/85/@200/technology_sb_blog.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/85/@500/technology_sb_blog.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/85/@768/technology_sb_blog.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/85/@1024/technology_sb_blog.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/85/@1366/technology_sb_blog.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/85/@1600/technology_sb_blog.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/85/@1920/technology_sb_blog.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/85/@100/technology_sb_blog.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/85/@200/technology_sb_blog.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/85/@500/technology_sb_blog.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/85/@768/technology_sb_blog.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/85/@1024/technology_sb_blog.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/85/@1366/technology_sb_blog.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/85/@1600/technology_sb_blog.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/85/@1920/technology_sb_blog.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":" Didrik Steen Hegna"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"January 16th, 2018"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","textContent":"I love dashboards and keeping track of notifications. Lately I find that we have been using Slack to centralize our notifications from different projects. I wanted one of our TV screens in the office to always show the latest updates and I wanted this in-brand. The result was an Apple TV App written in React Native. In this post I share the main parts to get this up and running."}],"plainText":["I love dashboards and keeping track of notifications. Lately I find that we have been using Slack to centralize our notifications from different projects. I wanted one of our TV screens in the office to always show the latest updates and I wanted this in-brand. The result was an Apple TV App written in React Native. In this post I share the main parts to get this up and running."]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":{"text":"Initialize React Native for your Apple TV App."},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"To initialize your React Native App you basically run the react-native command as shown below."},{"kind":"block","type":"paragraph"},{"kind":"block","type":"paragraph","textContent":"This is standard React Native, but now the step comes to make this an Apple TV App."},{"kind":"block","type":"paragraph","textContent":"Open the snowball_slack_tv.xcodeproj file in XCode. From there you can select your tvOS target and run your test App on the iOS TV simulator. This is almost too simple. But now you have your very first Hello World Apple TV App running. One command and two clicks."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/246/_resized_1280.png","altText":null,"width":1280,"height":736,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/246/@100/_resized_1280.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/246/@200/_resized_1280.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/246/@500/_resized_1280.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/246/@768/_resized_1280.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/246/@1024/_resized_1280.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/246/@100/_resized_1280.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/246/@200/_resized_1280.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/246/@500/_resized_1280.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/246/@768/_resized_1280.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/246/@1024/_resized_1280.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/246/@100/_resized_1280.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/246/@200/_resized_1280.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/246/@500/_resized_1280.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/246/@768/_resized_1280.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/246/@1024/_resized_1280.avif","width":1024}]}]},{"title":{"text":"Connect to Slack"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"But I wanted to add an integration with Slack. The first step here is to create an API Token for your Slack Apple TV App. This is done in your Slack App Directory. Hit build -> Make a Custom Integration -> Bots. There you register and you get an API Token as a reward. Remember to keep this API Token secret."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/247/_resized_1280-2.png","altText":null,"width":1279,"height":558,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/247/@100/_resized_1280-2.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/247/@200/_resized_1280-2.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/247/@500/_resized_1280-2.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/247/@768/_resized_1280-2.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/247/@1024/_resized_1280-2.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/247/@100/_resized_1280-2.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/247/@200/_resized_1280-2.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/247/@500/_resized_1280-2.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/247/@768/_resized_1280-2.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/247/@1024/_resized_1280-2.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/247/@100/_resized_1280-2.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/247/@200/_resized_1280-2.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/247/@500/_resized_1280-2.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/247/@768/_resized_1280-2.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/247/@1024/_resized_1280-2.avif","width":1024}]}]},{"title":{"text":"Fetching Slack Channel History"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"In this example I simply choose to use the "},{"kind":"inline","type":"link","metadata":{"href":"https://api.slack.com/methods/channels.history"},"textContent":"channels.history endpoint provided from Slack"},{"kind":"inline","textContent":". This gives you the last messages from the given Slack channel, by default the 100 last."}]},{"kind":"block","type":"paragraph","textContent":"Then I created a function fetchSlackChannel that returns a promise. You use promises to wait for async operations like fetch in Javascript in case you wondered. When the promise is resolved it passes the response data from the channels.history endpoint."},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"The specifics here are that we create a POST call to the channels.history endpoint. We define the parameters token and channel. The token is the one you got from your Slack settings. The channel ID you can get from e.g. using "},{"kind":"inline","type":"link","metadata":{"href":"https://www.getpostman.com/"},"textContent":"Postman"},{"kind":"inline","textContent":" and do a call to "},{"kind":"inline","type":"link","metadata":{"href":"https://api.slack.com/methods/channels.list"},"textContent":"channels.list"},{"kind":"inline","textContent":". In return you get the 100 last messages in that channel."}]},{"kind":"block","type":"paragraph"}]},"videos":null,"images":null},{"title":{"text":"Running a periodic function in React Native"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"I wanted to fetch new messages periodically. To achieve that in React Native you can use the "},{"kind":"inline","type":"link","metadata":{"href":"https://developer.mozilla.org/en-US/docs/Web/API/WindowOrWorkerGlobalScope/setInterval"},"textContent":"setInterval"},{"kind":"inline","textContent":" function in your componentDidMount function and you need to use clearInterval on componentWillUnmount. If not you will have a crash when the component is unmounted."}]},{"kind":"block","type":"paragraph","textContent":"My componentDidMount function runs a function updateSlackView and then creates a callback function that is called every 10 seconds doing the same. The reason why I do this is that the view is updated on load and then updated every 10 seconds."},{"kind":"block","type":"paragraph","textContent":"I added a ListView component to my main view to show the Slack messages. The updateSlackView function fetches the updates from the Slack channel and then sets the state with the refreshed messages. The view is automatically updated in case of any changes."},{"kind":"block","type":"paragraph","textContent":"That is it really. The Slack channel used for testing is shown below."},{"kind":"block","type":"paragraph"}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/248/_resized_1280-3.png","altText":null,"width":1280,"height":719,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/248/@100/_resized_1280-3.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/248/@200/_resized_1280-3.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/248/@500/_resized_1280-3.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/248/@768/_resized_1280-3.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/248/@1024/_resized_1280-3.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/248/@100/_resized_1280-3.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/248/@200/_resized_1280-3.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/248/@500/_resized_1280-3.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/248/@768/_resized_1280-3.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/248/@1024/_resized_1280-3.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/248/@100/_resized_1280-3.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/248/@200/_resized_1280-3.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/248/@500/_resized_1280-3.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/248/@768/_resized_1280-3.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/248/@1024/_resized_1280-3.avif","width":1024}]}]},{"title":{"text":"The Apple TV App"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"The resulting Apple TV App is shown here. Not a very feature rich application, but it does connect your Apple TV to Slack. From here it is basically about styling and minor features to get something useful."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/249/screenshot_apple_tv_slack_app.png","altText":null,"width":1918,"height":1128,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/249/@100/screenshot_apple_tv_slack_app.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/249/@200/screenshot_apple_tv_slack_app.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/249/@500/screenshot_apple_tv_slack_app.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/249/@768/screenshot_apple_tv_slack_app.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/249/@1024/screenshot_apple_tv_slack_app.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/249/@1366/screenshot_apple_tv_slack_app.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/249/@1600/screenshot_apple_tv_slack_app.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/249/@100/screenshot_apple_tv_slack_app.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/249/@200/screenshot_apple_tv_slack_app.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/249/@500/screenshot_apple_tv_slack_app.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/249/@768/screenshot_apple_tv_slack_app.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/249/@1024/screenshot_apple_tv_slack_app.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/249/@1366/screenshot_apple_tv_slack_app.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/249/@1600/screenshot_apple_tv_slack_app.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/249/@100/screenshot_apple_tv_slack_app.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/249/@200/screenshot_apple_tv_slack_app.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/249/@500/screenshot_apple_tv_slack_app.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/249/@768/screenshot_apple_tv_slack_app.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/249/@1024/screenshot_apple_tv_slack_app.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/249/@1366/screenshot_apple_tv_slack_app.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/249/@1600/screenshot_apple_tv_slack_app.avif","width":1600}]}]},{"title":{"text":"Complete Code"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"You can see the complete code below. Hopefully you find it useful."}]},"videos":null,"images":null}]}}]},{"topics":[{"name":"Development"},{"name":"User Experience"}],"name":"Switch between front and back Camera in React Native","path":"/assets/blog/switch-between-front-and-back-camera-in-react-native","id":"67600dc717bcc94862d95dd0","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"Switch between front and back Camera in React Native"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/92/development_sb_blog.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/92/@100/development_sb_blog.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/92/@200/development_sb_blog.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/92/@500/development_sb_blog.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/92/@768/development_sb_blog.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/92/@1024/development_sb_blog.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/92/@1366/development_sb_blog.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/92/@1600/development_sb_blog.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/92/@1920/development_sb_blog.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/92/@100/development_sb_blog.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/92/@200/development_sb_blog.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/92/@500/development_sb_blog.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/92/@768/development_sb_blog.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/92/@1024/development_sb_blog.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/92/@1366/development_sb_blog.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/92/@1600/development_sb_blog.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/92/@1920/development_sb_blog.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/92/@100/development_sb_blog.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/92/@200/development_sb_blog.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/92/@500/development_sb_blog.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/92/@768/development_sb_blog.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/92/@1024/development_sb_blog.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/92/@1366/development_sb_blog.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/92/@1600/development_sb_blog.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/92/@1920/development_sb_blog.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Didrik Steen Hegna"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"January 16th, 2018"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","textContent":"So let’s extend our camera app even further, in this nifty little blog post we will implement a button to switch between the front and back camera on your phone"}],"plainText":["So let’s extend our camera app even further, in this nifty little blog post we will implement a button to switch between the front and back camera on your phone"]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":null,"body":{"json":[{"kind":"block","type":"paragraph","textContent":"If you have not read our two previous blog posts on how to get started on an React Native Camera App I suggest you take a look at Capturing Pictures in React Native."},{"kind":"block","type":"paragraph","textContent":"At the moment our camera component is stateless, so first off we need to add a constructor and a couple of states."},{"kind":"block","type":"preformatted","children":[{"type":"code","kind":"block","textContent":"constructor(props) {\n super(props);\n\n this.state = {\n cameraType : 'back',\n mirrorMode : false\n }\n}","metadata":{"language":"javascript"}}]},{"kind":"block","type":"paragraph","textContent":"Now that we a couple of states we should use these to define our initial camera options. As you can see I also added a mirrormode state, this is because we need to return a mirrored image on capture for all those selfies."},{"kind":"block","type":"paragraph","textContent":"In the camera declaration add these two lines:"},{"kind":"block","type":"preformatted","children":[{"type":"code","kind":"block","textContent":"type={this.state.cameraType} \nmirrorImage={this.state.mirrorMode}","metadata":{"language":"javascript"}}]},{"kind":"block","type":"paragraph","textContent":"Easy enough huh? Lets add a function to switch between our two cameras."},{"kind":"block","type":"preformatted","children":[{"type":"code","kind":"block","textContent":"changeCameraType() {\n if (this.state.cameraType === 'back') {\n this.setState({\n cameraType: 'front',\n mirror: true\n });\n } else {\n this.setState({\n cameraType: 'back',\n mirror: false\n });\n }\n}","metadata":{"language":"javascript"}}]},{"kind":"block","type":"paragraph","textContent":"Next we need to add something amazing to click on, but let’s be lazy and still use a text block as button for now, we will focus on making this app sparkle at a later stage."},{"kind":"block","type":"paragraph","textContent":"Add this line somewhere inside you camera:"},{"kind":"block","type":"preformatted","children":[{"type":"code","kind":"block","textContent":"<Text style={styles.capture} onPress={this.changeCameraType.bind(this)}>\n [SWITCH O ROONEY]\n</Text>;","metadata":{"language":"javascript"}}]},{"kind":"block","type":"paragraph","textContent":"And thats it! Get on rocking with those selfies!"},{"kind":"block","type":"paragraph","textContent":"The screenshot below shows how your camera application should look now"},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"line-break"}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/250/camera.jpg","altText":null,"width":400,"height":711,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/250/@100/camera.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/250/@200/camera.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/250/@100/camera.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/250/@200/camera.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/250/@100/camera.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/250/@200/camera.avif","width":200}]}]},{"title":null,"body":{"json":[{"kind":"block","type":"paragraph","textContent":"And for all of you TLDR people, here is the full view so you can copy paste it to your project."},{"kind":"block","type":"preformatted","children":[{"type":"code","kind":"block","textContent":"$8a","metadata":{"language":"javascript"}}]}]},"videos":null,"images":null}]}}]},{"topics":[{"name":"Development"}],"name":"Validating REST endpoints with JSON Schemas using Express and Node.js","path":"/assets/blog/validating-rest-endpoints-with-json-schemas-using-express-and-nodejs","id":"67600f6d187d7e36a6f661ca","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"Validating REST endpoints with JSON Schemas using Express and Node.js"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/88/development_sb_blog.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/88/@100/development_sb_blog.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/88/@200/development_sb_blog.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/88/@500/development_sb_blog.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/88/@768/development_sb_blog.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/88/@1024/development_sb_blog.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/88/@1366/development_sb_blog.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/88/@1600/development_sb_blog.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/88/@1920/development_sb_blog.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/88/@100/development_sb_blog.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/88/@200/development_sb_blog.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/88/@500/development_sb_blog.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/88/@768/development_sb_blog.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/88/@1024/development_sb_blog.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/88/@1366/development_sb_blog.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/88/@1600/development_sb_blog.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/88/@1920/development_sb_blog.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/88/@100/development_sb_blog.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/88/@200/development_sb_blog.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/88/@500/development_sb_blog.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/88/@768/development_sb_blog.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/88/@1024/development_sb_blog.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/88/@1366/development_sb_blog.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/88/@1600/development_sb_blog.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/88/@1920/development_sb_blog.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Stavros Sotiropoulos"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"January 16, 2018"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","textContent":"Input validation is important. In this post we take a look at how we can use JSON Schemas to validate our input values for our REST endpoints. I have used the example of an online market where you can submit items for sale. The implementation is done using Express and Node.js."}],"plainText":["Input validation is important. In this post we take a look at how we can use JSON Schemas to validate our input values for our REST endpoints. I have used the example of an online market where you can submit items for sale. The implementation is done using Express and Node.js."]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":null,"body":{"json":[{"kind":"block","type":"paragraph","textContent":"I use the express, jsonschema and body-parser packages for Node.js in this example. Express allows us to easily create our server, JSONSchema’s Validator class is used to validate our client request input and body-parser is a tool to help us get a JSON representation of our request's body."},{"kind":"block","type":"paragraph","textContent":"To install the previously mentioned packages simply run the following commands and you are ready to go."},{"kind":"block","type":"preformatted","children":[{"type":"code","kind":"block","textContent":"npm install express body-parser jsonschema","metadata":{"language":"javascript"}}]}]},"videos":null,"images":null},{"title":{"text":"Declaring the JSON Schema"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"The item for sale would have fields containing information about the seller as well as the properties of the item itself. We declare the following two schemas. Notice that the itemSchema object holds a reference to our userSchema object and that all mandatory properties are defined as required."},{"kind":"block","type":"preformatted","children":[{"type":"code","kind":"block","textContent":"var userSchema = { \"id\":\"/User\", \"type\":\"object\", \"properties\":{ \"username\": {\"type\":\"string\"}, \"email\": { \"type\": \"string\", \"format\" : \"email\" }, \"votes\": {\"type\": \"integer\"} }, \"required\" :[\"username\",\"email\",\"votes\"]};var itemSchema = { \"id\":\"/Item\", \"type\":\"object\", \"properties\": { \"price\": {\"type\":\"number\"}, \"width\": {\"type\":\"integer\"}, \"height\": {\"type\":\"integer\"}, \"added\": {\"type\": \"string\", \"format\": \"date-time\"}, \"seller\": {\"$ref\": \"/User\"}, \"image\": { \"type\": \"string\", \"format\": \"uri\" } }, \"required\" :[\"price\",\"width\",\"height\",\"added\",\"seller\"]};var validator = new jsonValidator();validator.addSchema(userSchema,\"/User\");","metadata":{"language":"javascript"}}]},{"kind":"block","type":"paragraph","textContent":"In order to instantiate our validator and link our two schemas we instantiate a new validator object and call addSchema as shown above."}]},"videos":null,"images":null},{"title":{"text":"Adding validation to our endpoint in Express"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Validating our client request is fairly easy at this point, but we must check that our request contains the \"Content-Type application/json\" header and more importantly that we provide our validator with the option of throwing an error on an invalid comparison. With that said you can see validating our header and request body."},{"kind":"block","type":"preformatted","children":[{"type":"code","kind":"block","textContent":"if(req.get(\"Content-Type\")!=\"application/json\") { res.status(401).send(\"Invalid header format\"); return;}try { validator.validate(req.body,itemSchema, \"throwError\":true});} catch(error) { res.status(401).end(\"Invalid body format: \" + error.message); return;}","metadata":{"language":"javascript"}}]}]},"videos":null,"images":null},{"title":{"text":"Testing our Endpoint with Postman"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"I am using "},{"kind":"inline","type":"link","metadata":{"href":"https://www.getpostman.com/"},"textContent":"Postman"},{"kind":"inline","textContent":" to generate a valid and an invalid request as shown below."}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/253/_resized_1280.png","altText":null,"width":1160,"height":1280,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/253/@100/_resized_1280.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/253/@200/_resized_1280.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/253/@500/_resized_1280.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/253/@768/_resized_1280.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/253/@1024/_resized_1280.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/253/@100/_resized_1280.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/253/@200/_resized_1280.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/253/@500/_resized_1280.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/253/@768/_resized_1280.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/253/@1024/_resized_1280.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/253/@100/_resized_1280.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/253/@200/_resized_1280.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/253/@500/_resized_1280.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/253/@768/_resized_1280.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/253/@1024/_resized_1280.avif","width":1024}]}]},{"title":null,"body":null,"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/254/failure.png","altText":null,"width":1150,"height":1220,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/254/@100/failure.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/254/@200/failure.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/254/@500/failure.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/254/@768/failure.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/254/@1024/failure.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/254/@100/failure.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/254/@200/failure.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/254/@500/failure.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/254/@768/failure.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/254/@1024/failure.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/254/@100/failure.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/254/@200/failure.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/254/@500/failure.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/254/@768/failure.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/254/@1024/failure.avif","width":1024}]}]},{"title":{"text":"Complete code example"},"body":{"json":[{"kind":"block","type":"preformatted","children":[{"type":"code","kind":"block","textContent":"$8b","metadata":{"language":"javascript"}}]}]},"videos":null,"images":null}]}}]},{"topics":[{"name":"Product Design"}],"name":"Lounge Chair Product Design","path":"/assets/blog/lounge-chair-product-design","id":"676010afad072a77362ffb6f","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"Lounge Chair Product Design"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/90/lifestyle_sb_blog.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/90/@100/lifestyle_sb_blog.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/90/@200/lifestyle_sb_blog.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/90/@500/lifestyle_sb_blog.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/90/@768/lifestyle_sb_blog.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/90/@1024/lifestyle_sb_blog.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/90/@1366/lifestyle_sb_blog.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/90/@1600/lifestyle_sb_blog.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/90/@1920/lifestyle_sb_blog.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/90/@100/lifestyle_sb_blog.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/90/@200/lifestyle_sb_blog.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/90/@500/lifestyle_sb_blog.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/90/@768/lifestyle_sb_blog.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/90/@1024/lifestyle_sb_blog.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/90/@1366/lifestyle_sb_blog.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/90/@1600/lifestyle_sb_blog.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/90/@1920/lifestyle_sb_blog.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/90/@100/lifestyle_sb_blog.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/90/@200/lifestyle_sb_blog.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/90/@500/lifestyle_sb_blog.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/90/@768/lifestyle_sb_blog.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/90/@1024/lifestyle_sb_blog.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/90/@1366/lifestyle_sb_blog.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/90/@1600/lifestyle_sb_blog.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/90/@1920/lifestyle_sb_blog.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Eduardo Morán Alvarado"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"March 21st, 2018"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","textContent":"Getting to design a product is an awesome thing. The ability to take something from an early idea, through concept definition, visualization, and finally developing an end product is a rewarding process. This is exactly what we did with this lounge chair."}],"plainText":["Getting to design a product is an awesome thing. The ability to take something from an early idea, through concept definition, visualization, and finally developing an end product is a rewarding process. This is exactly what we did with this lounge chair."]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":{"text":"Retro-inspired Awesomeness"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"We wanted to run through our "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services"},"textContent":"product design process"},{"kind":"inline","textContent":" with a different type of product. To keep it interesting and fun, we chose a lounge chair. Obviously the world has given us plenty of well-designed chairs already, so we were looking to try something a bit more unique. The inspiration we ended up with come from a 1960’s telephone chair, but re-imagined for today’s needs. "}]},{"kind":"block","type":"paragraph","textContent":"Although pretty obvious already, phone chairs used to be a place to sit while calling and/or talking on the phone. Sounds crazy we know, but there was actually a time when phones were fixed to one location, connected to the wall with a permanent cord! To make this more convenient, the chairs typically included some sort of side-table to place the telephone on."},{"kind":"block","type":"paragraph","textContent":"Today our needs are a bit different. Phones are no longer connected to stationary walls, although one may like to argue otherwise since we now are constantly plugging them into wall-outlets to charge! But I digress. "},{"kind":"block","type":"paragraph","textContent":"You have your laptop, tablet, magazine or coffee cup, and want to relax while consuming your favourite social media in a comfy and good looking chair. This is what we wanted to address with this chair, and this is what we accomplished. "},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Interested in a deeper design dive? Read here for more information regarding our "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/work/lounge-chair-concept"},"textContent":"lounge chair concept"},{"kind":"inline","textContent":". "}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/257/131_lounge_chair.jpeg","altText":null,"width":3200,"height":2371,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/257/@100/131_lounge_chair.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/257/@200/131_lounge_chair.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/257/@500/131_lounge_chair.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/257/@768/131_lounge_chair.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/257/@1024/131_lounge_chair.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/257/@1366/131_lounge_chair.jpeg","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/257/@1600/131_lounge_chair.jpeg","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/257/@1920/131_lounge_chair.jpeg","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/257/@3200/131_lounge_chair.jpeg","width":3200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/257/@100/131_lounge_chair.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/257/@200/131_lounge_chair.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/257/@500/131_lounge_chair.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/257/@768/131_lounge_chair.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/257/@1024/131_lounge_chair.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/257/@1366/131_lounge_chair.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/257/@1600/131_lounge_chair.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/257/@1920/131_lounge_chair.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/257/@3200/131_lounge_chair.webp","width":3200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/257/@100/131_lounge_chair.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/257/@200/131_lounge_chair.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/257/@500/131_lounge_chair.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/257/@768/131_lounge_chair.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/257/@1024/131_lounge_chair.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/257/@1366/131_lounge_chair.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/257/@1600/131_lounge_chair.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/257/@1920/131_lounge_chair.avif","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/257/@3200/131_lounge_chair.avif","width":3200}]}]}]}}]},{"topics":[{"name":"Development"},{"name":"User Experience"},{"name":"Growth Strategy"}],"name":"HTTPS is faster than HTTP","path":"/assets/blog/https-is-faster-than-http","id":"676010ed187d7e36a6f664ca","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"HTTPS is faster than HTTP"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/91/seo_sb_blog.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/91/@100/seo_sb_blog.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/91/@200/seo_sb_blog.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/91/@500/seo_sb_blog.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/91/@768/seo_sb_blog.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/91/@1024/seo_sb_blog.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/91/@1366/seo_sb_blog.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/91/@1600/seo_sb_blog.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/91/@1920/seo_sb_blog.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/91/@100/seo_sb_blog.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/91/@200/seo_sb_blog.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/91/@500/seo_sb_blog.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/91/@768/seo_sb_blog.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/91/@1024/seo_sb_blog.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/91/@1366/seo_sb_blog.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/91/@1600/seo_sb_blog.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/91/@1920/seo_sb_blog.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/91/@100/seo_sb_blog.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/91/@200/seo_sb_blog.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/91/@500/seo_sb_blog.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/91/@768/seo_sb_blog.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/91/@1024/seo_sb_blog.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/91/@1366/seo_sb_blog.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/91/@1600/seo_sb_blog.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/91/@1920/seo_sb_blog.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Håkon Gullord Krogh"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"February 8th, 2018"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","textContent":"Secure is faster. HTTPS is the preferred way to serve web pages. The client can be sure that their sensitive info is not being sniffed by the person next to them in the coffee shop, and your site gets a cool green “check” next to the URL.The problem? With HTTPS the browser needs to do extra work, which makes the initial request slower. Despite this, HTTPS sites (can) perform better. How is that possible?"}],"plainText":["Secure is faster. HTTPS is the preferred way to serve web pages. The client can be sure that their sensitive info is not being sniffed by the person next to them in the coffee shop, and your site gets a cool green “check” next to the URL.The problem? With HTTPS the browser needs to do extra work, which makes the initial request slower. Despite this, HTTPS sites (can) perform better. How is that possible?"]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":{"text":"HTTPS initialization"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"The mechanisms needed to ensure encryption for HTTPS this is a "},{"kind":"inline","type":"link","metadata":{"href":"https://istlsfastyet.com/"},"textContent":"TLS handhake"},{"kind":"inline","textContent":". Without getting into details here, the main performance caveat is that it requires the browser to do some additional requests in order to enable the secure connection. The non-secure HTTP does not have to do this, and will get a head start when downloading and presenting the web page. Read more about this on "},{"kind":"inline","type":"link","metadata":{"href":"https://www.ssl.com/article/ssl-tls-handshake-overview/"},"textContent":"ssl.com"}]},{"kind":"block","type":"paragraph","textContent":"As soon as the TLS handshake is done, the browser can continue just as it would with a HTTP connection. So how can HTTPS make up for the head start that HTTP gets?"}]},"videos":null,"images":null},{"title":{"text":"Benefit #1: HTTP2"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"If you surf a webpage on HTTPS AND the web server supports HTTP2, you will get all the cool benefits of new protocol HTTP2, which most importantly includes wonderful performance benefits. The previous version of the protocol that we have been using for the past 10-ish ears, version 1.1, is simply not a good fit for the web landscape of today. HTTP2 is able to "},{"kind":"inline","type":"emphasized","textContent":"maximize your device bandwidth"},{"kind":"inline","textContent":" by running "},{"kind":"inline","type":"emphasized","textContent":"more requests in parallel "},{"kind":"inline","textContent":"and over the same TCP connection. Using our own site as an example, we were able to gain a decent "},{"kind":"inline","type":"emphasized","textContent":"15% speed improvement "},{"kind":"inline","textContent":"just by using HTTPS. No extra config required!"}]},{"kind":"block","type":"paragraph","textContent":"A real-world example on how this looks something like this (courtesy of imagekit.io):"},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"link","metadata":{"href":"https://imagekit.io/demo/http2-vs-http1"},"textContent":"https://imagekit.io/demo/http2-vs-http1"}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/258/http2-vs-http1.gif","altText":null,"width":1070,"height":474,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/258/@100/http2-vs-http1.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/258/@200/http2-vs-http1.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/258/@500/http2-vs-http1.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/258/@768/http2-vs-http1.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/258/@1024/http2-vs-http1.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/258/@100/http2-vs-http1.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/258/@200/http2-vs-http1.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/258/@500/http2-vs-http1.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/258/@768/http2-vs-http1.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/258/@1024/http2-vs-http1.avif","width":1024}]}]},{"title":{"text":"Benefit #2: Service workers"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"If HTTPS is enabled, a good portion of the browsers today can register a "},{"kind":"inline","type":"link","metadata":{"href":"https://developers.google.com/web/fundamentals/primers/service-workers/"},"textContent":"Service Worker"},{"kind":"inline","textContent":" for your site, and thus enable offline support. Our own site is an example of just that, and we are leveraging a Service Worker to enable faster download of assets, as well as offline support. Service Workers will not give a performance boost for first-time-users, but recurring users will get a performance boost."}]}]},"videos":null,"images":null}]}}]},{"topics":[{"name":"Development"}],"name":"Optimizing and testing GraphQL querying using Node.js and Postman","path":"/assets/blog/optimizing-and-testing-graphql-querying-using-nodejs-and-postman","id":"6760114b76e769e5a58930e0","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"Optimizing and testing GraphQL querying using Node.js and Postman"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/92/development_sb_blog.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/92/@100/development_sb_blog.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/92/@200/development_sb_blog.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/92/@500/development_sb_blog.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/92/@768/development_sb_blog.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/92/@1024/development_sb_blog.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/92/@1366/development_sb_blog.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/92/@1600/development_sb_blog.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/92/@1920/development_sb_blog.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/92/@100/development_sb_blog.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/92/@200/development_sb_blog.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/92/@500/development_sb_blog.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/92/@768/development_sb_blog.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/92/@1024/development_sb_blog.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/92/@1366/development_sb_blog.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/92/@1600/development_sb_blog.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/92/@1920/development_sb_blog.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/92/@100/development_sb_blog.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/92/@200/development_sb_blog.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/92/@500/development_sb_blog.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/92/@768/development_sb_blog.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/92/@1024/development_sb_blog.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/92/@1366/development_sb_blog.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/92/@1600/development_sb_blog.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/92/@1920/development_sb_blog.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Stavros Sotiropoulos"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"January 19th, 2018"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","textContent":"As GraphQL becomes more and more used in REST APIs as the query language for data fetching, the question of optimal server side data storing is rising. I will demonstrate a simple way of fetching decoupled data using GraphQL and test the average server response time with 1,000,000 objects and 200 requests."}],"plainText":["As GraphQL becomes more and more used in REST APIs as the query language for data fetching, the question of optimal server side data storing is rising. I will demonstrate a simple way of fetching decoupled data using GraphQL and test the average server response time with 1,000,000 objects and 200 requests."]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":null,"body":{"json":[{"kind":"block","type":"paragraph","textContent":"This blog post aims to show the strengths of GraphQL, in a decoupled system, meaning there is no transaction with the database. Data objects are exported in individual files, allowing the system to be highly scalable, and the average server response time to be stable and independent from the file number. Also notice that I run this example locally, so there is no network delay to be taken into consideration."}]},"videos":null,"images":null},{"title":{"text":"Installing the modules"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"The modules used in this example are shown bellow. Express will be used to build our server, express-graphql to create our graphql endpoint, and morgan to log the server response time in the console."},{"kind":"block","type":"preformatted","children":[{"type":"code","kind":"block","textContent":"npm install express express-graphql graphql randomstring random-words","metadata":{"language":"javascript"}}]}]},"videos":null,"images":null},{"title":{"text":"GraphQL object type declaration"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"The returned object for this example has the form of a simple article with an id, a title, and a body. The data is randomly generated."},{"kind":"block","type":"preformatted","children":[{"type":"code","kind":"block","textContent":"var servedObjectType = new graphql.GraphQLObjectType({\n name: 'servedObject',\n fields: function() {\n return {\n id: {\n type: graphql.GraphQLInt\n },\n title: {\n type: graphql.GraphQLString\n },\n body: {\n type: graphql.GraphQLString\n }\n }\n }\n});","metadata":{"language":"javascript"}}]}]},"videos":null,"images":null},{"title":{"text":"GraphQL query type declaration"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"The GraphQL query requests the article's id and simply returns the object if found. You can see the declaration bellow:"},{"kind":"block","type":"preformatted","children":[{"type":"code","kind":"block","textContent":"var queryType = new graphql.GraphQLObjectType({\n name: 'Query',\n fields: function () {\n return {\n fetchArticle: {\n type: servedObjectType,\n args: {\n id: {type: graphql.GraphQLInt}\n },\n resolve: function (_, { id} ) {\n return JSON.parse(fs.readFileSync(JsonFiles + '/' + id+\".json\", 'utf8'));\n }\n }\n }\n }\n});","metadata":{"language":"javascript"}}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"line-break"}]}]},"videos":null,"images":null},{"title":{"text":"GraphQL endpoint on the Express server"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"For this example the endpoint provides an interface for GraphQL querying, accessible from the web browser, this should not be available in production mode, you can change this by setting the \"graphiql\" value to false."},{"kind":"block","type":"preformatted","children":[{"type":"code","kind":"block","textContent":"app.use('/graphql', graphqlHTTP({\n schema: graphql.schema,\n graphiql: true\n}));","metadata":{"language":"javascript"}}]}]},"videos":null,"images":null},{"title":{"text":"Testing with Postman and Newman"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"As for testing, I generate 1,000,000 articles with dummy data. I also created a simple Node JS module using Newman to make 200 concurrent requests, and presents us with the average server response time in the end. "},{"kind":"inline","type":"link","metadata":{"href":"https://github.com/snowballdigital/graphql-example/blob/master/testing.js"},"textContent":"You can view the newman testing script here"},{"kind":"inline","textContent":". Bellow I present a sample of the console log and the average response time."}]},{"kind":"block","type":"preformatted","children":[{"type":"code","kind":"block","textContent":"Node Server Sample Log\n\nPOST /graphql 200 3.122 ms - 1081\nPOST /graphql 200 2.965 ms - 1077\nPOST /graphql 200 2.168 ms - 1080\nPOST /graphql 200 1.576 ms - 1082","metadata":{"language":"javascript"}}]},{"kind":"block","type":"preformatted","children":[{"type":"code","kind":"block","textContent":"Newman Node Script Log\n*******************************\nTest run average: 5.08\n*******************************","metadata":{"language":"javascript"}}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"line-break"}]}]},"videos":null,"images":null}]}}]},{"topics":[{"name":"User Experience"},{"name":"Product Design"}],"name":"The Easy Way to Successful User Testing","path":"/assets/blog/the-easy-way-to-successful-user-testing","id":"676011ba76e769e5a5893dff","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"The Easy Way to Successful User Testing"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/15/17/blog2.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/15/17/@100/blog2.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/17/@200/blog2.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/17/@500/blog2.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/17/@768/blog2.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/17/@1024/blog2.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/17/@1366/blog2.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/17/@1600/blog2.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/17/@1920/blog2.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/17/@100/blog2.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/17/@200/blog2.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/17/@500/blog2.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/17/@768/blog2.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/17/@1024/blog2.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/17/@1366/blog2.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/17/@1600/blog2.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/17/@1920/blog2.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/17/@100/blog2.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/17/@200/blog2.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/17/@500/blog2.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/17/@768/blog2.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/17/@1024/blog2.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/17/@1366/blog2.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/17/@1600/blog2.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/17/@1920/blog2.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Filipa Amado"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"August 22nd, 2018"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","textContent":"When you hear the words “User Testing,” it’s easy to imagine some intimidating lab test that’s difficult to execute. Maybe you are creating a website or an application and think you don’t have the capacity or resources to execute something so complex. Or perhaps, working under pressure with crazy deadlines, you feel like you don’t have the time to do a usability test. However, the reality is that user testing can be simple and easy to do. Of course, it will require a degree of investment, but it will be worth it in the long run. Below I will share some things you need to know to start your journey in user testing."}],"plainText":["When you hear the words “User Testing,” it’s easy to imagine some intimidating lab test that’s difficult to execute. Maybe you are creating a website or an application and think you don’t have the capacity or resources to execute something so complex. Or perhaps, working under pressure with crazy deadlines, you feel like you don’t have the time to do a usability test. However, the reality is that user testing can be simple and easy to do. Of course, it will require a degree of investment, but it will be worth it in the long run. Below I will share some things you need to know to start your journey in user testing."]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":{"text":"The Importance of Usability Testing"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"link","metadata":{"href":"https://www.usertesting.com"},"textContent":"User testing"},{"kind":"inline","textContent":" is essential because it clearly illustrates, in real-time, how users interact with your product. Perhaps most importantly, user testing helps reveal any product issues. This you want to discover before you reach the final version of your product, as any changes at that point can turn out to be costly and time-consuming. In this regard, user testing helps you save money that would have typically been spent on last-minute design and development costs, which means you can spend your time more effectively by focusing on other things that need your attention."}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/259/_resized_1280.jpg","altText":null,"width":1280,"height":960,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/259/@100/_resized_1280.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/259/@200/_resized_1280.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/259/@500/_resized_1280.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/259/@768/_resized_1280.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/259/@1024/_resized_1280.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/259/@100/_resized_1280.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/259/@200/_resized_1280.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/259/@500/_resized_1280.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/259/@768/_resized_1280.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/259/@1024/_resized_1280.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/259/@100/_resized_1280.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/259/@200/_resized_1280.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/259/@500/_resized_1280.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/259/@768/_resized_1280.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/259/@1024/_resized_1280.avif","width":1024}]}]},{"title":{"text":"What do You Really Need?"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Not everyone has the budget to run a complex usability test. But keep in mind that the equipment and resources used don't need to be overly complicated. They are many "},{"kind":"inline","type":"link","metadata":{"href":"https://www.mockplus.com/blog/post/usability-testing-tools"},"textContent":"free or cheap tools ready"},{"kind":"inline","textContent":" to help you "},{"kind":"inline","type":"link","metadata":{"href":"https://www.invisionapp.com/inside-design/wireframe-prototype-difference/"},"textContent":"wireframe and prototype your product"},{"kind":"inline","textContent":", as well as assist you during the "},{"kind":"inline","type":"link","metadata":{"href":"https://usabilitygeek.com/8-usability-testing-tools-when-on-a-budget/"},"textContent":"actual test"},{"kind":"inline","textContent":" phase. It can be done anywhere, anytime, in person or online, as long as you have a laptop and a steady Internet connection. It is not the complexity of the equipment that matters - the important thing is that you are running a usability test!"}]}]},"videos":null,"images":null},{"title":{"text":"Choose the Tight Prototyping Tool"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"If this is your first usability test, we recommend keeping the prototype short and simple, as there is no need to complicate the process with an over-designed prototype. And on that same note, it also doesn't need to be a perfect prototype. While it is difficult for designers to show off their work while still in the \"sketch phase\" (I know this all too well!), the prototype only needs to show its basic purpose and central functions. The usability test will then help you to see if the design assumptions you made were correct. The goal here is to simply gather as much feedback as soon as possible. For this job, we use "},{"kind":"inline","type":"link","metadata":{"href":"https://www.sketchapp.com/"},"textContent":"Sketch"},{"kind":"inline","textContent":"."}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/260/192_screen_shot_20180822_at_14-15-57.png","altText":null,"width":1223,"height":585,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/260/@100/192_screen_shot_20180822_at_14-15-57.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/260/@200/192_screen_shot_20180822_at_14-15-57.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/260/@500/192_screen_shot_20180822_at_14-15-57.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/260/@768/192_screen_shot_20180822_at_14-15-57.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/260/@1024/192_screen_shot_20180822_at_14-15-57.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/260/@100/192_screen_shot_20180822_at_14-15-57.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/260/@200/192_screen_shot_20180822_at_14-15-57.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/260/@500/192_screen_shot_20180822_at_14-15-57.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/260/@768/192_screen_shot_20180822_at_14-15-57.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/260/@1024/192_screen_shot_20180822_at_14-15-57.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/260/@100/192_screen_shot_20180822_at_14-15-57.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/260/@200/192_screen_shot_20180822_at_14-15-57.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/260/@500/192_screen_shot_20180822_at_14-15-57.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/260/@768/192_screen_shot_20180822_at_14-15-57.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/260/@1024/192_screen_shot_20180822_at_14-15-57.avif","width":1024}]}]},{"title":{"text":"Find Your Target Audience"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"The next step is to understand and narrow your audience in order to recruit people in that group and user-test for it. It nearly goes without saying that there's no point in spending a considerable amount of time on a usability test if it gets tested on the wrong target! Be sure to spend some time finding the right kind of people for your test, and make sure the people you recruit relate to the problem you are trying to solve. Be sure to stay away from people close to the project, as their bias would most likely prevent candid feedback."},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"link","metadata":{"href":"https://www.smashingmagazine.com/2018/03/guide-user-testing/"},"textContent":"When you made your selection and are ready to start the test, it's essential to inform the participants that you are not testing them but the software. Since people are generally uncomfortable when being tested, keep it clear that there are no wrong answers"},{"kind":"inline","textContent":". They should be open about how they feel, and not be afraid to point out product flaws or errors as this stage is where the magic really happens in user testing!"}]}]},"videos":null,"images":null},{"title":{"text":"Getting Ready to Test"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Before the test itself, you should spend some time laying out the goals you want to achieve. Think about what exactly you want to test, such as which features may or may not work. For example, create "},{"kind":"inline","type":"link","metadata":{"href":"https://www.playbookux.com/writing-an-effective-user-testing-script/"},"textContent":"a script with a series of questions or tasks"},{"kind":"inline","textContent":" that would assist the users while testing the product. Just keep in mind that the way you ask the participants to do certain things has an enormous impact on your tests' outcome, as your script should not be a set of instructions. Remember, no one is standing over their shoulder telling them what to do in the real world. "},{"kind":"inline","type":"link","metadata":{"href":"https://www.smashingmagazine.com/2018/03/guide-user-testing/"},"textContent":"Your goal is to see how they react to the task, and helping them out in any way defeats that purpose."}]}]},"videos":null,"images":null},{"title":{"text":"How to Analyze Usability Test Results"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"After testing on a group of subjects, it’s time to see the results. As previously stated, user testing can reveal an unbelievable amount of details regarding the ways users interact with your product. Be critical when reading the results, and look for what differs between the users and what stays the same. Try to identify if users could complete the tasks successfully and how efficiently they were in doing so. Evaluate what works and what didn’t and pinpoint design elements that need to be changed. It’s also important to see if the user felt any enjoyment when testing the product and if so, figure out how you can increase that enjoyment. You will ultimately end up with a handful of objective and subjective findings that provide valuable feedback to shape and improve your design and product experience."}]},"videos":null,"images":null},{"title":{"text":"To Conclude"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"In the end, user testing is a critical part of the design process that, if possible, should not be avoided. If your goal is to create the best product for your audience, you need to know what your audience thinks about. "},{"kind":"inline","type":"link","metadata":{"href":"https://www.smashingmagazine.com/2018/03/guide-user-testing/"},"textContent":"Tests don’t need to run in high-tech laboratory conditions to be worthwhile. The most important thing is that you are testing your product, no matter how informal. "},{"kind":"inline","textContent":" "}]},{"kind":"block","type":"paragraph","textContent":"It’s up to you to choose how to execute and adapt this formula to your needs, but it will become much easier as you learn over time and conduct multiple tests. Be smart about it, do your research, run it well, and it will bring a lot of value in the long run. In the end, it’s just about getting some feedback to create a better product."},{"kind":"block","type":"paragraph","textContent":"Test on!"}]},"videos":null,"images":null}]}}]}],"topics":[{"name":"BlogType","children":[{"path":"/blogtype/product-design","name":"Product Design","children":null},{"path":"/blogtype/branding","name":"Branding","children":null},{"path":"/blogtype/development","name":"Development","children":null},{"path":"/blogtype/marketing","name":"Marketing","children":null},{"path":"/blogtype/user-experience","name":"User Experience","children":null},{"path":"/blogtype/growth-strategy","name":"Growth Strategy","children":null},{"path":"/blogtype/ai","name":"AI","children":null}]},{"name":"Image-Blogs","children":[{"path":"/image-blogs/hero-blogs","name":"Hero-Blogs","children":null},{"path":"/image-blogs/paragraph-images","name":"Paragraph Images","children":null}]},{"name":"HomePage","children":[{"path":"/homepage/slider","name":"Slider","children":null},{"path":"/homepage/work","name":"Work","children":null}]},{"name":"Work Page","children":[{"path":"/work-page/okay","name":"Okay","children":null},{"path":"/work-page/crystallize","name":"Crystallize","children":null},{"path":"/work-page/cemit","name":"Cemit","children":null},{"path":"/work-page/farstad-and-co","name":"Farstad & co.","children":null},{"path":"/work-page/reen","name":"Reen","children":null},{"path":"/work-page/hygeine-teknikk","name":"Hygeine Teknikk","children":null},{"path":"/work-page/splaesh","name":"Splaesh","children":null},{"path":"/work-page/inflow","name":"inflow","children":null},{"path":"/work-page/d4","name":"D4","children":null},{"path":"/work-page/speed","name":"speed","children":null},{"path":"/work-page/bunad","name":"bunad","children":null},{"path":"/work-page/my-rev","name":"my rev","children":null},{"path":"/work-page/billkill","name":"billkill","children":null},{"path":"/work-page/nomono","name":"nomono","children":null},{"path":"/work-page/carlings","name":"carlings","children":null}]},{"name":"About Us","children":[{"path":"/about-us/images-about-us","name":"Images-About us","children":null},{"path":"/about-us/team-avatars","name":"Team Avatars","children":null}]},{"name":"WorkType","children":[{"path":"/worktype/product-design","name":"Product Design","children":null},{"path":"/worktype/branding-and-marketing","name":"Branding & Marketing","children":null},{"path":"/worktype/uxui-design","name":"UX/UI Design","children":null},{"path":"/worktype/web-development","name":"Web Development","children":null},{"path":"/worktype/digital-transformation","name":"Digital Transformation","children":null},{"path":"/worktype/industrial-design","name":"Industrial Design","children":null}]},{"name":"ServiceType","children":[{"path":"/servicetype/product-strategy","name":"Product Strategy","children":[{"path":"/servicetype/product-strategy/e6f8ff","name":"#E6F8FF"}]},{"path":"/servicetype/product-design","name":"Product Design","children":[{"path":"/servicetype/product-design/ffe1f8","name":"#FFE1F8"}]},{"path":"/servicetype/engineering","name":"Engineering","children":[{"path":"/servicetype/engineering/fdfbef","name":"#FDFBEF"}]},{"path":"/servicetype/growth-marketing","name":"Growth Marketing","children":[{"path":"/servicetype/growth-marketing/ffdcc7","name":"#FFDCC7"}]},{"path":"/servicetype/branding-and-identity","name":"Branding & Identity","children":[{"path":"/servicetype/branding-and-identity/fff6c2","name":"#FFF6C2"}]},{"path":"/servicetype/value-testing","name":"Value Testing","children":[{"path":"/servicetype/value-testing/f3fdef","name":"#F3FDEF"}]}]}]}] </article></body></html>

7a:["$","$L7c",null,{"components":[{"topics":null,"name":"Predictive UX: Designing Tomorrow’s Experiences Today","path":"/assets/blog/predictive-ux-designing-tomorrows-experiences-today","id":"68428adbfe8d79e8a9883ede","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"Predictive UX: Designing Tomorrow’s Experiences Today"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/25/6/6/2/predictive_ux_sb_blog-4.png","altText":null,"width":1524,"height":1143,"variants":[{"url":"https://media.crystallize.com/snowball-digital/25/6/6/2/@100/predictive_ux_sb_blog-4.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/6/6/2/@200/predictive_ux_sb_blog-4.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/6/6/2/@500/predictive_ux_sb_blog-4.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/6/6/2/@768/predictive_ux_sb_blog-4.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/6/6/2/@1024/predictive_ux_sb_blog-4.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/6/6/2/@1366/predictive_ux_sb_blog-4.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/6/6/2/@100/predictive_ux_sb_blog-4.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/6/6/2/@200/predictive_ux_sb_blog-4.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/6/6/2/@500/predictive_ux_sb_blog-4.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/6/6/2/@768/predictive_ux_sb_blog-4.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/6/6/2/@1024/predictive_ux_sb_blog-4.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/6/6/2/@1366/predictive_ux_sb_blog-4.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/6/6/2/@100/predictive_ux_sb_blog-4.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/6/6/2/@200/predictive_ux_sb_blog-4.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/6/6/2/@500/predictive_ux_sb_blog-4.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/6/6/2/@768/predictive_ux_sb_blog-4.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/6/6/2/@1024/predictive_ux_sb_blog-4.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/6/6/2/@1366/predictive_ux_sb_blog-4.avif","width":1366}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Oddny Davidsdottir"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"June 6th, 2025"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"In the ever-evolving digital landscape, user experience (UX) is no longer just about usability - it’s about anticipation. Welcome to the era of Predictive UX, where interfaces don’t just respond to users - they "},{"kind":"inline","type":"emphasized","textContent":"understand"},{"kind":"inline","textContent":" and "},{"kind":"inline","type":"emphasized","textContent":"foresee"},{"kind":"inline","textContent":" their needs before they’re expressed. At Snowball Digital, we’re embracing this shift with open arms, and more importantly, with open minds."}]}],"plainText":["In the ever-evolving digital landscape, user experience (UX) is no longer just about usability - it’s about anticipation. Welcome to the era of Predictive UX, where interfaces don’t just respond to users - they understand and foresee their needs before they’re expressed. At Snowball Digital, we’re embracing this shift with open arms, and more importantly, with open minds."]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":{"text":"What Is Predictive UX?"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Predictive UX is the next generation of user-centered design. It combines real-time behavioral analytics, artificial intelligence, and contextual data to deliver hyper-personalized and proactive user experiences. Unlike traditional UX that reacts to user input, predictive UX uses machine learning and data modeling to "},{"kind":"inline","type":"emphasized","textContent":"anticipate"},{"kind":"inline","textContent":" what users will do next - suggesting actions, surfacing relevant content, or adjusting interfaces based on past behavior patterns."},{"kind":"inline","type":"line-break"}]},{"kind":"block","type":"paragraph"},{"kind":"block","type":"heading3","children":[{"kind":"inline","type":"underlined","textContent":"Think of it as UX that thinks ahead."}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/25/1/22/26/ai_marketing_sb_blog.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/25/1/22/26/@100/ai_marketing_sb_blog.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/26/@200/ai_marketing_sb_blog.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/26/@500/ai_marketing_sb_blog.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/26/@768/ai_marketing_sb_blog.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/26/@1024/ai_marketing_sb_blog.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/26/@1366/ai_marketing_sb_blog.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/26/@1600/ai_marketing_sb_blog.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/26/@1920/ai_marketing_sb_blog.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/26/@100/ai_marketing_sb_blog.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/26/@200/ai_marketing_sb_blog.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/26/@500/ai_marketing_sb_blog.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/26/@768/ai_marketing_sb_blog.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/26/@1024/ai_marketing_sb_blog.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/26/@1366/ai_marketing_sb_blog.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/26/@1600/ai_marketing_sb_blog.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/26/@1920/ai_marketing_sb_blog.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/26/@100/ai_marketing_sb_blog.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/26/@200/ai_marketing_sb_blog.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/26/@500/ai_marketing_sb_blog.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/26/@768/ai_marketing_sb_blog.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/26/@1024/ai_marketing_sb_blog.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/26/@1366/ai_marketing_sb_blog.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/26/@1600/ai_marketing_sb_blog.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/26/@1920/ai_marketing_sb_blog.avif","width":1920}]}]},{"title":{"text":"Why It Matters More Than Ever"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Users today expect intuitive, frictionless interactions across all platforms. They’re no longer wowed by seamlessness - it’s a baseline expectation. Predictive UX not only meets this demand but also creates a sense of "},{"kind":"inline","type":"emphasized","textContent":"delight and trust"},{"kind":"inline","textContent":". Whether it’s a product page that shows items you’re likely to want, or a dashboard that reorders itself based on your morning habits, predictive UX builds experiences that feel like they "},{"kind":"inline","type":"emphasized","textContent":"know you"},{"kind":"inline","textContent":"."},{"kind":"inline","type":"line-break"}]},{"kind":"block","type":"paragraph"},{"kind":"block","type":"paragraph","textContent":"At Snowball Digital, we recognize that predictive UX isn’t just a trend. It’s a paradigm shift - a new way to think about interaction design, content delivery, and customer satisfaction."}]},"videos":null,"images":null},{"title":{"text":"How We’re Adopting Predictive UX at Snowball"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"At Snowball Digital, innovation is in our DNA. As a team of strategists, designers, developers, and commercial thinkers, we’re always looking for new ways to push boundaries and create more intelligent experiences for our clients and users."},{"kind":"block","type":"paragraph"},{"kind":"block","type":"paragraph","textContent":"Here’s how we’re currently implementing predictive UX:"},{"kind":"block","type":"unordered-list","children":[{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"strong","textContent":"AI-Powered Insights:"},{"kind":"inline","textContent":" We’ve integrated AI analytics tools that help us understand user behavior more deeply, enabling data-driven design decisions."}]},{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"strong","textContent":"Adaptive Interfaces: "},{"kind":"inline","textContent":"We’re building more adaptable user flows that dynamically adjust based on real-time engagement."}]},{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"strong","textContent":"Smart Content Recommendations:"},{"kind":"inline","textContent":" Our content systems are starting to leverage AI to deliver personalized, predictive content for diverse audiences."}]}]},{"kind":"block","type":"paragraph","textContent":"And that’s just the beginning. We’re currently experimenting with technologies like GPT-powered chat interfaces, predictive search, and behavioral heatmaps to inform our design strategies - constantly learning and evolving with every project."},{"kind":"block","type":"paragraph"}]},"videos":null,"images":null},{"title":{"text":"The Road Ahead: Where We’re Going"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Of course, no innovation journey is without its bumps. While we’re making great strides in predictive UX, we’re also aware that:"},{"kind":"block","type":"unordered-list","children":[{"kind":"block","type":"list-item","textContent":"Data quality and integration remains a challenge."},{"kind":"block","type":"list-item","textContent":"Ethical considerations, such as transparency and privacy, must be front and center."},{"kind":"block","type":"list-item","textContent":"Continuous learning is essential - both for our systems and our teams."}]},{"kind":"block","type":"paragraph","textContent":"We don’t have it all figured out yet, and that’s okay. Our goal is not perfection but progress."}]},"videos":null,"images":null},{"title":{"text":"Our Future Vision"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"As we look to the future, we envision a UX ecosystem that is:"},{"kind":"block","type":"unordered-list","children":[{"kind":"block","type":"list-item","textContent":"Holistic: Integrating predictive systems across marketing, product, and customer support."},{"kind":"block","type":"list-item","textContent":"Ethical: Built on user trust, with full transparency into how predictions are made."},{"kind":"block","type":"list-item","textContent":"Truly Human-Centered: Using machine intelligence to empower - not manipulate - user choices."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"We’re building not just for what users "},{"kind":"inline","type":"emphasized","textContent":"want"},{"kind":"inline","textContent":" today, but for what they’ll need tomorrow."}]},{"kind":"block","type":"paragraph"},{"kind":"block","type":"paragraph","textContent":"At Snowball Digital, evolution isn’t a phase - it’s a mindset. We believe that staying on the cutting edge means constantly experimenting, questioning, and adapting. Predictive UX is not just a buzzword - it’s the future we’re actively creating, one interaction at a time."},{"kind":"block","type":"paragraph"},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"If you’re ready to build user experiences that are smarter, faster, and more human, let’s talk."},{"kind":"inline","type":"line-break"},{"kind":"inline","type":"line-break"},{"kind":"inline","type":"line-break"},{"kind":"inline","textContent":"Explore More on Predictive UX:"}]},{"kind":"block","type":"unordered-list","children":[{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"link","metadata":{"href":"https://www.mckinsey.com/industries/technology-media-and-telecommunications/our-insights/unlocking-the-value-of-personalization-at-scale-for-operators","rel":"noreferrer"},"textContent":"McKinsey&Company"}]},{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"link","metadata":{"href":"https://www.smashingmagazine.com/2023/03/ai-technology-transform-design/","rel":"noreferrer"},"textContent":"Smashing Magazine"}]},{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"link","metadata":{"href":"https://www.osedea.com/insight/elevating-user-experiences-with-predictive-ux-design#:~:text=Predictive%20UX%20taps%20into%20the,and%20personalization%20in%20every%20touchpoint.","rel":"noreferrer"},"textContent":"Osedea"}]},{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"link","metadata":{"href":"https://www.inputux.com/post/predictive-user-experiences-how-ai-anticipates-user-needs-and-enhances-interactions","rel":"noreferrer"},"textContent":"InputUX"}]},{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"link","metadata":{"href":"https://articles.ux-primer.com/how-predictive-ux-analytics-is-revolutionizing-digital-design-dd86383ffb55","rel":"noreferrer"},"textContent":"Medium"}]},{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"link","metadata":{"href":"https://www.predictiveux.com/case-studies","rel":"noreferrer"},"textContent":"PredictiveUX"}]}]},{"kind":"block","type":"paragraph"},{"kind":"block","type":"paragraph"}]},"videos":null,"images":null}]}}]},{"topics":[{"name":"Product Design"},{"name":"User Experience"},{"name":"Growth Strategy"},{"name":"AI"}],"name":"How AI is Shaping the Future of Digital Product Design","path":"/assets/blog/how-ai-is-shaping-the-future-of-digital-product-design","id":"6790ace8f8adc6dbc38ec227","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"How AI is Shaping the Future of Digital Product Design"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/25/1/22/27/ai_figma_sb_blog.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/25/1/22/27/@100/ai_figma_sb_blog.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/27/@200/ai_figma_sb_blog.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/27/@500/ai_figma_sb_blog.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/27/@768/ai_figma_sb_blog.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/27/@1024/ai_figma_sb_blog.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/27/@1366/ai_figma_sb_blog.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/27/@1600/ai_figma_sb_blog.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/27/@1920/ai_figma_sb_blog.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/27/@100/ai_figma_sb_blog.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/27/@200/ai_figma_sb_blog.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/27/@500/ai_figma_sb_blog.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/27/@768/ai_figma_sb_blog.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/27/@1024/ai_figma_sb_blog.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/27/@1366/ai_figma_sb_blog.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/27/@1600/ai_figma_sb_blog.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/27/@1920/ai_figma_sb_blog.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/27/@100/ai_figma_sb_blog.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/27/@200/ai_figma_sb_blog.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/27/@500/ai_figma_sb_blog.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/27/@768/ai_figma_sb_blog.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/27/@1024/ai_figma_sb_blog.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/27/@1366/ai_figma_sb_blog.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/27/@1600/ai_figma_sb_blog.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/27/@1920/ai_figma_sb_blog.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Oddny Davidsdottir"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"January 22nd, 2025"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","textContent":"Artificial intelligence (AI) is revolutionising the landscape of digital product design, enabling businesses to create more personalised, efficient, and scalable solutions. From automating design processes to enhancing user experiences through data-driven insights, AI is rapidly becoming a game-changer in the industry."}],"plainText":["Artificial intelligence (AI) is revolutionising the landscape of digital product design, enabling businesses to create more personalised, efficient, and scalable solutions. From automating design processes to enhancing user experiences through data-driven insights, AI is rapidly becoming a game-changer in the industry."]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":{"text":"The Role of AI in Digital Product Design"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"AI-driven tools are transforming the way designers work by streamlining repetitive tasks, offering predictive analytics, and enhancing creativity. Key areas where AI is making an impact include:"}]},"videos":null,"images":null},{"title":{"text":"Automated Design Processes "},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"AI-powered tools can generate layouts, suggest design elements, and create prototypes based on user preferences and behavior patterns. "},{"kind":"inline","type":"line-break"},{"kind":"inline","textContent":"Notable tools include:"}]},{"kind":"block","type":"unordered-list","children":[{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"strong","textContent":"Figma"},{"kind":"inline","textContent":": A collaborative design platform that leverages AI for features like auto-layout, which adjusts designs dynamically as content changes."},{"kind":"inline","type":"line-break"},{"kind":"inline","textContent":"("},{"kind":"inline","type":"link","metadata":{"href":"https://wbcomdesigns.com/best-ai-design-tools/?utm_source=chatgpt.com"},"children":[{"kind":"inline","type":"underlined","textContent":"Wbcom Designs"}]},{"kind":"inline","type":"underlined","textContent":")"}]},{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"strong","textContent":"Uizard"},{"kind":"inline","textContent":": Transforms sketches into high-fidelity wireframes and prototypes, accelerating the design process."},{"kind":"inline","type":"link","metadata":{"href":"https://www.uxdesigninstitute.com/blog/the-top-8-ai-tools-for-ux/?utm_source=chatgpt.com"},"children":[{"kind":"inline","textContent":" ("},{"kind":"inline","type":"underlined","textContent":"UX Design Institute"}]},{"kind":"inline","textContent":")"}]}]}]},"videos":null,"images":null},{"title":{"text":"Enhanced UX/UI Personalization:"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"AI enables digital products to deliver tailored experiences by analyzing user data and adapting interfaces in real time. "},{"kind":"inline","type":"line-break"},{"kind":"inline","textContent":"Tools facilitating this include:"}]},{"kind":"block","type":"unordered-list","children":[{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"strong","textContent":"Neurons"},{"kind":"inline","textContent":": Provides advanced behavior analytics to help designers create user-centric designs."},{"kind":"inline","type":"line-break"},{"kind":"inline","type":"link","metadata":{"href":"https://www.uxdesigninstitute.com/blog/the-top-8-ai-tools-for-ux/?utm_source=chatgpt.com"},"children":[{"kind":"inline","textContent":" "},{"kind":"inline","type":"underlined","textContent":"UX Design Institute"}]}]},{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"strong","textContent":"Attention Insight"},{"kind":"inline","textContent":": Offers AI-powered heatmaps to predict where users will focus, aiding in optimizing design layouts."},{"kind":"inline","type":"line-break"},{"kind":"inline","type":"link","metadata":{"href":"https://www.uxdesigninstitute.com/blog/the-top-8-ai-tools-for-ux/?utm_source=chatgpt.com"},"children":[{"kind":"inline","textContent":" "},{"kind":"inline","type":"underlined","textContent":"UX Design Institute"}]}]}]}]},"videos":null,"images":null},{"title":{"text":"Predictive Analytics:"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"AI algorithms can anticipate user needs and provide actionable insights, enabling businesses to stay ahead of customer expectations. Tools include:"},{"kind":"block","type":"unordered-list","children":[{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"strong","textContent":"MonkeyLearn"},{"kind":"inline","textContent":": An AI platform for text analysis, helping in understanding user feedback and sentiment."},{"kind":"inline","type":"line-break"},{"kind":"inline","type":"link","metadata":{"href":"https://www.uxdesigninstitute.com/blog/the-top-8-ai-tools-for-ux/?utm_source=chatgpt.com"},"children":[{"kind":"inline","textContent":" "},{"kind":"inline","type":"underlined","textContent":"UX Design Institute"}]}]},{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"strong","textContent":"Galileo AI"},{"kind":"inline","textContent":": Generates UI designs from text prompts, assisting in rapid prototyping and iteration."},{"kind":"inline","type":"line-break"},{"kind":"inline","type":"link","metadata":{"href":"https://www.uxdesigninstitute.com/blog/the-top-8-ai-tools-for-ux/?utm_source=chatgpt.com"},"children":[{"kind":"inline","textContent":" "},{"kind":"inline","type":"underlined","textContent":"UX Design Institute"}]}]}]}]},"videos":null,"images":null},{"title":{"text":"Content Optimization:"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"AI assists in analysing vast amounts of data to optimise visual content, ensuring the right message reaches the right audience. "},{"kind":"inline","type":"line-break"},{"kind":"inline","textContent":"Tools such as:"}]},{"kind":"block","type":"unordered-list","children":[{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"strong","textContent":"Canva"},{"kind":"inline","textContent":": A user-friendly graphic design platform that uses AI to simplify design processes with ready-made templates and smart suggestions."},{"kind":"inline","type":"line-break"},{"kind":"inline","type":"link","metadata":{"href":"https://raw.studio/blog/top-30-ai-tools-for-designers-in-2025/?utm_source=chatgpt.com"},"children":[{"kind":"inline","textContent":" "},{"kind":"inline","type":"underlined","textContent":"Raw.Studio"}]}]},{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"strong","textContent":"Adobe Sensei"},{"kind":"inline","textContent":": Integrates AI and machine learning into Adobe's creative tools, enhancing features like image recognition and automated design adjustments."},{"kind":"inline","type":"line-break"},{"kind":"inline","type":"link","metadata":{"href":"https://bitskingdom.com/blog/ai-tools-ux-ui-design-guide/?utm_source=chatgpt.com"},"children":[{"kind":"inline","textContent":" "},{"kind":"inline","type":"underlined","textContent":"Bits Kingdom | Any world is possible"}]}]}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/25/1/22/27/ai_figma_sb_blog.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/25/1/22/27/@100/ai_figma_sb_blog.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/27/@200/ai_figma_sb_blog.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/27/@500/ai_figma_sb_blog.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/27/@768/ai_figma_sb_blog.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/27/@1024/ai_figma_sb_blog.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/27/@1366/ai_figma_sb_blog.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/27/@1600/ai_figma_sb_blog.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/27/@1920/ai_figma_sb_blog.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/27/@100/ai_figma_sb_blog.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/27/@200/ai_figma_sb_blog.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/27/@500/ai_figma_sb_blog.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/27/@768/ai_figma_sb_blog.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/27/@1024/ai_figma_sb_blog.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/27/@1366/ai_figma_sb_blog.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/27/@1600/ai_figma_sb_blog.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/27/@1920/ai_figma_sb_blog.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/27/@100/ai_figma_sb_blog.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/27/@200/ai_figma_sb_blog.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/27/@500/ai_figma_sb_blog.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/27/@768/ai_figma_sb_blog.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/27/@1024/ai_figma_sb_blog.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/27/@1366/ai_figma_sb_blog.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/27/@1600/ai_figma_sb_blog.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/27/@1920/ai_figma_sb_blog.avif","width":1920}]}]},{"title":{"text":"How Snowball.Digital Leverages AI in Product Design"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"At Snowball.Digital, we embrace AI to push the boundaries of digital product design and deliver exceptional solutions that align with business goals. "},{"kind":"inline","type":"line-break"},{"kind":"inline","textContent":"Our approach includes:"}]},{"kind":"block","type":"paragraph"},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"strong","textContent":"Data-Driven Design Decisions"},{"kind":"inline","textContent":" "},{"kind":"inline","type":"line-break"},{"kind":"inline","textContent":"We leverage AI-powered analytics to gain deep insights into user behavior, helping us craft experiences that are intuitive, engaging, and conversion-focused."}]},{"kind":"block","type":"paragraph"},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"strong","textContent":"Intelligent Prototyping and Testing"},{"kind":"inline","textContent":" "},{"kind":"inline","type":"line-break"},{"kind":"inline","textContent":"We are exploring AI-driven prototyping tools such as Uizard and Galileo AI, which allow for rapid testing of design variations. These tools provide opportunities to experiment with different layouts and functionalities, analyse user interactions in real time, and potentially make data-backed improvements to the user journey when appropriate for the right projects."}]},{"kind":"block","type":"paragraph"},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"strong","textContent":"Personalisation at Scale"},{"kind":"inline","textContent":" "},{"kind":"inline","type":"line-break"},{"kind":"inline","textContent":"We are aware of AI tools like Neurons and Attention Insight, which can dynamically adapt content, visuals, and functionality based on user preferences and behavior. When suitable, these tools can help ensure that each user receives a unique experience tailored to their needs, ultimately improving engagement and retention."}]},{"kind":"block","type":"paragraph"},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"strong","textContent":"Automated Workflow Efficiency"},{"kind":"inline","textContent":" "},{"kind":"inline","type":"line-break"},{"kind":"inline","textContent":"AI-driven tools such as Adobe Sensei and Canva offer automation of repetitive design tasks. We are considering their potential to enhance productivity by streamlining workflow processes, freeing up our designers to focus on strategic and creative aspects of their projects."}]},{"kind":"block","type":"paragraph"}]},"videos":null,"images":null},{"title":{"text":"Why Businesses Should Invest in AI-Driven Design"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Integrating AI into digital product design provides numerous benefits, including:"},{"kind":"inline","type":"line-break"}]},{"kind":"block","type":"unordered-list","children":[{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"strong","textContent":"Improved User Engagement"},{"kind":"inline","textContent":": Personalised experiences keep users engaged and drive higher conversion rates."}]},{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"strong","textContent":"Faster Time to Market"},{"kind":"inline","textContent":": AI accelerates the design process by automating repetitive tasks and optimising workflows."}]},{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"strong","textContent":"Cost Efficiency"},{"kind":"inline","textContent":": AI reduces manual effort, enabling businesses to achieve more with fewer resources."}]},{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"strong","textContent":"Scalability"},{"kind":"inline","textContent":": AI-driven designs can easily adapt to evolving user needs and market demands."}]}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/25/1/22/26/ai_marketing_sb_blog.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/25/1/22/26/@100/ai_marketing_sb_blog.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/26/@200/ai_marketing_sb_blog.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/26/@500/ai_marketing_sb_blog.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/26/@768/ai_marketing_sb_blog.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/26/@1024/ai_marketing_sb_blog.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/26/@1366/ai_marketing_sb_blog.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/26/@1600/ai_marketing_sb_blog.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/26/@1920/ai_marketing_sb_blog.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/26/@100/ai_marketing_sb_blog.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/26/@200/ai_marketing_sb_blog.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/26/@500/ai_marketing_sb_blog.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/26/@768/ai_marketing_sb_blog.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/26/@1024/ai_marketing_sb_blog.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/26/@1366/ai_marketing_sb_blog.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/26/@1600/ai_marketing_sb_blog.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/26/@1920/ai_marketing_sb_blog.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/26/@100/ai_marketing_sb_blog.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/26/@200/ai_marketing_sb_blog.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/26/@500/ai_marketing_sb_blog.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/26/@768/ai_marketing_sb_blog.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/26/@1024/ai_marketing_sb_blog.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/26/@1366/ai_marketing_sb_blog.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/26/@1600/ai_marketing_sb_blog.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/26/@1920/ai_marketing_sb_blog.avif","width":1920}]}]},{"title":{"text":"Take Your Digital Products to the Next Level with Snowball.Digital"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"As AI continues to shape the future of digital product design, businesses that leverage its potential will stay ahead of the competition. At Snowball.Digital, we combine cutting-edge AI technology with our expertise in UX/UI design to create future-proof solutions that drive results."},{"kind":"block","type":"paragraph"},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Let’s collaborate and bring AI-powered innovation to your business. "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball-digital-2-0.vercel.app/contact","rel":"noreferrer"},"children":[{"kind":"inline","type":"strong","children":[{"kind":"inline","type":"underlined","textContent":"Contact us"}]}]},{"kind":"inline","textContent":" today to get started!"},{"kind":"inline","type":"line-break"},{"kind":"inline","type":"line-break"}]}]},"videos":null,"images":null}]}}]},{"topics":[{"name":"Product Design"},{"name":"Branding"},{"name":"Development"}],"name":"5 Signs It's Time for a Website Redesign (And Why We Did It Too)","path":"/assets/blog/5-signs-its-time-for-a-website-redesign-and-why-we-did-it-too","id":"67a36465130f253f3db77f2e","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"5 Signs It's Time for a Website Redesign (And Why We Did It Too)"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/79/user_experience_sb_blog.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/79/@100/user_experience_sb_blog.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/79/@200/user_experience_sb_blog.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/79/@500/user_experience_sb_blog.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/79/@768/user_experience_sb_blog.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/79/@1024/user_experience_sb_blog.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/79/@1366/user_experience_sb_blog.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/79/@1600/user_experience_sb_blog.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/79/@1920/user_experience_sb_blog.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/79/@100/user_experience_sb_blog.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/79/@200/user_experience_sb_blog.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/79/@500/user_experience_sb_blog.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/79/@768/user_experience_sb_blog.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/79/@1024/user_experience_sb_blog.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/79/@1366/user_experience_sb_blog.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/79/@1600/user_experience_sb_blog.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/79/@1920/user_experience_sb_blog.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/79/@100/user_experience_sb_blog.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/79/@200/user_experience_sb_blog.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/79/@500/user_experience_sb_blog.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/79/@768/user_experience_sb_blog.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/79/@1024/user_experience_sb_blog.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/79/@1366/user_experience_sb_blog.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/79/@1600/user_experience_sb_blog.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/79/@1920/user_experience_sb_blog.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Oddný Davídsdóttir"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"February 5th, 2025"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Your website is often the first impression potential clients get of your business. But when was the last time you evaluated its performance and relevance? If you're experiencing any of these signs, it might be time for a website redesign—just like we did at "},{"kind":"inline","type":"underlined","textContent":"Snowball.Digital"},{"kind":"inline","textContent":"."}]}],"plainText":["Your website is often the first impression potential clients get of your business. But when was the last time you evaluated its performance and relevance? If you're experiencing any of these signs, it might be time for a website redesign—just like we did at Snowball.Digital."]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":{"text":"1. Your Website Looks Outdated"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Web design trends evolve rapidly, and an outdated website can hurt your brand perception and user engagement. If your site no longer aligns with your business identity, it's time for a refresh. That’s why we recently redesigned our own website—to create a more modern look that emphasizes craftsmanship, integrates custom hand-drawn illustrations, and features a more vibrant and engaging color palette to enhance the user experience."}]},"videos":null,"images":null},{"title":{"text":"2. Your Website Isn't Converting Visitors"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"A website should be a powerful tool for lead generation and business growth. If you're not seeing enough engagement, conversions, or inquiries, your website may need better UX design, clearer call-to-actions, or improved content strategy. In our redesign, we took a comprehensive approach—reviewing and rewriting every page to ensure our messaging aligns with our current vision. We updated our service offerings, refreshed case descriptions, and fine-tuned our content to better reflect our expertise and attract the right clients."}]},"videos":null,"images":null},{"title":{"text":"3. Your Content Feels Outdated or Incomplete"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Your website content should reflect your current offerings, achievements, and market position. If your case studies, services, or blog content are outdated, it could give potential customers the wrong impression and reduce engagement. As part of our recent update, we not only refreshed our case descriptions to better showcase our work and success stories but also took a proactive approach to content creation. We're developing a series of new, relevant articles that address today's digital landscape and provide valuable insights for businesses. To ensure consistency and relevance, we've implemented a structured content plan with a dedicated blog schedule, helping us stay ahead and continuously provide meaningful content to our audience."}]},"videos":null,"images":null},{"title":{"text":"4. Your Website Performance Is Slow or Not Mobile-Friendly"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"With more users browsing on mobile devices than ever, an unresponsive or slow website can lead to high bounce rates and lost opportunities. Poor load times and clunky navigation frustrate visitors and can negatively impact SEO rankings. In our redesign, we not only focused on optimizing for speed and mobile responsiveness but also worked to strike the perfect balance between functionality and aesthetics. We introduced subtle animations and interactive elements to make our website feel more dynamic and engaging—while ensuring that no feature compromises performance. Every detail was carefully considered to enhance user experience without slowing down the site."}]},"videos":null,"images":null},{"title":{"text":"5. Your Business Has Grown or Shifted Focus"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"If your brand has evolved, your website should reflect that growth. Whether you've expanded services, rebranded, or entered new markets, a redesign can help align your online presence with your current vision. For us at Snowball.Digital, our website refresh was essential to better communicate our expanded capabilities and future ambitions."}]},"videos":null,"images":null},{"title":{"text":" Why Businesses Hesitate to Redesign – And Why It’s Worth the Investment"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Many businesses put off a website redesign due to concerns about cost, time, or the fear of disrupting their current operations. It’s understandable—redesigning a website is an investment. However, an outdated or underperforming website can cost you more in the long run by driving potential clients away, diminishing brand credibility, and missing out on valuable business opportunities."},{"kind":"block","type":"paragraph","textContent":"A well-executed redesign not only enhances your brand presence but also improves user experience, increases conversions, and strengthens your online visibility. At Snowball.Digital, we viewed our own redesign as a strategic investment—one that allows us to better showcase our expertise, stay competitive in the digital landscape, and provide a platform that grows with our business. When done right, a website redesign pays off by attracting the right audience, boosting engagement, and ultimately driving business growth."},{"kind":"block","type":"paragraph"}]},"videos":null,"images":null},{"title":{"text":"Is it time to redesign your website?"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"If any of these signs sound familiar, it’s time to take action. At Snowball.Digital, our recent website redesign allowed us to better showcase our expertise with a focus on modern design, craftsmanship, and an improved user experience. "},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/contact","rel":"noreferrer"},"textContent":"Let us help you achieve the same."}]}]},"videos":null,"images":null}]}}]},{"topics":[{"name":"Product Design"},{"name":"Growth Strategy"}],"name":"7 Tips for Writing Audience-Engaging Content","path":"/assets/blog/7-tips-for-writing-audience-engaging-content","id":"675fb991ed4383af9fa4d5f1","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"7 Tips for Writing Audience-Engaging Content"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/9/marketing_sb_blog.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/9/@100/marketing_sb_blog.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/9/@200/marketing_sb_blog.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/9/@500/marketing_sb_blog.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/9/@768/marketing_sb_blog.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/9/@1024/marketing_sb_blog.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/9/@1366/marketing_sb_blog.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/9/@1600/marketing_sb_blog.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/9/@1920/marketing_sb_blog.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/9/@100/marketing_sb_blog.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/9/@200/marketing_sb_blog.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/9/@500/marketing_sb_blog.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/9/@768/marketing_sb_blog.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/9/@1024/marketing_sb_blog.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/9/@1366/marketing_sb_blog.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/9/@1600/marketing_sb_blog.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/9/@1920/marketing_sb_blog.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/9/@100/marketing_sb_blog.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/9/@200/marketing_sb_blog.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/9/@500/marketing_sb_blog.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/9/@768/marketing_sb_blog.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/9/@1024/marketing_sb_blog.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/9/@1366/marketing_sb_blog.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/9/@1600/marketing_sb_blog.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/9/@1920/marketing_sb_blog.avif","width":1920}]},{"url":"https://media.crystallize.com/cd94c4af-1ec0-42d4-bac5-e60672c3997b","altText":null,"width":null,"height":null,"variants":null}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Kaity Roberts"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"Jult 1st, 2021"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"inline","type":null,"textContent":"With more and more business taking their marketing efforts online, customers face an overwhelming amount of content. Ads, photos, videos, newsletters, blogs: the list goes on and on. So how can you help your content stay afloat in an ocean of words all vying for your customers’ attention? The answer is simple: intentional, well-planned, original content."}],"plainText":["With more and more business taking their marketing efforts online, customers face an overwhelming amount of content. Ads, photos, videos, newsletters, blogs: the list goes on and on. So how can you help your content stay afloat in an ocean of words all vying for your customers’ attention? The answer is simple: intentional, well-planned, original content."]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":{"text":"Real Content for a Fake Internet"},"body":{"json":[{"kind":"inline","type":null,"textContent":"$7d"}]},"videos":null,"images":null},{"title":{"text":"Create an Attention-Grabbing Headline"},"body":{"json":[{"kind":"inline","type":null,"textContent":"$7e"}]},"videos":null,"images":null},{"title":{"text":"Make Your Article Reader-friendly"},"body":{"json":[{"kind":"inline","type":null,"textContent":"Time is the most precious resource we have. Yet, as we just mentioned, most people can’t be bothered to read past a headline. Even I am guilty of sharing an article without having read it! So for the readers who do make it past the title, the ability to easily skim through the content and process the information provided is crucial. Luckily, breaking down your article for friendly readability is easier than you think.,Use headers and subheaders: acting as focal points, they help keep your content organized and on track. Use lists or bullet points: these can be engaging because they’re easy to follow and provide immediate information without needing to process large amounts of text. Keep the formatting simple: bold and italicize where necessary, and choose colors and spacing wisely."}]},"videos":null,"images":null},{"title":{"text":"Appeal to Both Visual and Verbal Learners"},"body":{"json":[{"kind":"inline","type":null,"textContent":"$7f"}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/1/content-creator.png","altText":null,"width":850,"height":759,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/1/@100/content-creator.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/1/@200/content-creator.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/1/@500/content-creator.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/1/@768/content-creator.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/1/@100/content-creator.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/1/@200/content-creator.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/1/@500/content-creator.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/1/@768/content-creator.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/1/@100/content-creator.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/1/@200/content-creator.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/1/@500/content-creator.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/1/@768/content-creator.avif","width":768}]}]},{"title":{"text":"Let Passion Shine"},"body":{"json":[{"kind":"inline","type":null,"textContent":"There should always be a concrete reason for writing a piece of content, and a big one we like to focus on is putting your brand’s authenticity on display. Instead of regurgitating content, put in the extra effort to write something new, drawing from your own POV, passion, and expertise. It will be apparent to the reader that you mean what you say and have, to some extent, the authority to say it.,It’s hard to argue against the idea that passion is contagious. So if you love your product, you can expect, as a natural by-product, to convince your reader to love it too. No one is asking you to reinvent the wheel. You just need to relay your unique perspective on why the wheel is important."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/2/original-idea.png","altText":null,"width":1227,"height":849,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/2/@100/original-idea.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/2/@200/original-idea.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/2/@500/original-idea.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/2/@768/original-idea.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/2/@1024/original-idea.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/2/@100/original-idea.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/2/@200/original-idea.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/2/@500/original-idea.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/2/@768/original-idea.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/2/@1024/original-idea.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/2/@100/original-idea.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/2/@200/original-idea.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/2/@500/original-idea.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/2/@768/original-idea.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/2/@1024/original-idea.avif","width":1024}]}]},{"title":{"text":"Don’t Forget to Copy Edit"},"body":{"json":[{"kind":"inline","type":null,"textContent":"One of my biggest pet peeves is content that has not been edited. Mistakes in grammar, word choice, and sentence structure immediately compromise your reputation, which can leave viewers leaving your site just as quickly as they came in. But editing content doesn’t need to be hard or expensive: it can be as simple as asking a coworker or friend to give a quick read-through of your work, looking for those tricky blind spots that come from staring at a piece of content for too long. Additionally, editing doesn’t just catch errors, but offers a fresh perspective on repetition and redundancy. Of course, if you have something to say, say it! But good content is not inherently long. There is a lot of value in shorter pieces too, especially when time and attention spans are becoming increasing limited. If you’re truly a one-man-band, and you don’t have another human to check your content, we highly recommend using an online editor such as Grammerly."}]},"videos":null,"images":null},{"title":{"text":"Choose your Target Audience Wisely"},"body":{"json":[{"kind":"inline","type":null,"textContent":"$80"}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/7/know-your-audience.png","altText":null,"width":3084,"height":2230,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/7/@100/know-your-audience.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/7/@200/know-your-audience.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/7/@500/know-your-audience.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/7/@768/know-your-audience.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/7/@1024/know-your-audience.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/7/@1366/know-your-audience.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/7/@1600/know-your-audience.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/7/@1920/know-your-audience.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/7/@100/know-your-audience.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/7/@200/know-your-audience.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/7/@500/know-your-audience.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/7/@768/know-your-audience.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/7/@1024/know-your-audience.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/7/@1366/know-your-audience.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/7/@1600/know-your-audience.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/7/@1920/know-your-audience.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/7/@100/know-your-audience.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/7/@200/know-your-audience.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/7/@500/know-your-audience.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/7/@768/know-your-audience.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/7/@1024/know-your-audience.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/7/@1366/know-your-audience.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/7/@1600/know-your-audience.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/7/@1920/know-your-audience.avif","width":1920}]}]},{"title":{"text":"Use Reputable Sources"},"body":{"json":[{"kind":"inline","type":null,"textContent":"$81"}]},"videos":null,"images":null}]}}]},{"topics":[{"name":"Development"}],"name":"Using Solid Git Repository Workflow","path":"/assets/blog/using-solid-git-repository-workflow","id":"675fbb47d9ed36a574f9161d","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"Using Solid Git Repository Workflow"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/11/development_sb_blog.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/11/@100/development_sb_blog.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/11/@200/development_sb_blog.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/11/@500/development_sb_blog.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/11/@768/development_sb_blog.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/11/@1024/development_sb_blog.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/11/@1366/development_sb_blog.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/11/@1600/development_sb_blog.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/11/@1920/development_sb_blog.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/11/@100/development_sb_blog.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/11/@200/development_sb_blog.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/11/@500/development_sb_blog.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/11/@768/development_sb_blog.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/11/@1024/development_sb_blog.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/11/@1366/development_sb_blog.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/11/@1600/development_sb_blog.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/11/@1920/development_sb_blog.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/11/@100/development_sb_blog.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/11/@200/development_sb_blog.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/11/@500/development_sb_blog.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/11/@768/development_sb_blog.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/11/@1024/development_sb_blog.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/11/@1366/development_sb_blog.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/11/@1600/development_sb_blog.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/11/@1920/development_sb_blog.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Matej Horak"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"June 14th, 2021"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Have you ever been in a situation where you made incorrect changes to the main branch, ended up breaking the production, and then messed up the entire Git history? Me too. To never have to deal with "},{"kind":"inline","type":"strong","children":[{"kind":"inline","type":"emphasized","textContent":"that"}]},{"kind":"inline","textContent":" again, check out this blog post on some best practices I've come to rely on related to Git workflow configuration. "}]}],"plainText":["Have you ever been in a situation where you made incorrect changes to the main branch, ended up breaking the production, and then messed up the entire Git history? Me too. To never have to deal with that again, check out this blog post on some best practices I've come to rely on related to Git workflow configuration."]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":null,"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"link","metadata":{"href":"https://git-scm.com/"},"textContent":"Git"},{"kind":"inline","textContent":" is a standard versioning tool in software development. You can also consider it a ‘free and open source distributed version control system, designed to handle everything from small to large projects with speed and efficiency’. The software is used for:"}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"emphasized","textContent":"“…tracking changes in any set of files, usually for coordinating work among programmers collaboratively developing source code during software development. Its goals include speed, data integrity, and support for distributed, non-linear workflows.” - "},{"kind":"inline","type":"link","metadata":{"href":"https://en.wikipedia.org/wiki/Git"},"children":[{"kind":"inline","type":"emphasized","textContent":"Wikipedia"}]}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Once you are familiar with how Git works, you will eventually realize that there are quite a few commands that are possible to use in the "},{"kind":"inline","type":"strong","children":[{"kind":"inline","type":"emphasized","textContent":"wrong"}]},{"kind":"inline","textContent":" situation. To prevent such mistakes from happening, let’s configure your Git repository for a more protected workflow. "}]}]},"videos":null,"images":null},{"title":{"text":"Protected Branches and Merging via Pull Requests"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"The most basic rule to you should abide by is disabling direct push to any branches that are configured for releases (such as "},{"kind":"inline","type":"strong","children":[{"kind":"inline","type":"emphasized","textContent":"main"}]},{"kind":"inline","textContent":" or "},{"kind":"inline","type":"strong","children":[{"kind":"inline","type":"emphasized","textContent":"staging"}]},{"kind":"inline","textContent":"). The alternative is to implement new changes in the feature branch and merge them via a pull request. This approach forces you to do one extra check - at least a quick visual one - in order to end up with a much more solid implementation."}]},{"kind":"block","type":"paragraph","textContent":"You can configure such protected branches in the Git remote provider settings, GitHub or Gitlab. for example. A typical protected branch rule can look like this: "},{"kind":"block","type":"preformatted","children":[{"type":"code","kind":"block","textContent":"Branch name: main\nAllowed to push: No one\nAllowed to merge: Maintainers","metadata":{"language":"javascript"}}]},{"kind":"block","type":"paragraph","textContent":"Protected branches are relevant even when the repository has only one contributor. The rules should apply for all team members regardless of the role in a team, expertise, etc. It is easy to forget to check out the new feature branch. I tried to push to the wrong branch several times because of that."}]},"videos":null,"images":null},{"title":{"text":"Require Rebase Before Merge"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Imagine working on a project with multiple team members. In this situation, a person can release new changes to your target branch at the same time you are working on changes in your own feature branch. "}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/6/snowball-digitalpercent2f24percent2f12percent2f16percent2f4percent2foutdated_branch.png","altText":null,"width":1124,"height":509,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/6/@100/snowball-digitalpercent2f24percent2f12percent2f16percent2f4percent2foutdated_branch.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/6/@200/snowball-digitalpercent2f24percent2f12percent2f16percent2f4percent2foutdated_branch.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/6/@500/snowball-digitalpercent2f24percent2f12percent2f16percent2f4percent2foutdated_branch.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/6/@768/snowball-digitalpercent2f24percent2f12percent2f16percent2f4percent2foutdated_branch.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/6/@1024/snowball-digitalpercent2f24percent2f12percent2f16percent2f4percent2foutdated_branch.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/6/@100/snowball-digitalpercent2f24percent2f12percent2f16percent2f4percent2foutdated_branch.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/6/@200/snowball-digitalpercent2f24percent2f12percent2f16percent2f4percent2foutdated_branch.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/6/@500/snowball-digitalpercent2f24percent2f12percent2f16percent2f4percent2foutdated_branch.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/6/@768/snowball-digitalpercent2f24percent2f12percent2f16percent2f4percent2foutdated_branch.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/6/@1024/snowball-digitalpercent2f24percent2f12percent2f16percent2f4percent2foutdated_branch.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/6/@100/snowball-digitalpercent2f24percent2f12percent2f16percent2f4percent2foutdated_branch.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/6/@200/snowball-digitalpercent2f24percent2f12percent2f16percent2f4percent2foutdated_branch.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/6/@500/snowball-digitalpercent2f24percent2f12percent2f16percent2f4percent2foutdated_branch.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/6/@768/snowball-digitalpercent2f24percent2f12percent2f16percent2f4percent2foutdated_branch.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/6/@1024/snowball-digitalpercent2f24percent2f12percent2f16percent2f4percent2foutdated_branch.avif","width":1024}]}]},{"title":null,"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"By default, Git allows you to merge these changes from the outdated branch, as long as there is no conflict. However, ‘no merge conflict’ does not mean ‘working implementation’. Merging in this way is not considered a safe approach because tests were not using your code in combination with the latest version. A solution for this problem is "},{"kind":"inline","type":"link","metadata":{"href":"https://git-scm.com/docs/git-rebase"},"textContent":"rebasing"},{"kind":"inline","textContent":":"}]},{"kind":"block","type":"preformatted","children":[{"type":"code","kind":"block","textContent":"$$ git rebase origin/main","metadata":{"language":"javascript"}}]},{"kind":"block","type":"paragraph","textContent":"By rebasing before you do a code review, you are making sure to compare any changes made with the latest version. You could also see this as a way of wanting to add new changes without mixing them."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/5/rebase.png","altText":null,"width":1117,"height":823,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/5/@100/rebase.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/5/@200/rebase.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/5/@500/rebase.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/5/@768/rebase.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/5/@1024/rebase.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/5/@100/rebase.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/5/@200/rebase.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/5/@500/rebase.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/5/@768/rebase.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/5/@1024/rebase.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/5/@100/rebase.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/5/@200/rebase.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/5/@500/rebase.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/5/@768/rebase.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/5/@1024/rebase.avif","width":1024}]}]},{"title":{"text":"Clean Git History Log"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Having a clean Git history log is also a fundamental aspect of having a protected workflow. This is because sometimes new releases can contain a bug, even with a code review process and solid test coverage present. "},{"kind":"block","type":"paragraph","textContent":"Usually, the situation becomes apparent when something stops working. At this point, it is helpful to go through the latest changes and then identify the commit with the source of the issue. You should be able to revert the commit until a fix can be provided. It goes without saying that it is much easier to make this type of change when your Git history log is well-structured."},{"kind":"block","type":"paragraph","textContent":"The first general rule for a well-strutted Git history log is to have well-sized commits (the smaller the better), all of which are ready to release. In other words, tests or required refactoring should always be part of commits containing new features. "},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Besides that, spend time on the commit message name. The name should describe changes well, and ideally, there should be no need for additional commit description information. It is also possible to introduce a strict commit message format, such as "},{"kind":"inline","type":"link","metadata":{"href":"https://www.conventionalcommits.org/en/v1.0.0/"},"textContent":"Conventional Commits"},{"kind":"inline","textContent":". This format allows you to "},{"kind":"inline","type":"link","metadata":{"href":"https://github.com/semantic-release/semantic-release"},"textContent":"automate managing your product version and changelog"},{"kind":"inline","textContent":"."}]},{"kind":"block","type":"preformatted","children":[{"type":"code","kind":"block","textContent":"- ...\n- fix: delete subscription when it is processed\n- feat: automated subscription processing \n- refactor!: subscription request body structure\n- feat: exports API\n- ...","metadata":{"language":"javascript"}}]},{"kind":"block","type":"paragraph"}]},"videos":null,"images":null},{"title":{"text":"Conclusion"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"The takeaway here is that if you are able to spend just a few minutes on setting up a solid Git workflow, you will end up preventing hours of issue-fixing down the road. For example, the protected branch configuration takes about five minutes in GitHub - but would take many more minutes to repair. "},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Are you interested in working with things like Git repository workflow? Feel free to send us an email at "},{"kind":"inline","type":"link","metadata":{"href":"mailto:hello@snowball.digital"},"textContent":"hello@snowball.digital"},{"kind":"inline","textContent":" or check out our careers section for available developer positions!"}]}]},"videos":null,"images":null}]}}]},{"topics":null,"name":"How Snowball Turns Mental Health Awareness into Action","path":"/assets/blog/how-snowball-turns-mental-health-awareness-into-action","id":"675fb821ed4383af9fa4d5e2","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"How Snowball Turns Mental Health Awareness into Action"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/1/lifestyle_sb_blog.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/1/@100/lifestyle_sb_blog.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/1/@200/lifestyle_sb_blog.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/1/@500/lifestyle_sb_blog.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/1/@768/lifestyle_sb_blog.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/1/@1024/lifestyle_sb_blog.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/1/@1366/lifestyle_sb_blog.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/1/@1600/lifestyle_sb_blog.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/1/@1920/lifestyle_sb_blog.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/1/@100/lifestyle_sb_blog.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/1/@200/lifestyle_sb_blog.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/1/@500/lifestyle_sb_blog.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/1/@768/lifestyle_sb_blog.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/1/@1024/lifestyle_sb_blog.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/1/@1366/lifestyle_sb_blog.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/1/@1600/lifestyle_sb_blog.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/1/@1920/lifestyle_sb_blog.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/1/@100/lifestyle_sb_blog.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/1/@200/lifestyle_sb_blog.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/1/@500/lifestyle_sb_blog.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/1/@768/lifestyle_sb_blog.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/1/@1024/lifestyle_sb_blog.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/1/@1366/lifestyle_sb_blog.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/1/@1600/lifestyle_sb_blog.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/1/@1920/lifestyle_sb_blog.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Kaity Roberts"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"May 12th, 2022"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","textContent":"Over the years, we have watched the term 'mental health' make its way into the vocabulary of many countries and companies worldwide. It is changing from a quieted personal issue to a pillar of human health that society must address to achieve long-term well-being. As a worsening global issue that affects millions of people every day, Snowball puts mental health high on our company agenda as a priority for all employees."}],"plainText":["Over the years, we have watched the term 'mental health' make its way into the vocabulary of many countries and companies worldwide. It is changing from a quieted personal issue to a pillar of human health that society must address to achieve long-term well-being. As a worsening global issue that affects millions of people every day, Snowball puts mental health high on our company agenda as a priority for all employees."]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":{"text":"Supporting Diversity"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"We often talk about diversity because it is central to our success. Snowball welcomes people of all ages, nationalities, backgrounds, and walks of life to join our team and help us create magic for our clients. But we are not blind to the reality that living abroad, far from home and without a close support system, comes with some challenges. This leaves us with the responsibility to support our people by turning awareness into action. "},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Remote management skill-building, enhanced health and well-being support for employees, and increased work flexibility are just a few of the Snowball ground rules. In and out of the workplace, the ways in which we support mental health and well being look a little something like this:"},{"kind":"inline","type":"line-break"}]},{"kind":"block","type":"unordered-list","children":[{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"strong","textContent":"Inclusion:"},{"kind":"inline","textContent":" listening and engaging with our people and supporting team collaboration across company lines."}]}]},{"kind":"block","type":"paragraph"},{"kind":"block","type":"unordered-list","children":[{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"strong","textContent":"New to Norway"},{"kind":"inline","textContent":": Moving to a new country can be overwhelming. Employees who have made the same journey have collected some helpful information compiled into our \""},{"kind":"inline","type":"emphasized","textContent":"Moving to Norway"},{"kind":"inline","textContent":"\" document. Rest assured that you will receive this before moving."}]}]},{"kind":"block","type":"paragraph"},{"kind":"block","type":"unordered-list","children":[{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"strong","textContent":"Hours"},{"kind":"inline","textContent":": we provide a flexible work schedule that allows you to define your workweek within our core hours. We only work overtime when required or under exceptional circumstances."}]}]},{"kind":"block","type":"paragraph"},{"kind":"block","type":"unordered-list","children":[{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"strong","textContent":"Flexible work"},{"kind":"inline","textContent":": We celebrate flexibility and realize that there are times when we need to work remotely. It could be from home, the cabin, your parents' house, a different country, or anywhere!"}]}]},{"kind":"block","type":"paragraph"},{"kind":"block","type":"unordered-list","children":[{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"strong","textContent":"Time off"},{"kind":"inline","textContent":": The hours we put in give us hours to take off. Aka, some well deserved time to enjoy ourselves outside the office. And this, we believe, is vital: we all need proper time to relax, slow down, and reconnect with ourselves, our passions, and the world around us. To reach a recharge level of 100%, we provide you with five weeks of vacation per year (25 days in total)."}]}]},{"kind":"block","type":"paragraph"},{"kind":"block","type":"unordered-list","children":[{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"strong","textContent":"Perks"},{"kind":"inline","textContent":": Your best work often depends on having the best tools. To help you do your job comfortably, we offer each employee NOK 10.000 a year for work-related tools and services. In addition, we dedicate one Friday per month to professional development, offer pension plans, and offer insurance that covers travel, physical and mental health services, and occupational injuries."}]}]}]},"videos":null,"images":null},{"title":{"text":"Removing the Stigma"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Snowball believes that mental well-being should be taken just as seriously as physical well-being. By providing a space where our employees feel heard, cared for, and valued, we ensure a mutual system of trust that enables our people to do their best work and feel good while doing it. This is where the rubber hits the road - where employers must connect what they say to what they are actually willing to do. "},{"kind":"block","type":"paragraph","textContent":"Ultimately, our mental health experiences often share a universality that can only decrease the stigma if openly talked about. By helping normalize mental health challenges, we build healthy workplaces defined by vulnerability, respect, and compassion. Sure, this requires systematic change and a lot of hard work, but if it can improves our quality of life, we think it’s worth it."}]},"videos":null,"images":null}]}}]},{"topics":[{"name":"Product Design"}],"name":"3D Print Metal from CAD Product Design","path":"/assets/blog/3d-print-metal-from-cad-product-design","id":"675fd897299fd38154a852c1","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"3D Print Metal from CAD Product Design"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/blog2.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@100/blog2.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@200/blog2.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@500/blog2.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@768/blog2.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@1024/blog2.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@1366/blog2.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@1600/blog2.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@1920/blog2.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@100/blog2.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@200/blog2.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@500/blog2.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@768/blog2.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@1024/blog2.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@1366/blog2.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@1600/blog2.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@1920/blog2.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@100/blog2.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@200/blog2.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@500/blog2.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@768/blog2.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@1024/blog2.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@1366/blog2.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@1600/blog2.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@1920/blog2.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Audun Ask Blaker"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"April 30th, 2019"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Bicycle parts can be a piece of jewelry. When we did the "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services"},"textContent":"product design"},{"kind":"inline","textContent":" of the "},{"kind":"inline","type":"link","metadata":{"href":"https://speedcykkel.com/stories/workshop/cable-guide-for-bottom-bracket-in-bronze"},"textContent":"bottom bracket cable guide"},{"kind":"inline","textContent":" for Skiens Cykkelfabrik we aimed high. Using cast molding and 3D printing we designed and manufactured a beautiful bicycle component in bronze. The result is stunning - in our opinion."}]}],"plainText":["Bicycle parts can be a piece of jewelry. When we did the product design of the bottom bracket cable guide for Skiens Cykkelfabrik we aimed high. Using cast molding and 3D printing we designed and manufactured a beautiful bicycle component in bronze. The result is stunning - in our opinion."]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":null,"body":null,"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/127/335_bottombracketbronze.jpg","altText":null,"width":1200,"height":800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/127/@100/335_bottombracketbronze.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/127/@200/335_bottombracketbronze.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/127/@500/335_bottombracketbronze.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/127/@768/335_bottombracketbronze.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/127/@1024/335_bottombracketbronze.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/127/@100/335_bottombracketbronze.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/127/@200/335_bottombracketbronze.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/127/@500/335_bottombracketbronze.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/127/@768/335_bottombracketbronze.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/127/@1024/335_bottombracketbronze.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/127/@100/335_bottombracketbronze.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/127/@200/335_bottombracketbronze.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/127/@500/335_bottombracketbronze.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/127/@768/335_bottombracketbronze.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/127/@1024/335_bottombracketbronze.avif","width":1024}]}]},{"title":{"text":"From 3D Printed Plastic to Metal"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"3D Printing has been available for a while. Currently the FDM type printer with PVA material would be the fastest, cheapest and easiest way to prototype products. Prototyping is a fun lo-fi stage, where you can iterate quickly with cheap plastic pieces."},{"kind":"block","type":"paragraph","textContent":"If the project develops as you had predicted and the designed part is successful and needed, you might need to take that piece to the next level. In some cases this would mean creating the first CNC machined prototype. But some geometries (especially when designed for 3D-printing) can be very difficult, time consuming and expensive to machine. And maybe you have some variations you would like to try, and that would multiply those problems."},{"kind":"block","type":"paragraph","textContent":"This is where metal 3D printing comes in. With 3D printing there is low set-up cost and little extra to test different variations. Several different techniques can create different results and almost any solution is possible. Especially interesting for us was the lost wax cast molding technique. Where a design is 3D printed in wax. The wax model is placed in mold sand and burned away at high temperature. This creates a cavity where molten metal is poured which creates a metal version of the wax design."},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"This is how we designed and manufactured the "},{"kind":"inline","type":"link","metadata":{"href":"https://speedcykkel.com/stories/workshop/cable-guide-for-bottom-bracket-in-bronze"},"textContent":"bronze bottom bracket cable guide"},{"kind":"inline","textContent":" for Skiens Cykkelfabrik."}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/128/336_cableguideproductiondrawings.png","altText":null,"width":1773,"height":1251,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/128/@100/336_cableguideproductiondrawings.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/128/@200/336_cableguideproductiondrawings.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/128/@500/336_cableguideproductiondrawings.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/128/@768/336_cableguideproductiondrawings.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/128/@1024/336_cableguideproductiondrawings.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/128/@1366/336_cableguideproductiondrawings.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/128/@1600/336_cableguideproductiondrawings.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/128/@100/336_cableguideproductiondrawings.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/128/@200/336_cableguideproductiondrawings.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/128/@500/336_cableguideproductiondrawings.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/128/@768/336_cableguideproductiondrawings.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/128/@1024/336_cableguideproductiondrawings.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/128/@1366/336_cableguideproductiondrawings.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/128/@1600/336_cableguideproductiondrawings.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/128/@100/336_cableguideproductiondrawings.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/128/@200/336_cableguideproductiondrawings.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/128/@500/336_cableguideproductiondrawings.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/128/@768/336_cableguideproductiondrawings.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/128/@1024/336_cableguideproductiondrawings.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/128/@1366/336_cableguideproductiondrawings.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/128/@1600/336_cableguideproductiondrawings.avif","width":1600}]}]},{"title":{"text":"Why Design a Custom Bottom Bracket in Bronze?"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"A bottom bracket cable guide is a piece that sits under the bottom bracket. It keeps the gearing wires in place and allows them to slide easily. All wear is done to this replaceable piece, so when it is worn out you can simply get a new one."},{"kind":"block","type":"paragraph","textContent":"These pieces are usually around 1USD and in plastic. For Skiens Cykkelfabrik we wanted to create something unique, exclusive and a conversation piece. So we decided to make this in bronze. Bronze makes sure this is self lubricating due to the tin content in the brass and will keep the friction low for many years to come."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/129/337_bottombracketillustration.png","altText":null,"width":687,"height":652,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/129/@100/337_bottombracketillustration.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/129/@200/337_bottombracketillustration.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/129/@500/337_bottombracketillustration.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/129/@100/337_bottombracketillustration.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/129/@200/337_bottombracketillustration.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/129/@500/337_bottombracketillustration.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/129/@100/337_bottombracketillustration.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/129/@200/337_bottombracketillustration.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/129/@500/337_bottombracketillustration.avif","width":500}]}]},{"title":{"text":"Bicycle Component Jewelry - Just Because"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"If you want to start a conversation, just flip your "},{"kind":"inline","type":"link","metadata":{"href":"https://speedcykkel.com/stories/workshop/classic-road-bike-re-imagined"},"textContent":"classic road bike Speed TEN"},{"kind":"inline","textContent":" around, or just ride around, knowing that you have a piece of jewelry aiding your every shift. Just because..."}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/130/338_bottombracketbronzespeedten.jpg","altText":null,"width":1200,"height":800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/130/@100/338_bottombracketbronzespeedten.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/130/@200/338_bottombracketbronzespeedten.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/130/@500/338_bottombracketbronzespeedten.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/130/@768/338_bottombracketbronzespeedten.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/130/@1024/338_bottombracketbronzespeedten.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/130/@100/338_bottombracketbronzespeedten.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/130/@200/338_bottombracketbronzespeedten.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/130/@500/338_bottombracketbronzespeedten.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/130/@768/338_bottombracketbronzespeedten.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/130/@1024/338_bottombracketbronzespeedten.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/130/@100/338_bottombracketbronzespeedten.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/130/@200/338_bottombracketbronzespeedten.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/130/@500/338_bottombracketbronzespeedten.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/130/@768/338_bottombracketbronzespeedten.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/130/@1024/338_bottombracketbronzespeedten.avif","width":1024}]}]}]}}]},{"topics":[{"name":"Product Design"}],"name":"Adobe Illustrator tutorial: The Blend Tool","path":"/assets/blog/adobe-illustrator-tutorial-the-blend-tool","id":"677b5b40c647d15d3eee6cd2","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"Adobe Illustrator tutorial: The Blend Tool"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/93/adobe_illustrator_sb_blog.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/93/@100/adobe_illustrator_sb_blog.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/93/@200/adobe_illustrator_sb_blog.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/93/@500/adobe_illustrator_sb_blog.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/93/@768/adobe_illustrator_sb_blog.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/93/@1024/adobe_illustrator_sb_blog.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/93/@1366/adobe_illustrator_sb_blog.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/93/@1600/adobe_illustrator_sb_blog.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/93/@1920/adobe_illustrator_sb_blog.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/93/@100/adobe_illustrator_sb_blog.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/93/@200/adobe_illustrator_sb_blog.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/93/@500/adobe_illustrator_sb_blog.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/93/@768/adobe_illustrator_sb_blog.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/93/@1024/adobe_illustrator_sb_blog.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/93/@1366/adobe_illustrator_sb_blog.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/93/@1600/adobe_illustrator_sb_blog.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/93/@1920/adobe_illustrator_sb_blog.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/93/@100/adobe_illustrator_sb_blog.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/93/@200/adobe_illustrator_sb_blog.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/93/@500/adobe_illustrator_sb_blog.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/93/@768/adobe_illustrator_sb_blog.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/93/@1024/adobe_illustrator_sb_blog.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/93/@1366/adobe_illustrator_sb_blog.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/93/@1600/adobe_illustrator_sb_blog.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/93/@1920/adobe_illustrator_sb_blog.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Bartosz Sokolow"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"October 7th, 2021"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"inline","type":null,"textContent":"Welcome to another tutorial. In this post, filled with images and instructions, you will get an overview of how to create a minimalist geometric poster using the blending tool in Illustrator CC - an amazing and playful tool for patterns. Before you start with this, I have some advice: all the commands I mention in this tutorial have their own shortcuts. If you haven't tried them before, I strongly recommend starting! Using shortcuts helps develop good habits that can enhance anyone's workflow and design process."}],"plainText":["Welcome to another tutorial. In this post, filled with images and instructions, you will get an overview of how to create a minimalist geometric poster using the blending tool in Illustrator CC - an amazing and playful tool for patterns. Before you start with this, I have some advice: all the commands I mention in this tutorial have their own shortcuts. If you haven't tried them before, I strongly recommend starting! Using shortcuts helps develop good habits that can enhance anyone's workflow and design process."]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":{"text":"Spoiler Alert"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Here is my design result after finishing this tutorial. Let’s get started on yours and see what we can create."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/15/19/00.png","altText":null,"width":3062,"height":1362,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/15/19/@100/00.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/19/@200/00.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/19/@500/00.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/19/@768/00.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/19/@1024/00.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/19/@1366/00.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/19/@1600/00.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/19/@1920/00.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/19/@100/00.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/19/@200/00.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/19/@500/00.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/19/@768/00.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/19/@1024/00.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/19/@1366/00.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/19/@1600/00.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/19/@1920/00.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/19/@100/00.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/19/@200/00.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/19/@500/00.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/19/@768/00.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/19/@1024/00.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/19/@1366/00.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/19/@1600/00.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/19/@1920/00.avif","width":1920}]}]},{"title":{"text":"Step 01:"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"While creating a new file (Control/Command + N), set up the artboard dimensions to A4 size (210x297mm)."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/15/20/01.png","altText":null,"width":3062,"height":1362,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/15/20/@100/01.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/20/@200/01.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/20/@500/01.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/20/@768/01.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/20/@1024/01.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/20/@1366/01.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/20/@1600/01.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/20/@1920/01.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/20/@100/01.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/20/@200/01.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/20/@500/01.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/20/@768/01.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/20/@1024/01.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/20/@1366/01.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/20/@1600/01.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/20/@1920/01.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/20/@100/01.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/20/@200/01.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/20/@500/01.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/20/@768/01.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/20/@1024/01.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/20/@1366/01.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/20/@1600/01.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/20/@1920/01.avif","width":1920}]}]},{"title":{"text":"Step 02:"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Next, create two layers in the layers panel “Background and Objects”. Since our poster will be made in a minimalistic style, we don’t need more than two. Notice that the Objects layer should be kept above the Background layer."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/15/21/02.png","altText":null,"width":3062,"height":1362,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/15/21/@100/02.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/21/@200/02.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/21/@500/02.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/21/@768/02.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/21/@1024/02.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/21/@1366/02.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/21/@1600/02.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/21/@1920/02.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/21/@100/02.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/21/@200/02.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/21/@500/02.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/21/@768/02.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/21/@1024/02.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/21/@1366/02.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/21/@1600/02.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/21/@1920/02.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/21/@100/02.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/21/@200/02.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/21/@500/02.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/21/@768/02.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/21/@1024/02.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/21/@1366/02.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/21/@1600/02.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/21/@1920/02.avif","width":1920}]}]},{"title":{"text":"Step 03:"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Double click on “Fill” from the bottom of the Tools Panel. Pick a background color by inserting the 1e2b52 HEX color code into the marked box (#)."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/15/22/03.png","altText":null,"width":3063,"height":1362,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/15/22/@100/03.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/22/@200/03.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/22/@500/03.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/22/@768/03.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/22/@1024/03.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/22/@1366/03.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/22/@1600/03.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/22/@1920/03.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/22/@100/03.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/22/@200/03.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/22/@500/03.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/22/@768/03.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/22/@1024/03.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/22/@1366/03.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/22/@1600/03.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/22/@1920/03.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/22/@100/03.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/22/@200/03.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/22/@500/03.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/22/@768/03.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/22/@1024/03.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/22/@1366/03.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/22/@1600/03.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/22/@1920/03.avif","width":1920}]}]},{"title":{"text":"Step 04:"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"From the layer panel, click on “Background Layer” so we can add the background object there. To do this, select \"Rectangle Tool” (M) from the Tools Panel, and click on the artboard once. The rectangle panel should appear. Set the height to 297mm, and the width to 210mm."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/15/23/04.png","altText":null,"width":3062,"height":1362,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/15/23/@100/04.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/23/@200/04.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/23/@500/04.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/23/@768/04.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/23/@1024/04.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/23/@1366/04.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/23/@1600/04.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/23/@1920/04.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/23/@100/04.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/23/@200/04.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/23/@500/04.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/23/@768/04.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/23/@1024/04.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/23/@1366/04.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/23/@1600/04.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/23/@1920/04.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/23/@100/04.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/23/@200/04.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/23/@500/04.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/23/@768/04.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/23/@1024/04.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/23/@1366/04.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/23/@1600/04.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/23/@1920/04.avif","width":1920}]}]},{"title":{"text":"Step 05:"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Go to the Layers Panel and lock the Background layer by clicking on the blank square space next to eye (Toggles Visibility) icon. Once this is done, a lock icon should appear. This is letting us know that layer is locked and it can’t be edited until we click on the lock icon again. Now it’s time to create the basic shape wind blend tool. It will serve as our basis for the pattern in the next part of this tutorial. Start by selecting the “Objects” layer."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/15/24/05.png","altText":null,"width":3063,"height":1362,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/15/24/@100/05.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/24/@200/05.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/24/@500/05.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/24/@768/05.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/24/@1024/05.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/24/@1366/05.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/24/@1600/05.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/24/@1920/05.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/24/@100/05.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/24/@200/05.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/24/@500/05.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/24/@768/05.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/24/@1024/05.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/24/@1366/05.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/24/@1600/05.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/24/@1920/05.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/24/@100/05.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/24/@200/05.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/24/@500/05.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/24/@768/05.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/24/@1024/05.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/24/@1366/05.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/24/@1600/05.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/24/@1920/05.avif","width":1920}]}]},{"title":{"text":"Step 06:"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Press (X) on the keyboard to switch the selection from “Fill\" to “Stroke” in the Tools Panel. Then, double click on “Stroke” to change its color. In the HEX box (#), insert de8fb4."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/15/25/06.png","altText":null,"width":3062,"height":1362,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/15/25/@100/06.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/25/@200/06.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/25/@500/06.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/25/@768/06.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/25/@1024/06.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/25/@1366/06.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/25/@1600/06.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/25/@1920/06.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/25/@100/06.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/25/@200/06.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/25/@500/06.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/25/@768/06.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/25/@1024/06.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/25/@1366/06.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/25/@1600/06.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/25/@1920/06.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/25/@100/06.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/25/@200/06.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/25/@500/06.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/25/@768/06.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/25/@1024/06.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/25/@1366/06.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/25/@1600/06.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/25/@1920/06.avif","width":1920}]}]},{"title":{"text":"Step 07:"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Open the Stroke Panel and change the value to 1.5pt. Then, under the Cap section, choose the “Rounded Cap” option. In the Corner section, choose the “Round Join” option. Lastly, in the Align Stroke section, choose the \"Align Stroke to Center\" option. "}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/15/26/07.png","altText":null,"width":3063,"height":1362,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/15/26/@100/07.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/26/@200/07.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/26/@500/07.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/26/@768/07.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/26/@1024/07.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/26/@1366/07.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/26/@1600/07.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/26/@1920/07.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/26/@100/07.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/26/@200/07.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/26/@500/07.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/26/@768/07.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/26/@1024/07.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/26/@1366/07.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/26/@1600/07.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/26/@1920/07.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/26/@100/07.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/26/@200/07.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/26/@500/07.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/26/@768/07.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/26/@1024/07.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/26/@1366/07.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/26/@1600/07.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/26/@1920/07.avif","width":1920}]}]},{"title":{"text":"Step 08:"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Choose the Elipse Tool (L) from the Tools Panel. Then click on the artboard. Similarly, as with the Rectangle Tool, the Elipse panel should appear. Insert 38mm in the Height box, and 27mm in the Width box. Then click OK so we can see the shape appearing on the artboard. "}]},"videos":null,"images":null},{"title":{"text":"Step 09:"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Next, pick the Direct Selection Tool (A) and select the bottom anchor point of the oval to remove it. Then, using the Selection Tool (V), select the remaining part of shape and drag it below while holding Alt/Option to create a copy. When done, rotate it 180 degrees by grabbing the corner of the shape while holding Shift. Next, select the Rectangle Tool (M) and create a shape with a 38mm Width and a 65mm Height."}]},"videos":null,"images":null},{"title":{"text":"Step 10:"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Now select the top half of the elipse and our new rectangular shape. While having both shapes selected, click on the rectangle to turn it into Key Object (other selected objects will align to this shape, not to the artboard as it usually does). Then click on “Vertical Align Top”. Doing so should make the top half of the elipse align to the top edge of the rectangle. Lastly, align the bottom half of the elipse to the bottom edge of the rectangle. Afterwards, remove the rectangle."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/15/27/08.png","altText":null,"width":3062,"height":1361,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/15/27/@100/08.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/27/@200/08.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/27/@500/08.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/27/@768/08.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/27/@1024/08.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/27/@1366/08.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/27/@1600/08.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/27/@1920/08.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/27/@100/08.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/27/@200/08.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/27/@500/08.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/27/@768/08.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/27/@1024/08.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/27/@1366/08.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/27/@1600/08.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/27/@1920/08.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/27/@100/08.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/27/@200/08.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/27/@500/08.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/27/@768/08.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/27/@1024/08.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/27/@1366/08.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/27/@1600/08.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/27/@1920/08.avif","width":1920}]}]},{"title":{"text":"Step 11:"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Select the top of both semi-elipses and choose the Blend Tool (W). With this tool selected, click on the left anchor point of the top semi-elipse and then on the left anchor point of bottom semi-elipse. The blend effect should appear. In the Tools panel double-click this icon to open “Blend Options”. A new window with Blend Options will appear. Once there, set up “Spacing To Specified Steps”. In the number box, insert number 18 and set the Orientation to “Align To Page”. Then click OK."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/15/28/10.png","altText":null,"width":3063,"height":1361,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/15/28/@100/10.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/28/@200/10.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/28/@500/10.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/28/@768/10.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/28/@1024/10.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/28/@1366/10.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/28/@1600/10.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/28/@1920/10.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/28/@100/10.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/28/@200/10.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/28/@500/10.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/28/@768/10.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/28/@1024/10.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/28/@1366/10.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/28/@1600/10.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/28/@1920/10.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/28/@100/10.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/28/@200/10.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/28/@500/10.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/28/@768/10.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/28/@1024/10.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/28/@1366/10.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/28/@1600/10.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/28/@1920/10.avif","width":1920}]}]},{"title":{"text":"Step 12:"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"From the Tools Panel, pick the Line Segment Tool (\\) and click anywhere on the artboard. When you do this, the Line Segment Tool Options will pop up. Set up the values as presented on the image below (Length 38mm, Angle 90°) and click OK. Copy the created stroke/line segment. Then, align them to the sides of our blended shape. Select both strokes and the blended shape and group them together (Command + G/ Ctrl + G)."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/15/29/11.png","altText":null,"width":3062,"height":1361,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/15/29/@100/11.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/29/@200/11.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/29/@500/11.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/29/@768/11.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/29/@1024/11.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/29/@1366/11.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/29/@1600/11.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/29/@1920/11.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/29/@100/11.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/29/@200/11.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/29/@500/11.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/29/@768/11.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/29/@1024/11.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/29/@1366/11.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/29/@1600/11.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/29/@1920/11.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/29/@100/11.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/29/@200/11.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/29/@500/11.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/29/@768/11.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/29/@1024/11.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/29/@1366/11.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/29/@1600/11.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/29/@1920/11.avif","width":1920}]}]},{"title":null,"body":{"json":[{"kind":"block","type":"paragraph","textContent":"On the image below you can see the “Before/After” comparison: before applying line segments to the blended shape, and after."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/15/30/12.png","altText":null,"width":3063,"height":1361,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/15/30/@100/12.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/30/@200/12.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/30/@500/12.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/30/@768/12.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/30/@1024/12.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/30/@1366/12.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/30/@1600/12.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/30/@1920/12.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/30/@100/12.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/30/@200/12.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/30/@500/12.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/30/@768/12.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/30/@1024/12.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/30/@1366/12.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/30/@1600/12.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/30/@1920/12.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/30/@100/12.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/30/@200/12.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/30/@500/12.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/30/@768/12.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/30/@1024/12.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/30/@1366/12.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/30/@1600/12.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/30/@1920/12.avif","width":1920}]}]},{"title":{"text":"Step 13:"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Now it’s time to create the frame. First, set up the stroke width to 1.5pt and apply the #de8fb4 color. Then, from the Tools Panel, choose “Rectangle Tool” (M). Click anywhere on the artboard and the Rectangle window will appear. Set up the Width to 190mm and the Height to 260mm - click OK. Then, in the transformation tool, position your newly created rectangle as it’s seen on the image below. With the rectangle selected in the Transform Panel, insert the values X: 105mm and Y: 141.25mm. The margins (space between top, left and right side artboard edges and frame rectangle) should be 9.912 mm wide."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/15/31/13.png","altText":null,"width":3062,"height":1361,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/15/31/@100/13.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/31/@200/13.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/31/@500/13.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/31/@768/13.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/31/@1024/13.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/31/@1366/13.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/31/@1600/13.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/31/@1920/13.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/31/@100/13.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/31/@200/13.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/31/@500/13.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/31/@768/13.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/31/@1024/13.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/31/@1366/13.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/31/@1600/13.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/31/@1920/13.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/31/@100/13.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/31/@200/13.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/31/@500/13.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/31/@768/13.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/31/@1024/13.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/31/@1366/13.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/31/@1600/13.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/31/@1920/13.avif","width":1920}]}]},{"title":{"text":"Step 14:"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Now select both blended shape and the rectangle frame. With the help of the Align Panel, align the blended shape to the top left corner of the rectangle frame. Remember to set up the frame as a “Key Object” in the Align Panel so you can be sure that other objects (in our case the blended shape) will adapt to it. With the Key Object now set, choose “Horizontal Align Left” and then “Vertical Align Top”."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/15/32/14.png","altText":null,"width":3063,"height":1361,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/15/32/@100/14.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/32/@200/14.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/32/@500/14.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/32/@768/14.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/32/@1024/14.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/32/@1366/14.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/32/@1600/14.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/32/@1920/14.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/32/@100/14.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/32/@200/14.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/32/@500/14.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/32/@768/14.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/32/@1024/14.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/32/@1366/14.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/32/@1600/14.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/32/@1920/14.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/32/@100/14.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/32/@200/14.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/32/@500/14.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/32/@768/14.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/32/@1024/14.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/32/@1366/14.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/32/@1600/14.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/32/@1920/14.avif","width":1920}]}]},{"title":{"text":"Step 15:"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Now go to Preferences > General (Command/Ctrl + K). A new window under Preferences will appear. Under the General tab, you will find the Keyboard Increment box. Here you will insert the value of 38mm - click OK."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/15/33/15.png","altText":null,"width":3062,"height":1362,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/15/33/@100/15.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/33/@200/15.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/33/@500/15.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/33/@768/15.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/33/@1024/15.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/33/@1366/15.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/33/@1600/15.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/33/@1920/15.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/33/@100/15.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/33/@200/15.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/33/@500/15.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/33/@768/15.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/33/@1024/15.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/33/@1366/15.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/33/@1600/15.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/33/@1920/15.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/33/@100/15.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/33/@200/15.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/33/@500/15.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/33/@768/15.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/33/@1024/15.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/33/@1366/15.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/33/@1600/15.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/33/@1920/15.avif","width":1920}]}]},{"title":{"text":"Step 16:"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"38mm is the total width and allows us to easily copy and align the blended shape. To do this, select “blend shape”, hold down Option/Alt, and click the Right Arrow on the keyboard 5 times. With this you will fill the top row of a frame with 5 blended shapes."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/15/34/16.png","altText":null,"width":3062,"height":1362,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/15/34/@100/16.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/34/@200/16.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/34/@500/16.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/34/@768/16.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/34/@1024/16.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/34/@1366/16.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/34/@1600/16.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/34/@1920/16.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/34/@100/16.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/34/@200/16.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/34/@500/16.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/34/@768/16.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/34/@1024/16.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/34/@1366/16.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/34/@1600/16.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/34/@1920/16.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/34/@100/16.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/34/@200/16.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/34/@500/16.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/34/@768/16.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/34/@1024/16.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/34/@1366/16.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/34/@1600/16.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/34/@1920/16.avif","width":1920}]}]},{"title":{"text":"Step 17:"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Now let's group the row of our 5 blended shapes. Similar to the Keyboard Increment action, this time we will use the height of the base blended shape as a main measurement unit. To do this, go again to Preferences > General (Command/Ctrl + K) and set the Keyboard Increment to 65mm."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/15/35/17.png","altText":null,"width":3063,"height":1362,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/15/35/@100/17.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/35/@200/17.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/35/@500/17.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/35/@768/17.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/35/@1024/17.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/35/@1366/17.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/35/@1600/17.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/35/@1920/17.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/35/@100/17.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/35/@200/17.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/35/@500/17.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/35/@768/17.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/35/@1024/17.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/35/@1366/17.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/35/@1600/17.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/35/@1920/17.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/35/@100/17.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/35/@200/17.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/35/@500/17.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/35/@768/17.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/35/@1024/17.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/35/@1366/17.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/35/@1600/17.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/35/@1920/17.avif","width":1920}]}]},{"title":{"text":"Step 18:"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Select the blended shape, hold Option/Alt, and click the Bottom Arrow on the keyboard 4 times. With this you will fill the top row of a frame with 5 blend shapes. "}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/15/36/18.png","altText":null,"width":3062,"height":1362,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/15/36/@100/18.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/36/@200/18.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/36/@500/18.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/36/@768/18.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/36/@1024/18.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/36/@1366/18.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/36/@1600/18.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/36/@1920/18.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/36/@100/18.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/36/@200/18.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/36/@500/18.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/36/@768/18.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/36/@1024/18.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/36/@1366/18.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/36/@1600/18.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/36/@1920/18.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/36/@100/18.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/36/@200/18.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/36/@500/18.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/36/@768/18.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/36/@1024/18.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/36/@1366/18.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/36/@1600/18.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/36/@1920/18.avif","width":1920}]}]},{"title":{"text":"Step 19:"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Now it’s time to add some typography to the poster. We will be using 3 fonts with features listed as below:"},{"kind":"inline","type":"line-break"}]},{"kind":"block","type":"unordered-list","children":[{"kind":"block","type":"list-item","children":[{"kind":"inline","textContent":"For the “SHINSEKAI” caption, we will apply "},{"kind":"inline","type":"strong","children":[{"kind":"inline","type":"emphasized","textContent":"Nimbus Sans Black Extended"}]},{"kind":"inline","textContent":" (font size: 39pt), HEX: de8fb4,"},{"kind":"inline","type":"line-break"}]},{"kind":"block","type":"list-item","children":[{"kind":"inline","textContent":"For coordinates on the right side, apply "},{"kind":"inline","type":"strong","textContent":"ヒラギノ角ゴ"},{"kind":"inline","type":"strong","children":[{"kind":"inline","type":"emphasized","textContent":" ProN"}]},{"kind":"inline","textContent":" (font size: 6.7pt, leading: 9.65 pt). Keep it in the text box with the following dimensions: W: 32mm, H: 12mm. You can change the text box size in Transform panel. Set the HEX to #de8fb4. You can copy the tex from here: “"},{"kind":"inline","type":"strong","textContent":"34°39′08″N•135°30′22″E KANSAI REGION•OSAKA FOUNDED IN 1912"},{"kind":"inline","textContent":"”. Remember to break the text in three lines. Position the text with these coordinates X: 32.759 mm, Y: 11.878 mm."},{"kind":"inline","type":"line-break"},{"kind":"inline","type":"line-break"}]},{"kind":"block","type":"list-item","children":[{"kind":"inline","textContent":"When you position your text in the bottom right corner, use the Line Segment Tool to create a stroke (Length: 7.3mm, Width: 0.6pt) and position it accordingly (reference the image of the finished poster). You can support yourself with Align Panel and Keyboard Increment."},{"kind":"inline","type":"line-break"},{"kind":"inline","type":"line-break"}]},{"kind":"block","type":"list-item","children":[{"kind":"inline","textContent":"For the “新世界” caption inside the oval shape, use "},{"kind":"inline","type":"strong","textContent":"ヒラギノ角ゴ"},{"kind":"inline","type":"strong","children":[{"kind":"inline","type":"emphasized","textContent":" Std W8"}]},{"kind":"inline","textContent":" (font size: 11.6pt) and HEX: 1e2b52. The oval shape should have following dimensions: W: 22.7mm, H: 9.3mm. Put it behind the caption by clicking on it with right mouse button, and then selecting from the drop down menu Arrange > Send Backward (or eventually by using hotkeys Comand/Ctrl + Shift + [ )."}]}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/15/37/19.png","altText":null,"width":3063,"height":1362,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/15/37/@100/19.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/37/@200/19.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/37/@500/19.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/37/@768/19.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/37/@1024/19.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/37/@1366/19.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/37/@1600/19.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/37/@1920/19.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/37/@100/19.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/37/@200/19.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/37/@500/19.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/37/@768/19.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/37/@1024/19.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/37/@1366/19.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/37/@1600/19.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/37/@1920/19.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/37/@100/19.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/37/@200/19.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/37/@500/19.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/37/@768/19.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/37/@1024/19.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/37/@1366/19.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/37/@1600/19.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/37/@1920/19.avif","width":1920}]}]},{"title":{"text":"Step 20:"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Our poster is finished! Now we can move it to Photoshop and see how it will look on a mockup template. The one that I’m using was created by ls.graphics and you can download it from this link: "},{"kind":"inline","type":"link","metadata":{"href":"https://www.ls.graphics/free/free-crumpled-paper-mockup"},"textContent":"https://www.ls.graphics/free/free-crumpled-paper-mockup"},{"kind":"inline","textContent":" "}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/15/38/20.png","altText":null,"width":3062,"height":1362,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/15/38/@100/20.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/38/@200/20.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/38/@500/20.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/38/@768/20.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/38/@1024/20.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/38/@1366/20.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/38/@1600/20.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/38/@1920/20.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/38/@100/20.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/38/@200/20.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/38/@500/20.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/38/@768/20.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/38/@1024/20.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/38/@1366/20.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/38/@1600/20.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/38/@1920/20.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/38/@100/20.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/38/@200/20.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/38/@500/20.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/38/@768/20.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/38/@1024/20.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/38/@1366/20.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/38/@1600/20.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/38/@1920/20.avif","width":1920}]}]},{"title":null,"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Happy blending!"}]},"videos":null,"images":null}]}}]},{"topics":[{"name":"Development"}],"name":"Amazon Kinesis vs Amazon SQS","path":"/assets/blog/amazon-kinesis-vs-amazon-sqs","id":"676000518d46cb4df74104a1","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"Amazon Kinesis vs Amazon SQS"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/73/development_sb_blog.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/73/@100/development_sb_blog.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/73/@200/development_sb_blog.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/73/@500/development_sb_blog.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/73/@768/development_sb_blog.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/73/@1024/development_sb_blog.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/73/@1366/development_sb_blog.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/73/@1600/development_sb_blog.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/73/@1920/development_sb_blog.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/73/@100/development_sb_blog.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/73/@200/development_sb_blog.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/73/@500/development_sb_blog.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/73/@768/development_sb_blog.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/73/@1024/development_sb_blog.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/73/@1366/development_sb_blog.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/73/@1600/development_sb_blog.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/73/@1920/development_sb_blog.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/73/@100/development_sb_blog.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/73/@200/development_sb_blog.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/73/@500/development_sb_blog.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/73/@768/development_sb_blog.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/73/@1024/development_sb_blog.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/73/@1366/development_sb_blog.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/73/@1600/development_sb_blog.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/73/@1920/development_sb_blog.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Stavros Sotiropoulos"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"January 19th, 2018"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","textContent":"When creating a cloud application you may want to follow a distributed architecture, and when it comes to creating a message-based service for your application, AWS offers two solutions, the Kinesis stream and the SQS Queue. In this blog post I explain the cases and the choices we made in order to create a decoupled environment for our cloud based subscription management system."}],"plainText":["When creating a cloud application you may want to follow a distributed architecture, and when it comes to creating a message-based service for your application, AWS offers two solutions, the Kinesis stream and the SQS Queue. In this blog post I explain the cases and the choices we made in order to create a decoupled environment for our cloud based subscription management system."]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":null,"body":{"json":[{"kind":"block","type":"paragraph","textContent":"The main difference between SQS and Kinesis is that the first is a FIFO queue, whereas the latter is a real time stream that allows processing data posted with minimal delay."},{"kind":"block","type":"paragraph","textContent":"With that been said let us examine the cases. An online web shop and an Order Management System is a case where sensitive data is transferred, for example the order information. To the problem of securing the information sent by the web shop, and ensuring that it is processed from the OMS, a decoupled queue like SQS provides a solid solution. Even in down time the order information would be stored, until requested, in SQS, and later processed by the system when it is restored, by periodically checking for new insertions in the queue."}]},"videos":null,"images":null},{"title":{"text":"Adding data to SQS with Node.js"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"After"},{"kind":"inline","type":"link","metadata":{"href":"http://docs.aws.amazon.com/AWSSimpleQueueService/latest/SQSDeveloperGuide/sqs-create-queue.html"},"textContent":" creating your SQS Queue"},{"kind":"inline","textContent":" you can follow the code below to simply add and receive a message:"}]},{"kind":"block","type":"preformatted","children":[{"type":"code","kind":"block","textContent":"$82","metadata":{"language":"javascript"}}]},{"kind":"block","type":"paragraph","textContent":"Notifying third party systems of the new incoming order would also be a responsibility of our OMS. In this case, storing in SQS and later processing and sending the information to these third party systems is not an option. Real time processing is achieved by passing data in a Kinesis stream. Amazon includes in its services the Lambda functions. A Lambda function is an event driven highly scalable code, which perfectly fits the real time nature of a stream."}]},"videos":null,"images":null},{"title":{"text":"Add data to Kinesis stream with Node.js"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"After having "},{"kind":"inline","type":"link","metadata":{"href":"http://docs.aws.amazon.com/streams/latest/dev/learning-kinesis-module-one-create-stream.html"},"textContent":"created the Kinesis stream"},{"kind":"inline","textContent":" and the "},{"kind":"inline","type":"link","metadata":{"href":"http://docs.aws.amazon.com/lambda/latest/dg/get-started-create-function.html"},"textContent":"Lambda function"},{"kind":"inline","textContent":", configured to receive events from Kinesis, adding Data to the stream is done by pushing \"Records\" to it. An example of sending a single Record and handling the generated event is the following:"}]},{"kind":"block","type":"preformatted","children":[{"type":"code","kind":"block","textContent":"// Insert to kinesis\nvar AWS = require('aws-sdk');\nAWS.config.loadFromPath('./config.json');\nvar kinesis = new AWS.Kinesis();\n\nfunction addToKinesis(){\n var params = {\n Data: JSON.stringify(myData),\n PartitionKey: \"my_partition_key\",\n StreamName:\"my_stream_name\"\n };\n\n kinesis.putRecord(params, function(error, data){\n if(error){\n throw(new Error(error))\n } else {\n return;\n }\n });\n}\n\n// Handling the event in Lambda\nexports.handler = (event, context, callback) => {\n const output = event.Records.map((record) => {\n\n // Kinesis data is base64 encoded so decode here\n var payload = new Buffer(record.kinesis.data, 'base64').toString('ascii');\n payload = JSON.parse(payload);\n\n // your payload data handling\n });\n\n callback(null, { records: output });\n};","metadata":{"language":"javascript"}}]}]},"videos":null,"images":null},{"title":{"text":"Conclusion"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"After taking into consideration the cases I mentioned above, SQS is an option that provides high scalability and reliability to your application. But if real time data processing is needed for your message queue, then I would suggest an event driven architecture based on Kinesis."},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"line-break"}]}]},"videos":null,"images":null}]}}]},{"topics":[{"name":"Growth Strategy"},{"name":"Product Design"},{"name":"User Experience"}],"name":"Securing Customer Adoption: Great Technology Doesn't Always Equal a Great Product","path":"/assets/blog/securing-customer-adoption-great-technology-doesnt-always-equal-a-great-product","id":"675f4d56ed4383af9fa3bd19","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"Securing Customer Adoption: Great Technology Doesn't Always Equal a Great Product"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/25/1/22/27/ai_figma_sb_blog.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/25/1/22/27/@100/ai_figma_sb_blog.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/27/@200/ai_figma_sb_blog.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/27/@500/ai_figma_sb_blog.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/27/@768/ai_figma_sb_blog.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/27/@1024/ai_figma_sb_blog.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/27/@1366/ai_figma_sb_blog.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/27/@1600/ai_figma_sb_blog.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/27/@1920/ai_figma_sb_blog.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/27/@100/ai_figma_sb_blog.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/27/@200/ai_figma_sb_blog.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/27/@500/ai_figma_sb_blog.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/27/@768/ai_figma_sb_blog.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/27/@1024/ai_figma_sb_blog.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/27/@1366/ai_figma_sb_blog.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/27/@1600/ai_figma_sb_blog.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/27/@1920/ai_figma_sb_blog.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/27/@100/ai_figma_sb_blog.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/27/@200/ai_figma_sb_blog.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/27/@500/ai_figma_sb_blog.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/27/@768/ai_figma_sb_blog.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/27/@1024/ai_figma_sb_blog.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/27/@1366/ai_figma_sb_blog.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/27/@1600/ai_figma_sb_blog.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/27/@1920/ai_figma_sb_blog.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Aleksander Farstad"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"May 24th, 2022"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","textContent":"In a start-up or enterprise, a product's success is defined by the extent of customer adoption. In this way, unique, game-changing technology is no guarantee for success. Often it is the opposite, where one gets stuck in their bubble, having created a product without entirely understanding the target market's needs. "}],"plainText":["In a start-up or enterprise, a product's success is defined by the extent of customer adoption. In this way, unique, game-changing technology is no guarantee for success. Often it is the opposite, where one gets stuck in their bubble, having created a product without entirely understanding the target market's needs."]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":{"text":"The Difference Between Product and Technology"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"strong","children":[{"kind":"inline","type":"emphasized","textContent":"Technology"}]},{"kind":"inline","textContent":" is the application of scientific knowledge in producing goods or services. "}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"A "},{"kind":"inline","type":"strong","children":[{"kind":"inline","type":"emphasized","textContent":"product "}]},{"kind":"inline","textContent":"is what the customer buys, including the total sum of attributes that solves that customer's problems. "}]},{"kind":"block","type":"paragraph","textContent":"Let's look at an example of the difference from one of the companies we work with at Snowball: Okay. "},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"link","metadata":{"href":"https://okaythis.com/"},"textContent":"Okay"},{"kind":"inline","textContent":" is a mobile security software company that secures transactions and authentications for banks, fintech and payment providers. Okay is based on years of research into strong software-based security mechanisms for mobile phones resulting in several patents. "}]},{"kind":"block","type":"paragraph","textContent":"While each of these mechanisms is unique and solves essential security issues, they don’t come together as a product unless you are in the business of licensing patents. You have to build a product to have something the customers are willing to buy! "}]},"videos":null,"images":null},{"title":{"text":"Whole Product is Key to Customer Adoption"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"To understand the "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/the-whole-product-concept"},"children":[{"kind":"inline","type":"strong","textContent":"whole product"}]},{"kind":"inline","textContent":", we need to start with the following question: "}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"strong","children":[{"kind":"inline","type":"emphasized","textContent":"What are the benefits your customer expects to experience from the product?"}]},{"kind":"inline","type":"strong","textContent":" "}]},{"kind":"block","type":"paragraph","textContent":"To answer this question, you must consider all aspects of the customer’s experience through all touch points of the customer journey. "},{"kind":"block","type":"paragraph","textContent":"For an enterprise software company like Okay, the whole product consists of the following: "},{"kind":"block","type":"unordered-list","children":[{"kind":"block","type":"list-item","textContent":"The core software with the security mechanisms "},{"kind":"block","type":"list-item","textContent":"User interfaces "},{"kind":"block","type":"list-item","textContent":"Documentation and training material "},{"kind":"block","type":"list-item","textContent":"Terms-of-service with licenses and SLAs"},{"kind":"block","type":"list-item","textContent":"SDKs and APIs for integrating the software into customers banking apps "},{"kind":"block","type":"list-item","textContent":"Consistent branding, design, product marketing and packaging (including the website)"},{"kind":"block","type":"list-item","textContent":"Customer onboarding, support, and success processes "},{"kind":"block","type":"list-item","textContent":"Third-party evaluations and certifications (the technology and the company ensure Okay is a trusted security software provider) "},{"kind":"block","type":"list-item","textContent":"Pricing model"}]},{"kind":"block","type":"paragraph","textContent":"When we started the process with Okay, the company had a patented technology evaluated by an independent third party. However, they lacked most of the rest. As such, we had to work closely with the market to test, prove and iterate, building a product market fit while also building out the whole product offering in parallel. "}]},"videos":null,"images":null},{"title":{"text":"The Innovators Dilemma "},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Inventors, engineers, and anyone else working on building the next generation of great technology often have unique skills with detailed knowledge of the relevant technical domain. While this is necessary for understanding the technical challenges and requirements of building smart technology, it also comes with the risk of getting stuck in an expert bubble. "},{"kind":"block","type":"paragraph","textContent":"The graveyard of great technology that never took off is growing by the day because, as a super expert, it is easy to fall into this classic innovator dilemma: "},{"kind":"block","type":"paragraph","textContent":"When an expert becomes too attached to their product, they are unable to see it from a customer's perspective or understand why it is not as loveable as they believe it to be. "},{"kind":"block","type":"paragraph","textContent":"Thus, one of the essential parts of building a product is to test it with real customers. It is best to build early prototypes well enough to validate the concept and test it on target customers. Then re-test, learn and iterate until you can prove the concept of your product. "},{"kind":"block","type":"paragraph","textContent":"What is most important during this process is understanding the \"why\". You should be able to answer the following questions if you want to build out a successful roadmap with the right priorities: "},{"kind":"block","type":"unordered-list","children":[{"kind":"block","type":"list-item","textContent":"Who are your customers? "},{"kind":"block","type":"list-item","textContent":"Why does your product matter to them? "},{"kind":"block","type":"list-item","textContent":"What problems does your product solve? "},{"kind":"block","type":"list-item","textContent":"What features do the customers value and why? "}]},{"kind":"block","type":"paragraph","textContent":"Ultimately, you need to understand why your customers love your product. "},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Once you have figured this out with "},{"kind":"inline","type":"strong","children":[{"kind":"inline","type":"emphasized","textContent":"real "}]},{"kind":"inline","textContent":"customers and are putting real money on the table, it is time to accelerate your roadmap and bring the product to the market. "}]},{"kind":"block","type":"paragraph","textContent":"Welcome to what we like to call product love, the first step in designing, building, and growing a highly successful product as part of our Snowball-effect methodology. "},{"kind":"block","type":"paragraph","textContent":"————"},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"strong","children":[{"kind":"inline","type":"emphasized","textContent":"Want to learn more or say hello? Shoot us an email at "}]},{"kind":"inline","type":"link","metadata":{"href":"mailto:hello@snowball.digital"},"children":[{"kind":"inline","type":"strong","children":[{"kind":"inline","type":"emphasized","textContent":"hello@snowball.digital"}]}]}]}]},"videos":null,"images":null}]}}]},{"topics":[{"name":"Product Design"}],"name":"Life as an intern at Snowball","path":"/assets/blog/life-as-an-intern-at-snowball","id":"675f4f74b5ccfc2c91b57b27","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"Life as an intern at Snowball"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/95/slack_sb_blog.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/95/@100/slack_sb_blog.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/95/@200/slack_sb_blog.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/95/@500/slack_sb_blog.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/95/@768/slack_sb_blog.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/95/@1024/slack_sb_blog.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/95/@1366/slack_sb_blog.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/95/@1600/slack_sb_blog.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/95/@1920/slack_sb_blog.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/95/@100/slack_sb_blog.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/95/@200/slack_sb_blog.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/95/@500/slack_sb_blog.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/95/@768/slack_sb_blog.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/95/@1024/slack_sb_blog.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/95/@1366/slack_sb_blog.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/95/@1600/slack_sb_blog.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/95/@1920/slack_sb_blog.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/95/@100/slack_sb_blog.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/95/@200/slack_sb_blog.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/95/@500/slack_sb_blog.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/95/@768/slack_sb_blog.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/95/@1024/slack_sb_blog.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/95/@1366/slack_sb_blog.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/95/@1600/slack_sb_blog.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/95/@1920/slack_sb_blog.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Valeria Arias"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"May 24th, 2022"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","textContent":"Internships are crucial for students to get a head start on their careers. But just as the rest of the job market nowadays, it’s incredibly competitive to get the right and relevant placement in time. My name is Valeria Arias, and I’m happy to tell you about my internship at Snowball Digital. "}],"plainText":["Internships are crucial for students to get a head start on their careers. But just as the rest of the job market nowadays, it’s incredibly competitive to get the right and relevant placement in time. My name is Valeria Arias, and I’m happy to tell you about my internship at Snowball Digital."]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":{"text":"The Decision"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"In order to graduate from my master’s degree in Strategy at VU Amsterdam, I had two options: take a personal development course, or compensate that with an internship. I decided to go for the internship - particularly one that would help me continue to develop my skills in content strategy and digital marketing. "},{"kind":"block","type":"paragraph","textContent":"During my search, I remembered hearing about an international agency located back in my hometown of Skien, Norway. I was very curious about them because of their work with different start-ups. To my surprise, they were curious about me too, and took me under their wing to help me graduate. Needless to say, I’m very grateful for the opportunity to work with such talented people for 2 months, as well as the chance to develop new skills and challenge my ways of thinking."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/15/16/marketingintern-farstadtrans.webp","altText":null,"width":1448,"height":600,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/15/16/@100/marketingintern-farstadtrans.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/16/@200/marketingintern-farstadtrans.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/16/@500/marketingintern-farstadtrans.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/16/@768/marketingintern-farstadtrans.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/16/@1024/marketingintern-farstadtrans.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/16/@1366/marketingintern-farstadtrans.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/16/@100/marketingintern-farstadtrans.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/16/@200/marketingintern-farstadtrans.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/16/@500/marketingintern-farstadtrans.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/16/@768/marketingintern-farstadtrans.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/16/@1024/marketingintern-farstadtrans.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/16/@1366/marketingintern-farstadtrans.avif","width":1366}]}]},{"title":null,"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"strong","textContent":"Here are my three main takeaways from my time as a Snowballer:"}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"line-break"}]},{"kind":"block","type":"heading3","textContent":"The Snowball Way"},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"My favorite aspect of this internship experience was getting to see how all the different teams at Snowball work together to create the best experiences for their clients and their client’s customers. I was able to see how the team implemented the "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/the-whole-product-concept"},"textContent":"Whole Product Concept"},{"kind":"inline","textContent":" in their client work. You see, at Snowball, all departments come together to create magic for many different clients across many different industries. I often felt inspired during each meeting when any of my colleagues presented their ideas. They trust each other, know that there is so much to learn from one another, and that relationship never ceased to surprise me."}]}]},"videos":null,"images":null},{"title":{"text":"Hands-on Experience"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Being part of a small team means that each team member has a lot on their plate. After on-boarding sessions and meeting the rest of the marketing team, I was thrown into the creativity abyss. My supervisor told me to write down ideas and suggestions for their marketing strategy. Of course, it was the challenge that I wanted, but I had no idea where to start! There were moments where I questioned myself and wasn’t sure if I had the relevant skills to get the job done at all, but learning and taking risks is where I thrive. As a result, I was given the honor of writing about my own experience as an intern and creating a marketing strategy for Snowball Digital."}]},"videos":null,"images":null},{"title":{"text":"A Small International Community in a Small City"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"I left Norway when I was 19 to explore bigger cities and new cultures. So I was pleasantly surprised when I moved back home to start an internship, and found a community of like-minded people that had similar experiences to me. Whenever I felt stuck with a task or an idea, I could always turn to a colleague and ask for their opinion and input. Together, we let our imaginations flourish by discussing ideas and motivating each other. All my team members are very passionate, clever, and come from different backgrounds, but they never made me feel any less valuable. These special moments really made me feel like part of the team."},{"kind":"block","type":"paragraph","textContent":"All in all, I’m very grateful for my time at Snowball Digital and the chance to meet such amazing people. Thank you for helping me graduate! "},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"line-break"}]}]},"videos":null,"images":null}]}}]},{"topics":[{"name":"Growth Strategy"},{"name":"Marketing"}],"name":"Why Planning is Good for Social Media Activities ","path":"/assets/blog/why-planning-is-good-for-social-media-activities","id":"675fb919299fd38154a7949f","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"Why Planning is Good for Social Media Activities "}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/3/social_media_sb_blog.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/3/@100/social_media_sb_blog.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/3/@200/social_media_sb_blog.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/3/@500/social_media_sb_blog.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/3/@768/social_media_sb_blog.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/3/@1024/social_media_sb_blog.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/3/@1366/social_media_sb_blog.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/3/@1600/social_media_sb_blog.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/3/@1920/social_media_sb_blog.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/3/@100/social_media_sb_blog.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/3/@200/social_media_sb_blog.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/3/@500/social_media_sb_blog.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/3/@768/social_media_sb_blog.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/3/@1024/social_media_sb_blog.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/3/@1366/social_media_sb_blog.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/3/@1600/social_media_sb_blog.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/3/@1920/social_media_sb_blog.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/3/@100/social_media_sb_blog.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/3/@200/social_media_sb_blog.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/3/@500/social_media_sb_blog.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/3/@768/social_media_sb_blog.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/3/@1024/social_media_sb_blog.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/3/@1366/social_media_sb_blog.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/3/@1600/social_media_sb_blog.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/3/@1920/social_media_sb_blog.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Kaity Roberts"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"August 17th, 2021"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Social media has grown big. So big that it has become a job in and of itself. So how can a social media manager/content creator/social media content wizard "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/how-to-measure-digital-marketing-success"},"textContent":"optimize their success"},{"kind":"inline","textContent":" in an ever changing digital world? Create a plan. "}]},{"kind":"block","type":"paragraph","textContent":"In this post, we break down why planning is important, the pitfalls to avoid when planning, as well as a basic social media checklist you can use to kick-start your planning."}],"plainText":["Social media has grown big. So big that it has become a job in and of itself. So how can a social media manager/content creator/social media content wizard optimize their success in an ever changing digital world? Create a plan.","In this post, we break down why planning is important, the pitfalls to avoid when planning, as well as a basic social media checklist you can use to kick-start your planning."]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":{"text":"To Plan or Not to Plan"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Dwight D. Eisenhower once said, “"},{"kind":"inline","type":"emphasized","textContent":"in preparing for battle I have always found that plans are useless, but planning is indispensable”."},{"kind":"inline","textContent":" In other words, success does not come from the plan itself - rather from its ability to offer guidance within flexible parameters."}]},{"kind":"block","type":"paragraph","textContent":"Put into the context of today’s evolving digital environment, with analytic tools constantly changing their metrics, planning out months of social media content may seem futile. Yet results are rarely made through random posts; It’s why laying out a plan, even if not strictly adhered to, will ultimately benefit anyone’s social media activities. "}]},"videos":null,"images":null},{"title":{"text":"Positives of Planning"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Planning is essentially a guide for action. While a plan doesn’t guarantee that your desired outcome will be reached, plans can still help direct specific actions towards your goals - especially if they are coordinated and focused."},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Coordination and focus leads to an "},{"kind":"inline","type":"strong","children":[{"kind":"inline","type":"emphasized","textContent":"improved use of resources"}]},{"kind":"inline","textContent":". If a content creator can effectively plan out one or more months of content instead of fragmented day-by-day posting, they will save time in the long run, freeing up hours and giving themselves the time and space to create higher quality content. This content may be more diverse and better researched, offering a thorougher understanding of the subject and its audience."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"A plan also translates to "},{"kind":"inline","type":"strong","children":[{"kind":"inline","type":"emphasized","textContent":"commitment"}]},{"kind":"inline","type":"strong","textContent":". "},{"kind":"inline","textContent":"It is easy for a content creator to lack motivation or inspiration when a task feels too overwhelming, big, or unclear."},{"kind":"inline","type":"strong","textContent":" "},{"kind":"inline","textContent":"Planning can help reduce some of this uncertainty by focusing in on what a content creator is expected to accomplish. As a general rule, people are more likely to work steadily towards a goal they understand and feel is achievable."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"This is how planning is used to"},{"kind":"inline","type":"strong","textContent":" "},{"kind":"inline","textContent":"help"},{"kind":"inline","type":"strong","children":[{"kind":"inline","type":"emphasized","textContent":" "}]},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/how-to-choose-the-right-marketing-kpis"},"children":[{"kind":"inline","type":"strong","children":[{"kind":"inline","type":"emphasized","textContent":"set performance standards"}]}]},{"kind":"inline","type":"strong","textContent":". "},{"kind":"inline","textContent":"Planning defines outcomes and progress milestones, so if something is missed, it becomes much easier to look back and asses where things went wrong, how they are really progressing, and where they need realignment. "}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Ultimately, although it may seem counterintuitive, "},{"kind":"inline","type":"strong","children":[{"kind":"inline","type":"emphasized","textContent":"planning allows for flexibility"}]},{"kind":"inline","type":"strong","textContent":". "},{"kind":"inline","textContent":"That is because through the goal-setting process, content creators learn to recognize the factors that need to be prioritized and monitored. If a change does occur, whether through a measurement metric, the need of a client, or the direction of a brand, they will be more prepared to respond accordingly based on the support of the structure already in place. "}]}]},"videos":null,"images":null},{"title":{"text":"Planning Pitfalls"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Once a plan is made, it can be difficult to break. That is why content creators must be aware of "},{"kind":"inline","type":"strong","children":[{"kind":"inline","type":"emphasized","textContent":"inhibited creativity. "}]},{"kind":"inline","textContent":"Remember: success comes from innovation "},{"kind":"inline","type":"emphasized","textContent":"as well as"},{"kind":"inline","textContent":" planning, so be sure to asses if your plan feels heavy, preventing your creativity from flowing."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Perhaps the biggest pitfall to avoid when planning is the "},{"kind":"inline","type":"strong","children":[{"kind":"inline","type":"emphasized","textContent":"error of complacency"}]},{"kind":"inline","type":"strong","textContent":". "},{"kind":"inline","textContent":"If a plan has been set up well, there could be months of content ready for publishing. However, the information that influenced the original plan may change. If this is not kept in mind, many content creators will forget to monitor their plan’s progress, or look for changes in "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/what-is-customer-engagement"},"textContent":"engagement"},{"kind":"inline","textContent":". As we discussed earlier, planning is not a one-time process - it must be continually adjusted over time."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"A good example of how sticking to a plan can go wrong is with General Motors. In the 1990s, they had "},{"kind":"inline","type":"link","metadata":{"href":"https://en.wikipedia.org/wiki/General_Motors_EV1"},"textContent":"EV-1 car prototypes designed and produced"},{"kind":"inline","textContent":". However, after just a few years, GM believed that electric cars would be unprofitable and hard to source, so they took them off the market. To many, GM missed the huge opportunity to become the first American automaker to mass-produce electric cars, all because they were more committed to the current plan, rather than assessing their long-term goals and the market’s long-term needs."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Ultimately, although planning can be a guide for action, if done for too long, it can also be a way to"},{"kind":"inline","type":"strong","textContent":" "},{"kind":"inline","type":"strong","children":[{"kind":"inline","type":"emphasized","textContent":"prevent action"}]},{"kind":"inline","textContent":". Try to remember that there is no such thing as perfection. At some point the plan must be put into action, providing the creator with both positive and negative feedback that can be used for further adjusting."}]}]},"videos":null,"images":null},{"title":{"text":"Building a Social Media Strategy"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"A social media strategy will help you outline your social media goals, the tactics you will use to achieve them, and the metrics you will track to measure your progress. Here are five tips to keep in mind when planning your next phase of social media activities:"},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"strong","textContent":"1. Set "},{"kind":"inline","type":"link","metadata":{"href":"https://www.mindtools.com/pages/article/smart-goals.htm"},"children":[{"kind":"inline","type":"strong","textContent":"SMART"}]},{"kind":"inline","type":"strong","textContent":" goals. "},{"kind":"inline","textContent":"Choose social media marketing goals that align to business objectives - most notably ones that are "},{"kind":"inline","type":"emphasized","textContent":"Specific, Measurable, Attainable, Relevant"},{"kind":"inline","textContent":", and "},{"kind":"inline","type":"emphasized","textContent":"Time-bound"},{"kind":"inline","textContent":"."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"strong","textContent":"2. Track "},{"kind":"inline","type":"link","metadata":{"href":"https://www.mashey.com/blog/6-steps-to-make-your-metrics-more-meaningful"},"children":[{"kind":"inline","type":"strong","textContent":"meaningful metrics"}]},{"kind":"inline","type":"strong","textContent":". "},{"kind":"inline","textContent":"Metrics, like number of followers and likes, are easy to track, but it’s hard to prove their real value. Instead, focus on things like engagement, click-through and conversion rates."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"strong","textContent":"3. Learn your "},{"kind":"inline","type":"link","metadata":{"href":"https://blog.hubspot.com/service/know-your-audience"},"children":[{"kind":"inline","type":"strong","textContent":"audience"}]},{"kind":"inline","type":"strong","textContent":". "},{"kind":"inline","textContent":"Knowing who your audience is and what they want to see on social media is key. That way you can create content that will foster trust, brand loyalty, and turn viewers into customers."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"strong","textContent":"4. Know your "},{"kind":"inline","type":"link","metadata":{"href":"https://www.forbes.com/sites/forbesfinancecouncil/2021/03/15/get-an-edge-by-getting-to-know-your-competitors/?sh=24f9d4e255cf"},"children":[{"kind":"inline","type":"strong","textContent":"competition"}]},{"kind":"inline","type":"strong","textContent":". "},{"kind":"inline","textContent":"Learn from your competitors! There isn’t anything wrong with taking from the best, as long as you make it your own. Let them inspire you, but not define you!"}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"strong","textContent":"5. Do a "},{"kind":"inline","type":"link","metadata":{"href":"https://blog.hootsuite.com/social-media-audit-template/"},"children":[{"kind":"inline","type":"strong","textContent":"social media audit"}]},{"kind":"inline","type":"strong","textContent":". "},{"kind":"inline","textContent":"Take stock of your efforts and ask yourself, “What’s working and what’s not? Who is engaging? How do I compare to the competition?”"}]}]},"videos":null,"images":null},{"title":{"text":"A Final Note"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Before you set out to create a SoMe strategy, be sure to have a solid understanding of your brand and it’s values. For some words on this topic, check out our blog post on "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/what-is-branding"},"textContent":"Branding."}]},{"kind":"block","type":"paragraph"},{"kind":"block","type":"paragraph","textContent":"Happy planning!"}]},"videos":null,"images":null}]}}]},{"topics":[{"name":"Development"}],"name":"CI/CD Tooling for Frontend Projects","path":"/assets/blog/cicd-tooling-for-frontend-projects","id":"675fbf02b5ccfc2c91b69cbd","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"CI/CD Tooling for Frontend Projects using Github Actions"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/13/development_sb_blog.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/13/@100/development_sb_blog.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/13/@200/development_sb_blog.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/13/@500/development_sb_blog.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/13/@768/development_sb_blog.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/13/@1024/development_sb_blog.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/13/@1366/development_sb_blog.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/13/@1600/development_sb_blog.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/13/@1920/development_sb_blog.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/13/@100/development_sb_blog.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/13/@200/development_sb_blog.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/13/@500/development_sb_blog.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/13/@768/development_sb_blog.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/13/@1024/development_sb_blog.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/13/@1366/development_sb_blog.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/13/@1600/development_sb_blog.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/13/@1920/development_sb_blog.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/13/@100/development_sb_blog.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/13/@200/development_sb_blog.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/13/@500/development_sb_blog.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/13/@768/development_sb_blog.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/13/@1024/development_sb_blog.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/13/@1366/development_sb_blog.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/13/@1600/development_sb_blog.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/13/@1920/development_sb_blog.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Meet Dave"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"April 16th, 2021"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Setting up continuous integration pipelines for your frontend project can help avoid bugs and filter out common problems that sneak into production. For example, having CI/CD in your frontend project from the beginning can help avoid “broken windows“ (ref: "},{"kind":"inline","type":"link","metadata":{"href":"https://blog.codinghorror.com/the-broken-window-theory/"},"textContent":"broken window theory"},{"kind":"inline","textContent":"). "}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Additionally, setting up the workflow can "},{"kind":"inline","type":"strong","textContent":"significantly improve developer and user experience (DX & UX)"},{"kind":"inline","textContent":". If you are able to setup a pipeline "},{"kind":"inline","type":"strong","textContent":"early"},{"kind":"inline","textContent":" on in the project, you will be helping the team work with a unified purpose and set guidelines. "}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Read on to learn about continuous integration pipeline setups and the user benefits that come with it. "},{"kind":"inline","type":"line-break"},{"kind":"inline","type":"line-break"}]}],"plainText":["Setting up continuous integration pipelines for your frontend project can help avoid bugs and filter out common problems that sneak into production. For example, having CI/CD in your frontend project from the beginning can help avoid “broken windows“ (ref: broken window theory).","Additionally, setting up the workflow can significantly improve developer and user experience (DX & UX). If you are able to setup a pipeline early on in the project, you will be helping the team work with a unified purpose and set guidelines.","Read on to learn about continuous integration pipeline setups and the user benefits that come with it."]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":{"text":"Plot"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Let’s get into the continuous integration pipeline setup for a starter "},{"kind":"inline","type":"link","metadata":{"href":"https://nextjs.org/"},"textContent":"Next.js"},{"kind":"inline","textContent":" app, deployed on "},{"kind":"inline","type":"link","metadata":{"href":"https://vercel.com/"},"textContent":"Vercel"},{"kind":"inline","textContent":", living on a Github repository. The pipeline makes use open-source Github actions from the "},{"kind":"inline","type":"link","metadata":{"href":"https://github.com/marketplace?type=actions"},"textContent":"Github marketplace"},{"kind":"inline","textContent":". "}]},{"kind":"block","type":"paragraph","textContent":"The CI jobs runs synchronously. If a job fails, the process would exit."},{"kind":"block","type":"paragraph","textContent":"For this article I have chosen to setup the following jobs:"},{"kind":"block","type":"unordered-list","children":[{"kind":"block","type":"list-item","textContent":"Linting (eslint + stylelint) - Helps with consistent DX"},{"kind":"block","type":"list-item","textContent":"Vercel deployment"},{"kind":"block","type":"list-item","textContent":"Lighthouse budget checks - Helps in UX integrity"}]},{"kind":"block","type":"paragraph","textContent":"Additional things you can do / add in your CI pipeline: "},{"kind":"block","type":"unordered-list","children":[{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"link","metadata":{"href":"https://github.com/marketplace/actions/slack-notification"},"textContent":"Send a slack notification"},{"kind":"inline","textContent":" if a job fails"}]},{"kind":"block","type":"list-item","children":[{"kind":"inline","textContent":"Run "},{"kind":"inline","type":"link","metadata":{"href":"https://docs.cypress.io/guides/continuous-integration/github-actions"},"textContent":"Cypress tests"},{"kind":"inline","textContent":" / Jest tests"}]},{"kind":"block","type":"list-item","children":[{"kind":"inline","textContent":"Setup semantic versioning / "},{"kind":"inline","type":"link","metadata":{"href":"https://github.com/semantic-release/semantic-release"},"textContent":"semantic release"}]}]},{"kind":"block","type":"paragraph","textContent":"Do you yourself use something else other than the options I have chosen above? Here are my reasons for choosing the selected tools:"},{"kind":"block","type":"unordered-list","children":[{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"emphasized","textContent":"Why "},{"kind":"inline","type":"strong","children":[{"kind":"inline","type":"emphasized","textContent":"Next.js"}]},{"kind":"inline","type":"emphasized","textContent":" instead of Angular, Nuxt.js, etc?"},{"kind":"inline","type":"line-break"},{"kind":"inline","textContent":"Next.js gives flexibility to statically generate a page and / or use server side rendering. Smaller overall bundle size helps in achieving better UX."},{"kind":"inline","type":"line-break"}]},{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"emphasized","textContent":"Why "},{"kind":"inline","type":"strong","children":[{"kind":"inline","type":"emphasized","textContent":"Vercel"}]},{"kind":"inline","type":"emphasized","textContent":" instead of AWS Amplify or Netlify, etc?"},{"kind":"inline","textContent":" "},{"kind":"inline","type":"line-break"},{"kind":"inline","textContent":"Deployment previews! Each PR generates a deployment preview URL. This makes it easy and efficient to run E2E tests or Lighthouse checks against a preview URL (also since I’m using Next.js."},{"kind":"inline","type":"line-break"}]},{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"emphasized","textContent":"Why "},{"kind":"inline","type":"strong","children":[{"kind":"inline","type":"emphasized","textContent":"Github"}]},{"kind":"inline","type":"emphasized","textContent":" actions instead of Gitlab or Bitbucket, etc?"},{"kind":"inline","type":"line-break"},{"kind":"inline","textContent":"For its ability to use and / or write open-source Github actions."}]}]}]},"videos":null,"images":null},{"title":{"text":"1. Getting Started"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"In this example I’m setting up the CI pipeline for a boilerplate Next.js app."},{"kind":"block","type":"preformatted","children":[{"type":"code","kind":"block","textContent":"npx create-next-app","metadata":{"language":"javascript"}}]},{"kind":"block","type":"paragraph","textContent":"After setting up the app, I initialise the ESLint setup: "},{"kind":"block","type":"preformatted","children":[{"type":"code","kind":"block","textContent":"eslint —init","metadata":{"language":"javascript"}}]},{"kind":"block","type":"paragraph","textContent":"ESLint initialisation will take you through a set of questions and help you set up the correct lint rules for your project. It automatically generates the configuration file & installs the dependencies."},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"For linting styles, I mainly prefer using "},{"kind":"inline","type":"link","metadata":{"href":"https://stylelint.io/"},"children":[{"kind":"inline","type":"emphasized","textContent":"stylelint"}]},{"kind":"inline","textContent":", as it helps enforce css / scss conventions and avoids errors for stylesheets. This is the equivalent to using ESLint for Javascript files. Read more about "},{"kind":"inline","type":"link","metadata":{"href":"https://stylelint.io/user-guide/get-started"},"textContent":"configuring stylelint"},{"kind":"inline","textContent":" for your frontend project. "}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Finally, add the lint check scripts inside the "},{"kind":"inline","type":"link","metadata":{"href":"https://github.com/snowballdigital/nextjs-tooling/blob/main/package.json#L9"},"textContent":"package.json"},{"kind":"inline","textContent":" file so we can set it up with our CI pipeline."}]}]},"videos":null,"images":null},{"title":{"text":"2. Creating the Github Actions Workflow"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"To write the Github actions, we need to create "},{"kind":"inline","type":"strong","children":[{"kind":"inline","type":"emphasized","textContent":"main.yml"}]},{"kind":"inline","textContent":" workflow file inside "},{"kind":"inline","type":"strong","children":[{"kind":"inline","type":"emphasized","textContent":".github/workflows/"}]}]},{"kind":"block","type":"paragraph","textContent":"In this CI example we have 3 jobs in our workflow: "},{"kind":"block","type":"unordered-list","children":[{"kind":"block","type":"list-item","textContent":"Lint source code (ESLint + Stylelint)"},{"kind":"block","type":"list-item","textContent":"If no lint errors then -> deploy on Vercel"},{"kind":"block","type":"list-item","textContent":"If deploy build is successful then -> run performance check with Lighthouse"}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"We get started by defining that the jobs should run whenever there is a "},{"kind":"inline","type":"strong","children":[{"kind":"inline","type":"emphasized","textContent":"PUSH "}]},{"kind":"inline","textContent":"event on any branch. "}]},{"kind":"block","type":"preformatted","children":[{"type":"code","kind":"block","textContent":"name: CI\non: [push] ","metadata":{"language":"javascript"}}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Based on your use-case, you can also chose to have different events. Checkout the different "},{"kind":"inline","type":"link","metadata":{"href":"https://docs.github.com/en/actions/reference/events-that-trigger-workflows"},"textContent":"events that trigger a workflow"}]}]},"videos":null,"images":null},{"title":{"text":"3. Setup the Linting Job"},"body":{"json":[{"kind":"block","type":"preformatted","children":[{"type":"code","kind":"block","textContent":"jobs:\n lint:\n runs-on: ubuntu-latest\n steps:\n - name: Begin linting\n uses: actions/checkout@v2\n with:\n fetch-depth: 0\n\n - name: Use Node 12\n uses: actions/setup-node@v1\n with:\n node-version: 12.x\n\n - name: Use cached node_modules\n uses: actions/cache@v2\n with:\n path: node_modules\n key: nodeModules-${{ hashFiles('**/yarn.lock') }}\n restore-keys: |\n nodeModules-\n \n - name: Install dependencies\n run: yarn install --frozen-lockfile\n\n - name: Run ESLint\n run: yarn lint\n\n - name: Run stylelint\n run: yarn stylelint","metadata":{"language":"javascript"}}]},{"kind":"block","type":"paragraph","textContent":"This job checks if the code adheres to the lint rules. As you can see, the job checks for eslint or stylelint problems."},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"To improve the DX and catch these lint issues while developing, it’s best to setup your IDE with the respective plugins. Since I use VSCode, here are the "},{"kind":"inline","type":"link","metadata":{"href":"https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint"},"textContent":"eslint"},{"kind":"inline","textContent":" and "},{"kind":"inline","type":"link","metadata":{"href":"https://marketplace.visualstudio.com/items?itemName=stylelint.vscode-stylelint"},"textContent":"stylelint"},{"kind":"inline","textContent":" plugins that I use. I also like to set up the format on save in the VSCode "},{"kind":"inline","type":"link","metadata":{"href":"https://www.digitalocean.com/community/tutorials/linting-and-formatting-with-eslint-in-vs-code#step-4-%E2%80%94-formatting-on-save"},"textContent":"settings.json"},{"kind":"inline","textContent":" file to automatically fix all fixable problems when I hit save."}]}]},"videos":null,"images":null},{"title":{"text":"4. Generate Deployment Previews with Vercel"},"body":{"json":[{"kind":"block","type":"preformatted","children":[{"type":"code","kind":"block","textContent":"deploy:\n runs-on: ubuntu-latest\n needs: lint\n steps:\n - uses: actions/checkout@v2\n - uses: amondnet/vercel-action@v20\n id: vercel-deployment\n with:\n github-token: ${{ secrets.GH_TOKEN }}\n vercel-token: ${{ secrets.VERCEL_TOKEN }}\n vercel-org-id: ${{ secrets.ORG_ID}}\n vercel-project-id: ${{ secrets.PROJECT_ID}}\n vercel-project-name: 'nextjs-tooling'\n outputs:\n preview-url: ${{ steps.vercel-deployment.outputs.preview-url }}","metadata":{"language":"javascript"}}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"This job makes the use of the opensource GitHub action: "},{"kind":"inline","type":"link","metadata":{"href":"https://github.com/marketplace/actions/vercel-action"},"textContent":"Vercel actions"},{"kind":"inline","textContent":". The opensource action makes it easy for us to generate Vercel deployments, whether they are preview deployments or production deployments. "}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Here, we are also checking if the "},{"kind":"inline","type":"strong","textContent":"production build "},{"kind":"inline","textContent":"succeeds or not since we are making a deployment. "}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Using this action in the CI pipeline is better than setting up the "},{"kind":"inline","type":"link","metadata":{"href":"https://vercel.com/docs/git/vercel-for-github"},"children":[{"kind":"inline","type":"strong","textContent":"Vercel for Github Integration"}]},{"kind":"inline","textContent":", since the Github integration is asynchronous and runs independently of the pipeline state. "}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Checkout the Vercel actions documentation on how to setup the secrets. Once the deployment is done, "},{"kind":"inline","type":"link","metadata":{"href":"https://nextjs.org/docs/deployment#dps-develop-preview-ship"},"textContent":"Vercel generates a preview-url"},{"kind":"inline","textContent":". "}]},{"kind":"block","type":"paragraph","textContent":"You may chose to run Cypress tests against the preview-url. In this article, we will be setting up the Lighthouse job which will make use of this preview-url. "}]},"videos":null,"images":null},{"title":null,"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Additionally, if there is a PR, "},{"kind":"inline","type":"strong","children":[{"kind":"inline","type":"emphasized","textContent":"vercel-actions"}]},{"kind":"inline","textContent":" will comment on the PR once the preview URL is deployed successfully. "}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/11/screenshot-2021-04-16-at-15-51-02.png","altText":null,"width":1892,"height":1202,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/11/@100/screenshot-2021-04-16-at-15-51-02.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/11/@200/screenshot-2021-04-16-at-15-51-02.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/11/@500/screenshot-2021-04-16-at-15-51-02.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/11/@768/screenshot-2021-04-16-at-15-51-02.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/11/@1024/screenshot-2021-04-16-at-15-51-02.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/11/@1366/screenshot-2021-04-16-at-15-51-02.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/11/@1600/screenshot-2021-04-16-at-15-51-02.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/11/@100/screenshot-2021-04-16-at-15-51-02.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/11/@200/screenshot-2021-04-16-at-15-51-02.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/11/@500/screenshot-2021-04-16-at-15-51-02.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/11/@768/screenshot-2021-04-16-at-15-51-02.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/11/@1024/screenshot-2021-04-16-at-15-51-02.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/11/@1366/screenshot-2021-04-16-at-15-51-02.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/11/@1600/screenshot-2021-04-16-at-15-51-02.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/11/@100/screenshot-2021-04-16-at-15-51-02.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/11/@200/screenshot-2021-04-16-at-15-51-02.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/11/@500/screenshot-2021-04-16-at-15-51-02.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/11/@768/screenshot-2021-04-16-at-15-51-02.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/11/@1024/screenshot-2021-04-16-at-15-51-02.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/11/@1366/screenshot-2021-04-16-at-15-51-02.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/11/@1600/screenshot-2021-04-16-at-15-51-02.avif","width":1600}]}]},{"title":{"text":"5. Run Lighthouse Budget Checks Against the Deployment Previews"},"body":{"json":[{"kind":"block","type":"preformatted","children":[{"type":"code","kind":"block","textContent":"lighthouse:\n runs-on: ubuntu-latest\n needs: deploy\n steps:\n - uses: actions/checkout@v2\n - name: Run Lighthouse on urls and validate with lighthouserc\n uses: treosh/lighthouse-ci-action@v7\n with:\n urls: |\n ${{ needs.deploy.outputs.preview-url }}\n ${{ needs.deploy.outputs.preview-url }}/some-other-path\n budgetPath: ./budget.json\n runs: 3","metadata":{"language":"javascript"}}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"This job makes use of the opensource "},{"kind":"inline","type":"link","metadata":{"href":"https://github.com/treosh/lighthouse-ci-action"},"textContent":"treosh/lighthouse-ci-action"},{"kind":"inline","textContent":" Github action. The action makes use of the Lighthouse CI and audits our deployments. The action allows us to set numerous options like "}]},{"kind":"block","type":"unordered-list","children":[{"kind":"block","type":"list-item","textContent":"testing against multiple paths"},{"kind":"block","type":"list-item","textContent":"providing a budget path"},{"kind":"block","type":"list-item","textContent":"number of runs (how many times the CI should audit an URL?)"},{"kind":"block","type":"list-item","textContent":"and many more "}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"In this job, setting up a budget is the most important task. As you may have known, with the "},{"kind":"inline","type":"link","metadata":{"href":"https://www.searchenginewatch.com/2021/01/04/google-page-experience-update-is-all-set-to-launch-in-may-2021-webmasters-hang-in-there/"},"textContent":"Google page experience update"},{"kind":"inline","textContent":" coming up in May 2021, Lighthouse scores and page speed performance are going to be prioritized in search rankings. "}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Therefore, setting up this Github action would help immensely for websites that rely on Google search traffic. If not taken care of in the early stage, it’s quite normal for the bundle sizes to bloat up as a website is iterated, then that results in a "},{"kind":"inline","type":"strong","textContent":"lower lighthouse score"},{"kind":"inline","textContent":". This Lighthouse Github action helps us keep an eye on any discrepancy in every commit. "}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Based on your project, it can also be important to setup a correct Lighthouse budget. The budget for the example repo is: "},{"kind":"inline","type":"link","metadata":{"href":"https://github.com/snowballdigital/nextjs-tooling/blob/main/budget.json"},"textContent":"https://github.com/snowballdigital/nextjs-tooling/blob/main/budget.json"}]}]},"videos":null,"images":null},{"title":{"text":"6. CI in Action"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Working Github repo: "},{"kind":"inline","type":"link","metadata":{"href":"https://github.com/snowballdigital/nextjs-tooling"},"textContent":"https://github.com/snowballdigital/nextjs-tooling"}]},{"kind":"block","type":"paragraph","textContent":"Now we have all 3 jobs setup in the CI pipeline, on each push to a branch the following 3 jobs would run like so:"}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/12/screenshot-2021-04-21-at-20-58-32.png","altText":null,"width":1278,"height":406,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/12/@100/screenshot-2021-04-21-at-20-58-32.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/12/@200/screenshot-2021-04-21-at-20-58-32.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/12/@500/screenshot-2021-04-21-at-20-58-32.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/12/@768/screenshot-2021-04-21-at-20-58-32.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/12/@1024/screenshot-2021-04-21-at-20-58-32.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/12/@100/screenshot-2021-04-21-at-20-58-32.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/12/@200/screenshot-2021-04-21-at-20-58-32.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/12/@500/screenshot-2021-04-21-at-20-58-32.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/12/@768/screenshot-2021-04-21-at-20-58-32.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/12/@1024/screenshot-2021-04-21-at-20-58-32.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/12/@100/screenshot-2021-04-21-at-20-58-32.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/12/@200/screenshot-2021-04-21-at-20-58-32.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/12/@500/screenshot-2021-04-21-at-20-58-32.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/12/@768/screenshot-2021-04-21-at-20-58-32.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/12/@1024/screenshot-2021-04-21-at-20-58-32.avif","width":1024}]}]},{"title":{"text":"In Conclusion"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Simply, any commit which violates your CI rules will not make it to production. "},{"kind":"block","type":"paragraph","textContent":"These pipelines setup are best suited for any frontend project since the successful pipelines give you that the extra finesse and assurance to deliver a solid, consistent end user experience, and also an improved developer experience for your team and co-contributors."},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"strong","children":[{"kind":"inline","type":"emphasized","textContent":"Interested in building lightning fast web applications on React? We’re in search for senior frontend developers, "}]},{"kind":"inline","type":"link","metadata":{"href":"/careers/senior-frontend-developer"},"children":[{"kind":"inline","type":"strong","children":[{"kind":"inline","type":"emphasized","textContent":"Apply here"}]}]},{"kind":"inline","type":"strong","children":[{"kind":"inline","type":"emphasized","textContent":"!"}]}]}]},"videos":null,"images":null}]}}]},{"topics":null,"name":"Custom Raspberry Pi 4 B Case Design","path":"/assets/blog/custom-raspberry-pi-4-b-case-design","id":"675fcd6b299fd38154a7a451","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"Custom Raspberry Pi 4 B Case Design for 3d Print - Free Download"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/36/product_design_sb_blog.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/36/@100/product_design_sb_blog.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/36/@200/product_design_sb_blog.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/36/@500/product_design_sb_blog.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/36/@768/product_design_sb_blog.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/36/@1024/product_design_sb_blog.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/36/@1366/product_design_sb_blog.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/36/@1600/product_design_sb_blog.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/36/@1920/product_design_sb_blog.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/36/@100/product_design_sb_blog.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/36/@200/product_design_sb_blog.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/36/@500/product_design_sb_blog.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/36/@768/product_design_sb_blog.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/36/@1024/product_design_sb_blog.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/36/@1366/product_design_sb_blog.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/36/@1600/product_design_sb_blog.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/36/@1920/product_design_sb_blog.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/36/@100/product_design_sb_blog.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/36/@200/product_design_sb_blog.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/36/@500/product_design_sb_blog.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/36/@768/product_design_sb_blog.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/36/@1024/product_design_sb_blog.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/36/@1366/product_design_sb_blog.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/36/@1600/product_design_sb_blog.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/36/@1920/product_design_sb_blog.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Audun Ask Blaker"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"December 2nd, 2019"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"We wanted to use the "},{"kind":"inline","type":"link","metadata":{"href":"https://www.raspberrypi.org/"},"textContent":"Raspberry Pi"},{"kind":"inline","textContent":" as a simple lounge/desktop/signage device, but we just could not find a case that suited our aesthetic needs and we did not want to hide it away anywhere either. That is why we decided to be the change we want to see in the world, and design one for ourselves. And why not share the "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services/product-design"},"textContent":"product design"},{"kind":"inline","textContent":" and the subsequent "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/product-design-process"},"textContent":"product design process"},{"kind":"inline","textContent":" with everyone. TLDR: you can "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball-storage.s3.eu-central-1.amazonaws.com/Raspberry_Pi_Case_3d_Model_3d_Print.zip"},"textContent":"download the 3D models and Step files for 3D print"},{"kind":"inline","textContent":"."}]}],"plainText":["We wanted to use the Raspberry Pi as a simple lounge/desktop/signage device, but we just could not find a case that suited our aesthetic needs and we did not want to hide it away anywhere either. That is why we decided to be the change we want to see in the world, and design one for ourselves. And why not share the product design and the subsequent product design process with everyone. TLDR: you can download the 3D models and Step files for 3D print."]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":{"text":"What is a Raspberry Pi?"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"We will keep this section short, but for those of you that do not know, the raspberry PI is a so called "},{"kind":"inline","type":"link","metadata":{"href":"https://en.wikipedia.org/wiki/System_on_a_chip"},"textContent":"System on a Chip"},{"kind":"inline","textContent":" (SoC). Think of it as a desktop computer with no extras, like screen, peripherals or even casing. There are a lot of options available for casings, but if you google raspberry pi case you will find very technical and boxy designs, quite the opposite of what we were looking for."}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/74/94dcdd80-8f3d-4d41-a5ca-f4b003a92672.png","altText":null,"width":902,"height":727,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/74/@100/94dcdd80-8f3d-4d41-a5ca-f4b003a92672.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/74/@200/94dcdd80-8f3d-4d41-a5ca-f4b003a92672.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/74/@500/94dcdd80-8f3d-4d41-a5ca-f4b003a92672.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/74/@768/94dcdd80-8f3d-4d41-a5ca-f4b003a92672.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/74/@100/94dcdd80-8f3d-4d41-a5ca-f4b003a92672.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/74/@200/94dcdd80-8f3d-4d41-a5ca-f4b003a92672.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/74/@500/94dcdd80-8f3d-4d41-a5ca-f4b003a92672.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/74/@768/94dcdd80-8f3d-4d41-a5ca-f4b003a92672.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/74/@100/94dcdd80-8f3d-4d41-a5ca-f4b003a92672.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/74/@200/94dcdd80-8f3d-4d41-a5ca-f4b003a92672.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/74/@500/94dcdd80-8f3d-4d41-a5ca-f4b003a92672.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/74/@768/94dcdd80-8f3d-4d41-a5ca-f4b003a92672.avif","width":768}]},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/73/raspberry-pi.jpg","altText":null,"width":546,"height":377,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/73/@100/raspberry-pi.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/73/@200/raspberry-pi.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/73/@500/raspberry-pi.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/73/@100/raspberry-pi.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/73/@200/raspberry-pi.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/73/@500/raspberry-pi.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/73/@100/raspberry-pi.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/73/@200/raspberry-pi.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/73/@500/raspberry-pi.avif","width":500}]},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/73/raspberry-pi-case-google-search.png","altText":null,"width":1200,"height":655,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/73/@100/raspberry-pi-case-google-search.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/73/@200/raspberry-pi-case-google-search.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/73/@500/raspberry-pi-case-google-search.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/73/@768/raspberry-pi-case-google-search.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/73/@1024/raspberry-pi-case-google-search.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/73/@100/raspberry-pi-case-google-search.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/73/@200/raspberry-pi-case-google-search.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/73/@500/raspberry-pi-case-google-search.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/73/@768/raspberry-pi-case-google-search.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/73/@1024/raspberry-pi-case-google-search.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/73/@100/raspberry-pi-case-google-search.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/73/@200/raspberry-pi-case-google-search.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/73/@500/raspberry-pi-case-google-search.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/73/@768/raspberry-pi-case-google-search.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/73/@1024/raspberry-pi-case-google-search.avif","width":1024}]}]},{"title":{"text":"Personas and Moodboard"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"With these undesirable google results, we started the process of making a more visual-pleasing device. It pays to know who your "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/product-strategy-understanding-product-positioning"},"textContent":"target audience"},{"kind":"inline","textContent":" is when you are designing, and so for this specific project, we created a very easy "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/personas-in-product-design"},"textContent":"customer persona"},{"kind":"inline","textContent":": us."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"As mentioned, we wanted to create a nice looking desktop computer powerful enough to run a browser on a single display. Sometimes it would also be used with a keyboard, mouse and a second display, but that’s it. Then, to explain the feeling and environment we wanted to create and cater for, we felt it was also important to create the "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/mood-boards-for-branding-and-product-design"},"textContent":"moodboard"},{"kind":"inline","textContent":" you see below."}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/75/raspberry-pi-moodboard.jpg","altText":null,"width":1080,"height":700,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/75/@100/raspberry-pi-moodboard.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/75/@200/raspberry-pi-moodboard.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/75/@500/raspberry-pi-moodboard.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/75/@768/raspberry-pi-moodboard.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/75/@1024/raspberry-pi-moodboard.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/75/@100/raspberry-pi-moodboard.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/75/@200/raspberry-pi-moodboard.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/75/@500/raspberry-pi-moodboard.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/75/@768/raspberry-pi-moodboard.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/75/@1024/raspberry-pi-moodboard.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/75/@100/raspberry-pi-moodboard.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/75/@200/raspberry-pi-moodboard.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/75/@500/raspberry-pi-moodboard.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/75/@768/raspberry-pi-moodboard.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/75/@1024/raspberry-pi-moodboard.avif","width":1024}]}]},{"title":{"text":"Product Sketching"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"We started with some quick sketches to better illustrate ideas and direction. From there we went over to some rapid "},{"kind":"inline","type":"link","metadata":{"href":"https://en.wikipedia.org/wiki/3D_modeling"},"textContent":"3d modeling"},{"kind":"inline","textContent":" to build some quick but still correct ratio and size concept models and create some rapid renders."}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/76/sketch-process-raspberry.jpg","altText":null,"width":1890,"height":1417,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/76/@100/sketch-process-raspberry.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/76/@200/sketch-process-raspberry.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/76/@500/sketch-process-raspberry.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/76/@768/sketch-process-raspberry.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/76/@1024/sketch-process-raspberry.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/76/@1366/sketch-process-raspberry.jpeg","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/76/@1600/sketch-process-raspberry.jpeg","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/76/@100/sketch-process-raspberry.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/76/@200/sketch-process-raspberry.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/76/@500/sketch-process-raspberry.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/76/@768/sketch-process-raspberry.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/76/@1024/sketch-process-raspberry.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/76/@1366/sketch-process-raspberry.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/76/@1600/sketch-process-raspberry.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/76/@100/sketch-process-raspberry.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/76/@200/sketch-process-raspberry.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/76/@500/sketch-process-raspberry.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/76/@768/sketch-process-raspberry.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/76/@1024/sketch-process-raspberry.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/76/@1366/sketch-process-raspberry.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/76/@1600/sketch-process-raspberry.avif","width":1600}]}]},{"title":{"text":"3D Modeling"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"When choosing a concept it is best to see the alternatives in the same fidelity so they are easy to compare. We first 3d modeled a rapid volume model of the "},{"kind":"inline","type":"link","metadata":{"href":"https://en.wikipedia.org/wiki/Printed_circuit_board"},"textContent":"Printed Circuit Board"},{"kind":"inline","textContent":" (PCB) and started modeling concepts around it. That way we know that all the concepts are more or less physically correct and comparable. For this modeling, we used "},{"kind":"inline","type":"link","metadata":{"href":"https://www.autodesk.com/"},"textContent":"Fusion360"},{"kind":"inline","textContent":" that integrates freeform surface and "},{"kind":"inline","type":"link","metadata":{"href":"https://www.sciencedirect.com/topics/engineering/parametric-modeling"},"textContent":"parametric modeling"},{"kind":"inline","textContent":" in a very effective way."}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/77/raspberry-pi-casing-concepts.jpg","altText":null,"width":1571,"height":1294,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/77/@100/raspberry-pi-casing-concepts.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/77/@200/raspberry-pi-casing-concepts.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/77/@500/raspberry-pi-casing-concepts.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/77/@768/raspberry-pi-casing-concepts.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/77/@1024/raspberry-pi-casing-concepts.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/77/@1366/raspberry-pi-casing-concepts.jpeg","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/77/@100/raspberry-pi-casing-concepts.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/77/@200/raspberry-pi-casing-concepts.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/77/@500/raspberry-pi-casing-concepts.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/77/@768/raspberry-pi-casing-concepts.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/77/@1024/raspberry-pi-casing-concepts.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/77/@1366/raspberry-pi-casing-concepts.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/77/@100/raspberry-pi-casing-concepts.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/77/@200/raspberry-pi-casing-concepts.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/77/@500/raspberry-pi-casing-concepts.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/77/@768/raspberry-pi-casing-concepts.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/77/@1024/raspberry-pi-casing-concepts.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/77/@1366/raspberry-pi-casing-concepts.avif","width":1366}]},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/77/raspberry-pi-concepts-composition.jpg","altText":null,"width":1280,"height":960,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/77/@100/raspberry-pi-concepts-composition.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/77/@200/raspberry-pi-concepts-composition.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/77/@500/raspberry-pi-concepts-composition.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/77/@768/raspberry-pi-concepts-composition.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/77/@1024/raspberry-pi-concepts-composition.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/77/@100/raspberry-pi-concepts-composition.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/77/@200/raspberry-pi-concepts-composition.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/77/@500/raspberry-pi-concepts-composition.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/77/@768/raspberry-pi-concepts-composition.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/77/@1024/raspberry-pi-concepts-composition.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/77/@100/raspberry-pi-concepts-composition.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/77/@200/raspberry-pi-concepts-composition.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/77/@500/raspberry-pi-concepts-composition.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/77/@768/raspberry-pi-concepts-composition.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/77/@1024/raspberry-pi-concepts-composition.avif","width":1024}]}]},{"title":{"text":"Concept Selection and Detailing"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"After settling on the design we liked the most, we added some details to it like lip/groove, screw bosses and air vents. We also chose to not have any openings for the USB or ethernet connectors, because come on, when is the last time you used your 4gb thumb drive? #formvsfunction #hack-proof #streamline"},{"kind":"block","type":"paragraph"}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/78/raspberry-pi-case-3d-modeling-section.jpg","altText":null,"width":1603,"height":1031,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/78/@100/raspberry-pi-case-3d-modeling-section.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/78/@200/raspberry-pi-case-3d-modeling-section.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/78/@500/raspberry-pi-case-3d-modeling-section.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/78/@768/raspberry-pi-case-3d-modeling-section.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/78/@1024/raspberry-pi-case-3d-modeling-section.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/78/@1366/raspberry-pi-case-3d-modeling-section.jpeg","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/78/@1600/raspberry-pi-case-3d-modeling-section.jpeg","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/78/@100/raspberry-pi-case-3d-modeling-section.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/78/@200/raspberry-pi-case-3d-modeling-section.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/78/@500/raspberry-pi-case-3d-modeling-section.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/78/@768/raspberry-pi-case-3d-modeling-section.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/78/@1024/raspberry-pi-case-3d-modeling-section.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/78/@1366/raspberry-pi-case-3d-modeling-section.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/78/@1600/raspberry-pi-case-3d-modeling-section.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/78/@100/raspberry-pi-case-3d-modeling-section.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/78/@200/raspberry-pi-case-3d-modeling-section.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/78/@500/raspberry-pi-case-3d-modeling-section.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/78/@768/raspberry-pi-case-3d-modeling-section.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/78/@1024/raspberry-pi-case-3d-modeling-section.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/78/@1366/raspberry-pi-case-3d-modeling-section.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/78/@1600/raspberry-pi-case-3d-modeling-section.avif","width":1600}]}]},{"title":{"text":"Final Product"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Enjoy these spectacular product design renders of the finished design. Some of these are even created at a very high pace with the very fast and capable Fusion360 rendering. Think you can guess which ones? Don’t forget to "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball-storage.s3.eu-central-1.amazonaws.com/Raspberry_Pi_Case_3d_Model_3d_Print.zip"},"children":[{"kind":"inline","type":"link","metadata":{"href":"https://snowball-storage.s3.eu-central-1.amazonaws.com/Raspberry_Pi_Case_3d_Model_3d_Print.zip"},"textContent":"download the models"}]},{"kind":"inline","textContent":" and print yourself a copy of this stylish casing."}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/79/raspberry-pi-case-3d-modeling-sections.jpg","altText":null,"width":2025,"height":1501,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/79/@100/raspberry-pi-case-3d-modeling-sections.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/79/@200/raspberry-pi-case-3d-modeling-sections.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/79/@500/raspberry-pi-case-3d-modeling-sections.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/79/@768/raspberry-pi-case-3d-modeling-sections.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/79/@1024/raspberry-pi-case-3d-modeling-sections.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/79/@1366/raspberry-pi-case-3d-modeling-sections.jpeg","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/79/@1600/raspberry-pi-case-3d-modeling-sections.jpeg","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/79/@1920/raspberry-pi-case-3d-modeling-sections.jpeg","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/79/@100/raspberry-pi-case-3d-modeling-sections.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/79/@200/raspberry-pi-case-3d-modeling-sections.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/79/@500/raspberry-pi-case-3d-modeling-sections.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/79/@768/raspberry-pi-case-3d-modeling-sections.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/79/@1024/raspberry-pi-case-3d-modeling-sections.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/79/@1366/raspberry-pi-case-3d-modeling-sections.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/79/@1600/raspberry-pi-case-3d-modeling-sections.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/79/@1920/raspberry-pi-case-3d-modeling-sections.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/79/@100/raspberry-pi-case-3d-modeling-sections.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/79/@200/raspberry-pi-case-3d-modeling-sections.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/79/@500/raspberry-pi-case-3d-modeling-sections.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/79/@768/raspberry-pi-case-3d-modeling-sections.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/79/@1024/raspberry-pi-case-3d-modeling-sections.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/79/@1366/raspberry-pi-case-3d-modeling-sections.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/79/@1600/raspberry-pi-case-3d-modeling-sections.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/79/@1920/raspberry-pi-case-3d-modeling-sections.avif","width":1920}]},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/79/raspberry-pi-case-3d-modeling.png","altText":null,"width":902,"height":727,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/79/@100/raspberry-pi-case-3d-modeling.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/79/@200/raspberry-pi-case-3d-modeling.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/79/@500/raspberry-pi-case-3d-modeling.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/79/@768/raspberry-pi-case-3d-modeling.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/79/@100/raspberry-pi-case-3d-modeling.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/79/@200/raspberry-pi-case-3d-modeling.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/79/@500/raspberry-pi-case-3d-modeling.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/79/@768/raspberry-pi-case-3d-modeling.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/79/@100/raspberry-pi-case-3d-modeling.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/79/@200/raspberry-pi-case-3d-modeling.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/79/@500/raspberry-pi-case-3d-modeling.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/79/@768/raspberry-pi-case-3d-modeling.avif","width":768}]},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/79/raspberry-pi-hero-shot-3d-print.jpg","altText":null,"width":1280,"height":947,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/79/@100/raspberry-pi-hero-shot-3d-print.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/79/@200/raspberry-pi-hero-shot-3d-print.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/79/@500/raspberry-pi-hero-shot-3d-print.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/79/@768/raspberry-pi-hero-shot-3d-print.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/79/@1024/raspberry-pi-hero-shot-3d-print.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/79/@100/raspberry-pi-hero-shot-3d-print.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/79/@200/raspberry-pi-hero-shot-3d-print.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/79/@500/raspberry-pi-hero-shot-3d-print.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/79/@768/raspberry-pi-hero-shot-3d-print.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/79/@1024/raspberry-pi-hero-shot-3d-print.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/79/@100/raspberry-pi-hero-shot-3d-print.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/79/@200/raspberry-pi-hero-shot-3d-print.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/79/@500/raspberry-pi-hero-shot-3d-print.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/79/@768/raspberry-pi-hero-shot-3d-print.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/79/@1024/raspberry-pi-hero-shot-3d-print.avif","width":1024}]},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/79/rasperry-pi-black-white-cases.jpg","altText":null,"width":1600,"height":1200,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/79/@100/rasperry-pi-black-white-cases.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/79/@200/rasperry-pi-black-white-cases.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/79/@500/rasperry-pi-black-white-cases.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/79/@768/rasperry-pi-black-white-cases.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/79/@1024/rasperry-pi-black-white-cases.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/79/@1366/rasperry-pi-black-white-cases.jpeg","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/79/@1600/rasperry-pi-black-white-cases.jpeg","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/79/@100/rasperry-pi-black-white-cases.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/79/@200/rasperry-pi-black-white-cases.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/79/@500/rasperry-pi-black-white-cases.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/79/@768/rasperry-pi-black-white-cases.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/79/@1024/rasperry-pi-black-white-cases.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/79/@1366/rasperry-pi-black-white-cases.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/79/@1600/rasperry-pi-black-white-cases.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/79/@100/rasperry-pi-black-white-cases.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/79/@200/rasperry-pi-black-white-cases.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/79/@500/rasperry-pi-black-white-cases.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/79/@768/rasperry-pi-black-white-cases.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/79/@1024/rasperry-pi-black-white-cases.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/79/@1366/rasperry-pi-black-white-cases.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/79/@1600/rasperry-pi-black-white-cases.avif","width":1600}]}]}]}}]},{"topics":[{"name":"Growth Strategy"}],"name":"Product Strategy: Mission Statement","path":"/assets/blog/product-strategy-mission-statement","id":"675fcf9ded4383af9fa4e962","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"Product Strategy: Mission Statement"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/39/growth_strategy_sb_blog.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/39/@100/growth_strategy_sb_blog.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/39/@200/growth_strategy_sb_blog.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/39/@500/growth_strategy_sb_blog.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/39/@768/growth_strategy_sb_blog.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/39/@1024/growth_strategy_sb_blog.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/39/@1366/growth_strategy_sb_blog.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/39/@1600/growth_strategy_sb_blog.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/39/@1920/growth_strategy_sb_blog.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/39/@100/growth_strategy_sb_blog.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/39/@200/growth_strategy_sb_blog.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/39/@500/growth_strategy_sb_blog.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/39/@768/growth_strategy_sb_blog.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/39/@1024/growth_strategy_sb_blog.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/39/@1366/growth_strategy_sb_blog.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/39/@1600/growth_strategy_sb_blog.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/39/@1920/growth_strategy_sb_blog.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/39/@100/growth_strategy_sb_blog.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/39/@200/growth_strategy_sb_blog.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/39/@500/growth_strategy_sb_blog.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/39/@768/growth_strategy_sb_blog.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/39/@1024/growth_strategy_sb_blog.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/39/@1366/growth_strategy_sb_blog.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/39/@1600/growth_strategy_sb_blog.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/39/@1920/growth_strategy_sb_blog.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Filipa Amado"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"September 10th, 2019"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"When you are developing a brand for your business, one of the most important things to consider is your "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/vision-mission-and-values"},"textContent":"vision, mission, and values"},{"kind":"inline","textContent":". Every business should have a mission statement that drives everything, acting as a way of unifying the organization. A company’s mission statement is a key tool to "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services/product-strategy"},"textContent":"Product Strategy"},{"kind":"inline","textContent":", and it can act as a strong guideline to help you focus on the right steps for your business to succeed."}]}],"plainText":["When you are developing a brand for your business, one of the most important things to consider is your vision, mission, and values. Every business should have a mission statement that drives everything, acting as a way of unifying the organization. A company’s mission statement is a key tool to Product Strategy, and it can act as a strong guideline to help you focus on the right steps for your business to succeed."]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":{"text":"What is a mission statement?"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"A "},{"kind":"inline","type":"link","metadata":{"href":"https://en.wikipedia.org/wiki/Mission_statement"},"textContent":"mission statement"},{"kind":"inline","textContent":" is what defines your business and brand; it’s the driving force behind everything within your company. It’s a document that captures, in a few sentences, the essence of your business, why does it exist, and what sets it apart from the competition."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"A mission statement can convey your company’s quantitative objectives, "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/product-strategy-understanding-product-positioning"},"textContent":"product positioning"},{"kind":"inline","textContent":" and "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services/product-strategy"},"textContent":"product strategy"},{"kind":"inline","textContent":", and "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/the-elements-of-value"},"textContent":"values"},{"kind":"inline","textContent":" to both your employees and other stakeholders."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Finally, your mission statement can act as a "},{"kind":"inline","type":"link","metadata":{"href":"https://www.tinypulse.com/blog/what-is-a-company-mission-statement-and-why-is-it-important"},"textContent":"consistent guideline"},{"kind":"inline","textContent":" to keep you and your employees focused on the business’s objectives, making sure you are taking the right steps to grow."},{"kind":"inline","type":"line-break"}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/82/missionstatement.jpg","altText":null,"width":1208,"height":719,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/82/@100/missionstatement.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/82/@200/missionstatement.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/82/@500/missionstatement.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/82/@768/missionstatement.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/82/@1024/missionstatement.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/82/@100/missionstatement.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/82/@200/missionstatement.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/82/@500/missionstatement.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/82/@768/missionstatement.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/82/@1024/missionstatement.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/82/@100/missionstatement.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/82/@200/missionstatement.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/82/@500/missionstatement.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/82/@768/missionstatement.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/82/@1024/missionstatement.avif","width":1024}]}]},{"title":{"text":"Why is it important?"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"When developing a brand, it’s important not to overlook or underestimate the importance of having a mission statement. You should "},{"kind":"inline","type":"link","metadata":{"href":"https://www.bigcommerce.com/ecommerce-answers/how-to-write-a-powerful-effective-mission-statement/"},"textContent":"write a mission statement early"},{"kind":"inline","textContent":" on because it provides you and your employees with not only a framework but a purpose. In this way, a mission statement helps shape company culture from the beginning, providing focus and motivation to you and your stakeholders."}]},{"kind":"block","type":"paragraph","textContent":"A mission statement can help you build a unified organization and ensures your business grows in the right direction. "}]},"videos":null,"images":null},{"title":{"text":"How to write a mission statement"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"When writing your company’s mission statement, here are some "},{"kind":"inline","type":"link","metadata":{"href":"https://www.forbes.com/sites/patrickhull/2013/01/10/answer-4-questions-to-get-a-great-mission-statement/"},"textContent":"essential questions"},{"kind":"inline","textContent":" for you to consider:"},{"kind":"inline","type":"line-break"}]},{"kind":"block","type":"unordered-list","children":[{"kind":"block","type":"list-item","textContent":"What do we do?"},{"kind":"block","type":"list-item","textContent":"How do we do it?"},{"kind":"block","type":"list-item","textContent":"Why do we do it?"},{"kind":"block","type":"list-item","textContent":"What do we seek?"},{"kind":"block","type":"list-item","textContent":"For whom do we do it?"},{"kind":"block","type":"list-item","textContent":"What value are we bringing?"},{"kind":"block","type":"list-item","textContent":"What needs do we fulfil?"}]},{"kind":"block","type":"paragraph","textContent":"It’s important to reflect on the answer to these questions carefully. The answers you came up with should encompass both the core principles and facets of your business; with that, you can write your statement."},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"When writing your mission statement, don’t be afraid to "},{"kind":"inline","type":"link","metadata":{"href":"https://wendymaynard.com/how-to-write-a-powerful-mission-statement-examples/"},"textContent":"use vibrant and exciting words"},{"kind":"inline","textContent":" to describe what makes your business unique ("},{"kind":"inline","type":"link","metadata":{"href":"https://wendymaynard.com/author/wendymaynardgmail-com/"},"textContent":"Wendy Maynard"},{"kind":"inline","textContent":", 2019). It should be memorable and motivation, capable of reflecting your brand culture and guide your business."}]},{"kind":"block","type":"paragraph","textContent":"A well-crafted mission statement must be a clear and concise declaration about your business strategy and purpose. It should be short, having between two or four sentences. But most important, it should have the right length to get your message across. "}]},"videos":null,"images":null}]}}]},{"topics":[{"name":"Marketing"}],"name":"Full Stack Digital Marketing","path":"/assets/blog/full-stack-digital-marketing","id":"675fcff3b5ccfc2c91b6acab","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"Full Stack Digital Marketing - any Shortcuts and you Fail"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/40/marketing_sb_blog.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/40/@100/marketing_sb_blog.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/40/@200/marketing_sb_blog.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/40/@500/marketing_sb_blog.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/40/@768/marketing_sb_blog.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/40/@1024/marketing_sb_blog.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/40/@1366/marketing_sb_blog.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/40/@1600/marketing_sb_blog.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/40/@1920/marketing_sb_blog.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/40/@100/marketing_sb_blog.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/40/@200/marketing_sb_blog.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/40/@500/marketing_sb_blog.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/40/@768/marketing_sb_blog.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/40/@1024/marketing_sb_blog.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/40/@1366/marketing_sb_blog.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/40/@1600/marketing_sb_blog.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/40/@1920/marketing_sb_blog.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/40/@100/marketing_sb_blog.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/40/@200/marketing_sb_blog.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/40/@500/marketing_sb_blog.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/40/@768/marketing_sb_blog.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/40/@1024/marketing_sb_blog.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/40/@1366/marketing_sb_blog.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/40/@1600/marketing_sb_blog.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/40/@1920/marketing_sb_blog.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Bård Farstad"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"September 5th, 2019"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Successful digital marketing requires you to get it all right. Make a mistake at one level in the funnel and you fail. You need to be on top of the frontend performance of your website, "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/what-is-keyword-tracking"},"textContent":"track keyword"},{"kind":"inline","textContent":" and ultimately measure sales. Basically you need to be a full-stack digital marketer. For this post, I am considering digital marketing to deliver sustainable organic traffic, spiced by social."}]}],"plainText":["Successful digital marketing requires you to get it all right. Make a mistake at one level in the funnel and you fail. You need to be on top of the frontend performance of your website, track keyword and ultimately measure sales. Basically you need to be a full-stack digital marketer. For this post, I am considering digital marketing to deliver sustainable organic traffic, spiced by social."]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":{"text":"Marketing Strategy Know your Target Audience"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"You need to be clear about who you are speaking with. You need to know your "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/personas-in-product-design"},"textContent":"target personas"},{"kind":"inline","textContent":" and work strategically with the messaging towards them. It’s important to understand what channels to approach, as well as "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/tone-of-voice-the-new-level-of-branding"},"textContent":"tone of voice"},{"kind":"inline","textContent":" for a more effective engagement."}]},{"kind":"block","type":"paragraph","textContent":"For example, if you want to target developers but deliver high-level marketing you will fail."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/83/fullstackdigitalmarketing.jpg","altText":null,"width":1208,"height":719,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/83/@100/fullstackdigitalmarketing.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/83/@200/fullstackdigitalmarketing.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/83/@500/fullstackdigitalmarketing.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/83/@768/fullstackdigitalmarketing.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/83/@1024/fullstackdigitalmarketing.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/83/@100/fullstackdigitalmarketing.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/83/@200/fullstackdigitalmarketing.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/83/@500/fullstackdigitalmarketing.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/83/@768/fullstackdigitalmarketing.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/83/@1024/fullstackdigitalmarketing.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/83/@100/fullstackdigitalmarketing.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/83/@200/fullstackdigitalmarketing.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/83/@500/fullstackdigitalmarketing.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/83/@768/fullstackdigitalmarketing.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/83/@1024/fullstackdigitalmarketing.avif","width":1024}]}]},{"title":{"text":"Content Strategy to Deliver Real Value"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Once you are clear about who you are speaking to, you need to create a plan for content that delivers true value for your "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/personas-in-product-design"},"textContent":"target audience"},{"kind":"inline","textContent":". A "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services/growth-marketing"},"textContent":"content strategy"},{"kind":"inline","textContent":" might include real insight, useful tools or perhaps open source code if you target developers. If you target end consumers you might want to go into howtos and tutorial videos or something similar. "}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"\nAgain, if you do not get your "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/content-strategy-for-exponential-growth-marketing"},"textContent":"content strategy right"},{"kind":"inline","textContent":" you will fail."}]}]},"videos":null,"images":null},{"title":{"text":"Channel Strategy to Be Seen"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"You need to understand the behavior of your target audience. I usually always have organic search engine traffic as the baseline and add additional relevant channels depending on the "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/personas-in-product-design"},"textContent":"target personas"},{"kind":"inline","textContent":"."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"\nIf your customers are on "},{"kind":"inline","type":"link","metadata":{"href":"https://twitter.com/"},"textContent":"Twitter"},{"kind":"inline","textContent":" and you put all your effort into "},{"kind":"inline","type":"link","metadata":{"href":"https://www.linkedin.com/"},"textContent":"LinkedIn"},{"kind":"inline","textContent":" you will fail."}]}]},"videos":null,"images":null},{"title":{"text":"Editorial Calendar for Continuity"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Digital marketing is a marathon, not a sprint. You need to make sure that you execute your content strategy continuously. Keep the pace and have no gaps."},{"kind":"block","type":"paragraph"},{"kind":"block","type":"paragraph","textContent":"If you stop publishing content over a few weeks you lose momentum, drop in your Google ranking and fail."}]},"videos":null,"images":null},{"title":{"text":"Frontend Performance: Measure Continuously"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Digital marketers have to care about and "},{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com/blog/frontend-performance-measuring-kpis"},"textContent":"measure frontend performance"},{"kind":"inline","textContent":". No, this is not an engineering topic that marketing should not worry about. "},{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com/blog/frontend-performance-measuring-kpis"},"textContent":"Frontend performance"},{"kind":"inline","textContent":" is important for "},{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com/blog/ecommerce-seo-checklist"},"textContent":"ecommerce SEO"},{"kind":"inline","textContent":" and of course also user experience and ultimately conversion. You need to make sure your website or webshop is super fast, measure it. It is a key component of your success."}]},{"kind":"block","type":"paragraph"},{"kind":"block","type":"paragraph","textContent":"If you are not on top of your frontend performance for both web and mobile you will fail."}]},"videos":null,"images":null},{"title":{"text":"Track Keywords for SEO"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"The execution of content strategy involves being on top of which target keywords you want to be ranked high in search engines on. You need to have "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/what-is-keyword-tracking"},"textContent":"keyword tracking"},{"kind":"inline","textContent":" as part of your weekly routine. "}]},{"kind":"block","type":"paragraph"},{"kind":"block","type":"paragraph","textContent":"If you are not tracking keywords and making sure you continuously improve your SEO placement you fail. "}]},"videos":null,"images":null},{"title":{"text":"Measure Inbound Traffic"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"All is well and you are driving inbound traffic with organic search traffic as the main vehicle spiced up with social traffic. But are you tracking how the visitors are behaving? Have you defined conversion funnels and measure them? Do you track eCommerce sales or inbound leads? You need to make sure you convert data into actionable insight you can use to improve."},{"kind":"block","type":"paragraph"},{"kind":"block","type":"paragraph","textContent":"If you do not track and use data to improve your inbound traffic conversion you will fail."}]},"videos":null,"images":null},{"title":{"text":"Measure Sales"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"As a digital marketer, you need to measure sales. You drive traffic, qualified leads or even direct "},{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com/product"},"textContent":"eCommerce"},{"kind":"inline","textContent":" sales. But your success ultimately defined by conversion in sales.\n"}]},{"kind":"block","type":"paragraph","textContent":"If you are capturing leads but nobody is touching them you will fail."}]},"videos":null,"images":null}]}}]},{"topics":[{"name":"Product Design"},{"name":"Branding"}],"name":"Creating a character illustration in Illustrator CC with hand drawn brushes","path":"/assets/blog/creating-a-character-illustration-in-illustrator-cc-with-hand-drawn-brushes","id":"675fe758ed4383af9fa5a950","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"Creating a character illustration in Illustrator CC with hand drawn brushes"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/71/adobe_illustrator_sb_blog.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/71/@100/adobe_illustrator_sb_blog.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/71/@200/adobe_illustrator_sb_blog.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/71/@500/adobe_illustrator_sb_blog.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/71/@768/adobe_illustrator_sb_blog.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/71/@1024/adobe_illustrator_sb_blog.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/71/@1366/adobe_illustrator_sb_blog.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/71/@1600/adobe_illustrator_sb_blog.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/71/@1920/adobe_illustrator_sb_blog.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/71/@100/adobe_illustrator_sb_blog.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/71/@200/adobe_illustrator_sb_blog.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/71/@500/adobe_illustrator_sb_blog.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/71/@768/adobe_illustrator_sb_blog.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/71/@1024/adobe_illustrator_sb_blog.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/71/@1366/adobe_illustrator_sb_blog.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/71/@1600/adobe_illustrator_sb_blog.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/71/@1920/adobe_illustrator_sb_blog.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/71/@100/adobe_illustrator_sb_blog.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/71/@200/adobe_illustrator_sb_blog.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/71/@500/adobe_illustrator_sb_blog.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/71/@768/adobe_illustrator_sb_blog.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/71/@1024/adobe_illustrator_sb_blog.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/71/@1366/adobe_illustrator_sb_blog.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/71/@1600/adobe_illustrator_sb_blog.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/71/@1920/adobe_illustrator_sb_blog.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Bartosz Sokolow"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"January 19th, 2018"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","textContent":"In this tutorial we will focus on methods of using hand drawn brushes in Illustrator. This is one of the most useful methods of drawing in this software - thanks to this you can give some personal touch to your vector illustrations!"}],"plainText":["In this tutorial we will focus on methods of using hand drawn brushes in Illustrator. This is one of the most useful methods of drawing in this software - thanks to this you can give some personal touch to your vector illustrations!"]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":null,"body":{"json":[{"kind":"block","type":"paragraph","textContent":"The very first phase of this tutorial will requires some of your creativity. Draw in your sketchbook with a pen, pencil, marker or even water paintings to achieve satisfying shape of your lines! Later you will use them for your vector illustration process. In this tutorial I drew brushes lines with Prisma Color Premier Marker."},{"kind":"block","type":"paragraph","textContent":"Here are the ones I drew. I like the 4th and 5th from the left the most so I will use them to create the brush."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/214/blogpost_setup_b_01.png","altText":null,"width":1479,"height":1184,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/214/@100/blogpost_setup_b_01.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/214/@200/blogpost_setup_b_01.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/214/@500/blogpost_setup_b_01.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/214/@768/blogpost_setup_b_01.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/214/@1024/blogpost_setup_b_01.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/214/@1366/blogpost_setup_b_01.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/214/@100/blogpost_setup_b_01.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/214/@200/blogpost_setup_b_01.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/214/@500/blogpost_setup_b_01.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/214/@768/blogpost_setup_b_01.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/214/@1024/blogpost_setup_b_01.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/214/@1366/blogpost_setup_b_01.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/214/@100/blogpost_setup_b_01.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/214/@200/blogpost_setup_b_01.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/214/@500/blogpost_setup_b_01.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/214/@768/blogpost_setup_b_01.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/214/@1024/blogpost_setup_b_01.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/214/@1366/blogpost_setup_b_01.avif","width":1366}]}]},{"title":null,"body":{"json":[{"kind":"block","type":"paragraph","textContent":"After this we will draw the actual illustration on paper - here’s my punk horse character."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/214/blogpost_setup_b_02.png","altText":null,"width":1007,"height":1131,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/214/@100/blogpost_setup_b_02.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/214/@200/blogpost_setup_b_02.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/214/@500/blogpost_setup_b_02.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/214/@768/blogpost_setup_b_02.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/214/@100/blogpost_setup_b_02.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/214/@200/blogpost_setup_b_02.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/214/@500/blogpost_setup_b_02.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/214/@768/blogpost_setup_b_02.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/214/@100/blogpost_setup_b_02.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/214/@200/blogpost_setup_b_02.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/214/@500/blogpost_setup_b_02.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/214/@768/blogpost_setup_b_02.avif","width":768}]}]},{"title":null,"body":{"json":[{"kind":"block","type":"paragraph","textContent":"As you can see I it is a rough sketch. But it is useful enough to use it as foundations for a decent brush illustration."},{"kind":"block","type":"paragraph","textContent":"After we’re done with hand drawing we scan our both drawings: lines and punk horse character. If you don’t have a scanner you can take a photo as well."},{"kind":"block","type":"paragraph","textContent":"To keep shapes of illustrations as accurate as possible it’s worth to put some contrast on it. To do this we open our both drawings in Photoshop seperately. Later we go to the bottom bar of Layers panel and we pick icon “Create a new fill or adjustment layer”, then “Brightness & Contrast”. It doesn’t really matters which parameters you will use for this process. The only important thing is that our lines and character illustration should be nicely exposed. Thanks to this later we will be able to trace our lines more accurately and our character will be more visible."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/215/blogpost_setup_b_03.png","altText":null,"width":1604,"height":1248,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/215/@100/blogpost_setup_b_03.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/215/@200/blogpost_setup_b_03.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/215/@500/blogpost_setup_b_03.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/215/@768/blogpost_setup_b_03.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/215/@1024/blogpost_setup_b_03.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/215/@1366/blogpost_setup_b_03.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/215/@1600/blogpost_setup_b_03.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/215/@100/blogpost_setup_b_03.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/215/@200/blogpost_setup_b_03.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/215/@500/blogpost_setup_b_03.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/215/@768/blogpost_setup_b_03.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/215/@1024/blogpost_setup_b_03.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/215/@1366/blogpost_setup_b_03.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/215/@1600/blogpost_setup_b_03.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/215/@100/blogpost_setup_b_03.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/215/@200/blogpost_setup_b_03.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/215/@500/blogpost_setup_b_03.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/215/@768/blogpost_setup_b_03.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/215/@1024/blogpost_setup_b_03.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/215/@1366/blogpost_setup_b_03.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/215/@1600/blogpost_setup_b_03.avif","width":1600}]}]},{"title":null,"body":null,"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/215/blogpost_setup_b_04.png","altText":null,"width":1606,"height":1250,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/215/@100/blogpost_setup_b_04.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/215/@200/blogpost_setup_b_04.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/215/@500/blogpost_setup_b_04.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/215/@768/blogpost_setup_b_04.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/215/@1024/blogpost_setup_b_04.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/215/@1366/blogpost_setup_b_04.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/215/@1600/blogpost_setup_b_04.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/215/@100/blogpost_setup_b_04.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/215/@200/blogpost_setup_b_04.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/215/@500/blogpost_setup_b_04.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/215/@768/blogpost_setup_b_04.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/215/@1024/blogpost_setup_b_04.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/215/@1366/blogpost_setup_b_04.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/215/@1600/blogpost_setup_b_04.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/215/@100/blogpost_setup_b_04.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/215/@200/blogpost_setup_b_04.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/215/@500/blogpost_setup_b_04.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/215/@768/blogpost_setup_b_04.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/215/@1024/blogpost_setup_b_04.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/215/@1366/blogpost_setup_b_04.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/215/@1600/blogpost_setup_b_04.avif","width":1600}]}]},{"title":null,"body":null,"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/216/blogpost_setup_b_05.png","altText":null,"width":1606,"height":1250,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/216/@100/blogpost_setup_b_05.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/216/@200/blogpost_setup_b_05.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/216/@500/blogpost_setup_b_05.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/216/@768/blogpost_setup_b_05.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/216/@1024/blogpost_setup_b_05.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/216/@1366/blogpost_setup_b_05.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/216/@1600/blogpost_setup_b_05.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/216/@100/blogpost_setup_b_05.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/216/@200/blogpost_setup_b_05.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/216/@500/blogpost_setup_b_05.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/216/@768/blogpost_setup_b_05.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/216/@1024/blogpost_setup_b_05.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/216/@1366/blogpost_setup_b_05.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/216/@1600/blogpost_setup_b_05.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/216/@100/blogpost_setup_b_05.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/216/@200/blogpost_setup_b_05.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/216/@500/blogpost_setup_b_05.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/216/@768/blogpost_setup_b_05.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/216/@1024/blogpost_setup_b_05.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/216/@1366/blogpost_setup_b_05.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/216/@1600/blogpost_setup_b_05.avif","width":1600}]}]},{"title":null,"body":null,"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/216/blogpost_setup_b_06.png","altText":null,"width":1606,"height":1250,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/216/@100/blogpost_setup_b_06.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/216/@200/blogpost_setup_b_06.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/216/@500/blogpost_setup_b_06.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/216/@768/blogpost_setup_b_06.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/216/@1024/blogpost_setup_b_06.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/216/@1366/blogpost_setup_b_06.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/216/@1600/blogpost_setup_b_06.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/216/@100/blogpost_setup_b_06.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/216/@200/blogpost_setup_b_06.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/216/@500/blogpost_setup_b_06.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/216/@768/blogpost_setup_b_06.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/216/@1024/blogpost_setup_b_06.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/216/@1366/blogpost_setup_b_06.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/216/@1600/blogpost_setup_b_06.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/216/@100/blogpost_setup_b_06.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/216/@200/blogpost_setup_b_06.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/216/@500/blogpost_setup_b_06.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/216/@768/blogpost_setup_b_06.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/216/@1024/blogpost_setup_b_06.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/216/@1366/blogpost_setup_b_06.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/216/@1600/blogpost_setup_b_06.avif","width":1600}]}]},{"title":null,"body":{"json":[{"kind":"block","type":"paragraph","textContent":"We save our contrasted drawings in Photoshop as JPGs. Then we create a new Illustrator file (File>New) with the parameters as below."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/217/blogpost_setup_b_07.png","altText":null,"width":2452,"height":1158,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/217/@100/blogpost_setup_b_07.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/217/@200/blogpost_setup_b_07.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/217/@500/blogpost_setup_b_07.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/217/@768/blogpost_setup_b_07.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/217/@1024/blogpost_setup_b_07.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/217/@1366/blogpost_setup_b_07.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/217/@1600/blogpost_setup_b_07.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/217/@1920/blogpost_setup_b_07.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/217/@100/blogpost_setup_b_07.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/217/@200/blogpost_setup_b_07.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/217/@500/blogpost_setup_b_07.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/217/@768/blogpost_setup_b_07.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/217/@1024/blogpost_setup_b_07.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/217/@1366/blogpost_setup_b_07.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/217/@1600/blogpost_setup_b_07.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/217/@1920/blogpost_setup_b_07.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/217/@100/blogpost_setup_b_07.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/217/@200/blogpost_setup_b_07.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/217/@500/blogpost_setup_b_07.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/217/@768/blogpost_setup_b_07.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/217/@1024/blogpost_setup_b_07.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/217/@1366/blogpost_setup_b_07.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/217/@1600/blogpost_setup_b_07.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/217/@1920/blogpost_setup_b_07.avif","width":1920}]}]},{"title":null,"body":{"json":[{"kind":"block","type":"paragraph","textContent":"To import JPGs of drawings we go to File>Place or press hotkey command Shift+Command+P. "}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/218/blogpost_setup_b_08.png","altText":null,"width":1606,"height":1250,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/218/@100/blogpost_setup_b_08.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/218/@200/blogpost_setup_b_08.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/218/@500/blogpost_setup_b_08.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/218/@768/blogpost_setup_b_08.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/218/@1024/blogpost_setup_b_08.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/218/@1366/blogpost_setup_b_08.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/218/@1600/blogpost_setup_b_08.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/218/@100/blogpost_setup_b_08.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/218/@200/blogpost_setup_b_08.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/218/@500/blogpost_setup_b_08.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/218/@768/blogpost_setup_b_08.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/218/@1024/blogpost_setup_b_08.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/218/@1366/blogpost_setup_b_08.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/218/@1600/blogpost_setup_b_08.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/218/@100/blogpost_setup_b_08.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/218/@200/blogpost_setup_b_08.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/218/@500/blogpost_setup_b_08.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/218/@768/blogpost_setup_b_08.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/218/@1024/blogpost_setup_b_08.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/218/@1366/blogpost_setup_b_08.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/218/@1600/blogpost_setup_b_08.avif","width":1600}]}]},{"title":null,"body":{"json":[{"kind":"block","type":"paragraph","textContent":"We pick both JPGs of brushes and character’s sketch and then we place them in our work area. Then we go to Layers panel and we change the name of “Layer 1” to Drawings."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/219/blogpost_setup_b_09.png","altText":null,"width":2065,"height":1113,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/219/@100/blogpost_setup_b_09.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/219/@200/blogpost_setup_b_09.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/219/@500/blogpost_setup_b_09.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/219/@768/blogpost_setup_b_09.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/219/@1024/blogpost_setup_b_09.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/219/@1366/blogpost_setup_b_09.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/219/@1600/blogpost_setup_b_09.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/219/@1920/blogpost_setup_b_09.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/219/@100/blogpost_setup_b_09.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/219/@200/blogpost_setup_b_09.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/219/@500/blogpost_setup_b_09.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/219/@768/blogpost_setup_b_09.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/219/@1024/blogpost_setup_b_09.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/219/@1366/blogpost_setup_b_09.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/219/@1600/blogpost_setup_b_09.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/219/@1920/blogpost_setup_b_09.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/219/@100/blogpost_setup_b_09.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/219/@200/blogpost_setup_b_09.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/219/@500/blogpost_setup_b_09.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/219/@768/blogpost_setup_b_09.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/219/@1024/blogpost_setup_b_09.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/219/@1366/blogpost_setup_b_09.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/219/@1600/blogpost_setup_b_09.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/219/@1920/blogpost_setup_b_09.avif","width":1920}]}]},{"title":null,"body":{"json":[{"kind":"block","type":"paragraph","textContent":"We pick both JPGs of brushes and character’s sketch and then we place them in our work area. Then we go to Layers panel and we change the name of “Layer 1” to Drawings."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/220/blogpost_setup_b_10.png","altText":null,"width":1422,"height":207,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/220/@100/blogpost_setup_b_10.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/220/@200/blogpost_setup_b_10.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/220/@500/blogpost_setup_b_10.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/220/@768/blogpost_setup_b_10.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/220/@1024/blogpost_setup_b_10.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/220/@1366/blogpost_setup_b_10.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/220/@100/blogpost_setup_b_10.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/220/@200/blogpost_setup_b_10.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/220/@500/blogpost_setup_b_10.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/220/@768/blogpost_setup_b_10.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/220/@1024/blogpost_setup_b_10.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/220/@1366/blogpost_setup_b_10.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/220/@100/blogpost_setup_b_10.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/220/@200/blogpost_setup_b_10.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/220/@500/blogpost_setup_b_10.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/220/@768/blogpost_setup_b_10.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/220/@1024/blogpost_setup_b_10.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/220/@1366/blogpost_setup_b_10.avif","width":1366}]}]},{"title":null,"body":null,"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/221/blogpost_setup_b_11.png","altText":null,"width":2232,"height":1171,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/221/@100/blogpost_setup_b_11.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/221/@200/blogpost_setup_b_11.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/221/@500/blogpost_setup_b_11.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/221/@768/blogpost_setup_b_11.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/221/@1024/blogpost_setup_b_11.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/221/@1366/blogpost_setup_b_11.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/221/@1600/blogpost_setup_b_11.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/221/@1920/blogpost_setup_b_11.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/221/@100/blogpost_setup_b_11.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/221/@200/blogpost_setup_b_11.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/221/@500/blogpost_setup_b_11.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/221/@768/blogpost_setup_b_11.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/221/@1024/blogpost_setup_b_11.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/221/@1366/blogpost_setup_b_11.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/221/@1600/blogpost_setup_b_11.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/221/@1920/blogpost_setup_b_11.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/221/@100/blogpost_setup_b_11.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/221/@200/blogpost_setup_b_11.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/221/@500/blogpost_setup_b_11.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/221/@768/blogpost_setup_b_11.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/221/@1024/blogpost_setup_b_11.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/221/@1366/blogpost_setup_b_11.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/221/@1600/blogpost_setup_b_11.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/221/@1920/blogpost_setup_b_11.avif","width":1920}]}]},{"title":null,"body":null,"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/222/blogpost_setup_b_12.png","altText":null,"width":947,"height":1178,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/222/@100/blogpost_setup_b_12.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/222/@200/blogpost_setup_b_12.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/222/@500/blogpost_setup_b_12.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/222/@768/blogpost_setup_b_12.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/222/@100/blogpost_setup_b_12.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/222/@200/blogpost_setup_b_12.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/222/@500/blogpost_setup_b_12.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/222/@768/blogpost_setup_b_12.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/222/@100/blogpost_setup_b_12.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/222/@200/blogpost_setup_b_12.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/222/@500/blogpost_setup_b_12.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/222/@768/blogpost_setup_b_12.avif","width":768}]}]},{"title":null,"body":{"json":[{"kind":"block","type":"paragraph","textContent":"We ungroup selected vectorized brushes and with right-click on it we ungroup it (Shift+Command+G). Then we select unwanted shapes and delete them."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/223/blogpost_setup_b_13.png","altText":null,"width":1001,"height":1178,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/223/@100/blogpost_setup_b_13.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/223/@200/blogpost_setup_b_13.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/223/@500/blogpost_setup_b_13.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/223/@768/blogpost_setup_b_13.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/223/@100/blogpost_setup_b_13.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/223/@200/blogpost_setup_b_13.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/223/@500/blogpost_setup_b_13.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/223/@768/blogpost_setup_b_13.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/223/@100/blogpost_setup_b_13.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/223/@200/blogpost_setup_b_13.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/223/@500/blogpost_setup_b_13.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/223/@768/blogpost_setup_b_13.avif","width":768}]}]},{"title":null,"body":{"json":[{"kind":"block","type":"paragraph","textContent":"The shape that is left we select with Selection Tool and rotate it to horizontal position. After this we go to top bar, we select there Window>Brushes and from the Brushes window we click the icon at the bottom bar: Create New Brush>Art Brush. New Art Brush Option will appear - we keep all default options and press OK. Bam, now we have our own brush! Too see it as a stroke let’s draw the stroke with Segment Line Tool (/) and apply the brush we created. This is how it supposed to look like:"}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/224/blogpost_setup_b_14.png","altText":null,"width":2112,"height":653,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/224/@100/blogpost_setup_b_14.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/224/@200/blogpost_setup_b_14.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/224/@500/blogpost_setup_b_14.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/224/@768/blogpost_setup_b_14.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/224/@1024/blogpost_setup_b_14.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/224/@1366/blogpost_setup_b_14.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/224/@1600/blogpost_setup_b_14.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/224/@1920/blogpost_setup_b_14.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/224/@100/blogpost_setup_b_14.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/224/@200/blogpost_setup_b_14.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/224/@500/blogpost_setup_b_14.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/224/@768/blogpost_setup_b_14.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/224/@1024/blogpost_setup_b_14.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/224/@1366/blogpost_setup_b_14.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/224/@1600/blogpost_setup_b_14.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/224/@1920/blogpost_setup_b_14.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/224/@100/blogpost_setup_b_14.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/224/@200/blogpost_setup_b_14.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/224/@500/blogpost_setup_b_14.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/224/@768/blogpost_setup_b_14.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/224/@1024/blogpost_setup_b_14.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/224/@1366/blogpost_setup_b_14.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/224/@1600/blogpost_setup_b_14.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/224/@1920/blogpost_setup_b_14.avif","width":1920}]}]},{"title":null,"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Now we go to Layers panel and we create there a brand new Layer (by clicking the Create New Layer in bottom options bar in Layers Panel) and we call it Brushes. It’s recommended to lock Drawings layer so it won’t bother us during applying the actual lines on Brushes layer."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/225/blogpost_setup_b_15.png","altText":null,"width":2112,"height":382,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/225/@100/blogpost_setup_b_15.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/225/@200/blogpost_setup_b_15.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/225/@500/blogpost_setup_b_15.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/225/@768/blogpost_setup_b_15.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/225/@1024/blogpost_setup_b_15.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/225/@1366/blogpost_setup_b_15.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/225/@1600/blogpost_setup_b_15.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/225/@1920/blogpost_setup_b_15.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/225/@100/blogpost_setup_b_15.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/225/@200/blogpost_setup_b_15.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/225/@500/blogpost_setup_b_15.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/225/@768/blogpost_setup_b_15.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/225/@1024/blogpost_setup_b_15.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/225/@1366/blogpost_setup_b_15.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/225/@1600/blogpost_setup_b_15.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/225/@1920/blogpost_setup_b_15.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/225/@100/blogpost_setup_b_15.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/225/@200/blogpost_setup_b_15.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/225/@500/blogpost_setup_b_15.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/225/@768/blogpost_setup_b_15.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/225/@1024/blogpost_setup_b_15.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/225/@1366/blogpost_setup_b_15.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/225/@1600/blogpost_setup_b_15.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/225/@1920/blogpost_setup_b_15.avif","width":1920}]}]},{"title":null,"body":{"json":[{"kind":"block","type":"paragraph","textContent":"It’s time to put stroke lines on our character by using a Pencil Tool (N). To keep our strokes’ shapes smoother, we click Pencil Tool icon twice in Tools Panel to enter the options of this tool. We change there Fidelity level to max Smooth - then we click OK. Now we can apply our brush to Pencil Tool and draw first strokes."},{"kind":"block","type":"paragraph","textContent":"It’s worth to mention that the original brush stroke was a bit thick for the illustration (1pt), so it was better to change its weight to 0.05 pt. You can do this easily in a Brush Panel."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/226/blogpost_setup_b_16.png","altText":null,"width":2265,"height":607,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/226/@100/blogpost_setup_b_16.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/226/@200/blogpost_setup_b_16.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/226/@500/blogpost_setup_b_16.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/226/@768/blogpost_setup_b_16.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/226/@1024/blogpost_setup_b_16.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/226/@1366/blogpost_setup_b_16.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/226/@1600/blogpost_setup_b_16.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/226/@1920/blogpost_setup_b_16.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/226/@100/blogpost_setup_b_16.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/226/@200/blogpost_setup_b_16.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/226/@500/blogpost_setup_b_16.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/226/@768/blogpost_setup_b_16.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/226/@1024/blogpost_setup_b_16.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/226/@1366/blogpost_setup_b_16.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/226/@1600/blogpost_setup_b_16.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/226/@1920/blogpost_setup_b_16.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/226/@100/blogpost_setup_b_16.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/226/@200/blogpost_setup_b_16.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/226/@500/blogpost_setup_b_16.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/226/@768/blogpost_setup_b_16.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/226/@1024/blogpost_setup_b_16.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/226/@1366/blogpost_setup_b_16.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/226/@1600/blogpost_setup_b_16.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/226/@1920/blogpost_setup_b_16.avif","width":1920}]}]},{"title":null,"body":{"json":[{"kind":"block","type":"paragraph","textContent":"To achieve as much accurate shape of strokes we use Direct Selection Tool (A) and we select with it anchor points of our lines. By dragging them we can easily change specific parts of our lines. And this is a really cool thing - even if you don’t have a skill in drawing, with a little help from Direct Selection Tool you can edit shapes of your lines just as you want! The whole process of brush stroke creating can be seen on the recording below:"}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/227/animation.jpg","altText":null,"width":480,"height":372,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/227/@100/animation.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/227/@200/animation.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/227/@100/animation.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/227/@200/animation.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/227/@100/animation.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/227/@200/animation.avif","width":200}]}]},{"title":null,"body":{"json":[{"kind":"block","type":"paragraph","textContent":"With this method we can create the whole illustration. Note that on details (like on stitches of the cloth) it’s effective to use lower weight of stroke. And don’t bother about crossing the lines! This thing can be fixed later."},{"kind":"block","type":"paragraph","textContent":"When your brush strokes are ready, hide Layer Drawings by clicking eye-icon Toggle Visibility."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/228/blogpost_setup_b_19.png","altText":null,"width":1352,"height":992,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/228/@100/blogpost_setup_b_19.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/228/@200/blogpost_setup_b_19.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/228/@500/blogpost_setup_b_19.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/228/@768/blogpost_setup_b_19.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/228/@1024/blogpost_setup_b_19.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/228/@100/blogpost_setup_b_19.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/228/@200/blogpost_setup_b_19.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/228/@500/blogpost_setup_b_19.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/228/@768/blogpost_setup_b_19.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/228/@1024/blogpost_setup_b_19.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/228/@100/blogpost_setup_b_19.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/228/@200/blogpost_setup_b_19.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/228/@500/blogpost_setup_b_19.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/228/@768/blogpost_setup_b_19.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/228/@1024/blogpost_setup_b_19.avif","width":1024}]}]},{"title":null,"body":null,"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/229/blogpost_setup_b_20.png","altText":null,"width":1352,"height":992,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/229/@100/blogpost_setup_b_20.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/229/@200/blogpost_setup_b_20.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/229/@500/blogpost_setup_b_20.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/229/@768/blogpost_setup_b_20.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/229/@1024/blogpost_setup_b_20.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/229/@100/blogpost_setup_b_20.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/229/@200/blogpost_setup_b_20.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/229/@500/blogpost_setup_b_20.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/229/@768/blogpost_setup_b_20.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/229/@1024/blogpost_setup_b_20.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/229/@100/blogpost_setup_b_20.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/229/@200/blogpost_setup_b_20.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/229/@500/blogpost_setup_b_20.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/229/@768/blogpost_setup_b_20.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/229/@1024/blogpost_setup_b_20.avif","width":1024}]}]},{"title":null,"body":{"json":[{"kind":"block","type":"paragraph","textContent":"It’s time to transform our character's strokes to outlines! To do this we select all of the strokes with Selection Tool (V), then we go to Top Menu Bar>Object>Expand Appearance. Now our brush strokes became regular shapes. We select our newly created shapes and then we open Pathfinder Panel where we select Divide Option."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/230/blogpost_setup_b_21.png","altText":null,"width":2512,"height":352,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/230/@100/blogpost_setup_b_21.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/230/@200/blogpost_setup_b_21.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/230/@500/blogpost_setup_b_21.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/230/@768/blogpost_setup_b_21.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/230/@1024/blogpost_setup_b_21.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/230/@1366/blogpost_setup_b_21.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/230/@1600/blogpost_setup_b_21.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/230/@1920/blogpost_setup_b_21.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/230/@100/blogpost_setup_b_21.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/230/@200/blogpost_setup_b_21.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/230/@500/blogpost_setup_b_21.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/230/@768/blogpost_setup_b_21.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/230/@1024/blogpost_setup_b_21.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/230/@1366/blogpost_setup_b_21.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/230/@1600/blogpost_setup_b_21.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/230/@1920/blogpost_setup_b_21.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/230/@100/blogpost_setup_b_21.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/230/@200/blogpost_setup_b_21.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/230/@500/blogpost_setup_b_21.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/230/@768/blogpost_setup_b_21.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/230/@1024/blogpost_setup_b_21.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/230/@1366/blogpost_setup_b_21.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/230/@1600/blogpost_setup_b_21.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/230/@1920/blogpost_setup_b_21.avif","width":1920}]}]},{"title":null,"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Now our illustration shapes are divided and we can easily pick unwanted parts with Direct Selection Tool (A) and delete them."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/231/blogpost_setup_b_22.png","altText":null,"width":1007,"height":591,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/231/@100/blogpost_setup_b_22.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/231/@200/blogpost_setup_b_22.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/231/@500/blogpost_setup_b_22.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/231/@768/blogpost_setup_b_22.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/231/@100/blogpost_setup_b_22.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/231/@200/blogpost_setup_b_22.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/231/@500/blogpost_setup_b_22.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/231/@768/blogpost_setup_b_22.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/231/@100/blogpost_setup_b_22.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/231/@200/blogpost_setup_b_22.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/231/@500/blogpost_setup_b_22.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/231/@768/blogpost_setup_b_22.avif","width":768}]}]},{"title":null,"body":null,"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/232/blogpost_setup_b_23.png","altText":null,"width":1007,"height":592,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/232/@100/blogpost_setup_b_23.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/232/@200/blogpost_setup_b_23.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/232/@500/blogpost_setup_b_23.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/232/@768/blogpost_setup_b_23.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/232/@100/blogpost_setup_b_23.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/232/@200/blogpost_setup_b_23.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/232/@500/blogpost_setup_b_23.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/232/@768/blogpost_setup_b_23.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/232/@100/blogpost_setup_b_23.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/232/@200/blogpost_setup_b_23.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/232/@500/blogpost_setup_b_23.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/232/@768/blogpost_setup_b_23.avif","width":768}]}]},{"title":null,"body":null,"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/233/blogpost_setup_b_24.png","altText":null,"width":1007,"height":592,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/233/@100/blogpost_setup_b_24.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/233/@200/blogpost_setup_b_24.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/233/@500/blogpost_setup_b_24.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/233/@768/blogpost_setup_b_24.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/233/@100/blogpost_setup_b_24.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/233/@200/blogpost_setup_b_24.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/233/@500/blogpost_setup_b_24.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/233/@768/blogpost_setup_b_24.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/233/@100/blogpost_setup_b_24.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/233/@200/blogpost_setup_b_24.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/233/@500/blogpost_setup_b_24.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/233/@768/blogpost_setup_b_24.avif","width":768}]}]},{"title":null,"body":{"json":[{"kind":"block","type":"paragraph","textContent":"With this method we can clean the whole illustration from unnecessary shapes. That’s the final result on a white art board background:"}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/234/blogpost_setup_b_25.png","altText":null,"width":766,"height":905,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/234/@100/blogpost_setup_b_25.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/234/@200/blogpost_setup_b_25.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/234/@500/blogpost_setup_b_25.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/234/@100/blogpost_setup_b_25.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/234/@200/blogpost_setup_b_25.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/234/@500/blogpost_setup_b_25.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/234/@100/blogpost_setup_b_25.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/234/@200/blogpost_setup_b_25.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/234/@500/blogpost_setup_b_25.avif","width":500}]}]},{"title":null,"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"In the next tutorial we’ll get through another step: "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/coloring-and-shading-in-illustrator-cc"},"textContent":"coloring and shading in illustrator"},{"kind":"inline","textContent":"!"}]},{"kind":"block","type":"paragraph","textContent":"Conclusion: By combining your freehand lines, character’s illustrations with Illustrator’s features you can achieve a very personal effect of your final vector illustration - and in the same you can keep the control of your lines shapes exactly as you want it."}]},"videos":null,"images":null}]}}]},{"topics":[{"name":"Development"}],"name":"Google Maps based UGC Approval using Slack via Node.js","path":"/assets/blog/google-maps-based-ugc-approval-using-slack-via-nodejs","id":"67600e11eedbebc9482a7ed9","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"Google Maps based UGC Approval using Slack via Node.js"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/87/slack_sb_blog.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/87/@100/slack_sb_blog.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/87/@200/slack_sb_blog.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/87/@500/slack_sb_blog.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/87/@768/slack_sb_blog.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/87/@1024/slack_sb_blog.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/87/@1366/slack_sb_blog.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/87/@1600/slack_sb_blog.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/87/@1920/slack_sb_blog.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/87/@100/slack_sb_blog.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/87/@200/slack_sb_blog.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/87/@500/slack_sb_blog.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/87/@768/slack_sb_blog.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/87/@1024/slack_sb_blog.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/87/@1366/slack_sb_blog.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/87/@1600/slack_sb_blog.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/87/@1920/slack_sb_blog.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/87/@100/slack_sb_blog.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/87/@200/slack_sb_blog.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/87/@500/slack_sb_blog.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/87/@768/slack_sb_blog.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/87/@1024/slack_sb_blog.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/87/@1366/slack_sb_blog.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/87/@1600/slack_sb_blog.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/87/@1920/slack_sb_blog.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":" Bård Farstad"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"January 16th, 2018"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","textContent":"Moderating is something you need to have in place once allowing for user generated content (UGC). It can be painful to work with if the approval process is not made smooth. Here I share our approach for a client using Slack."}],"plainText":["Moderating is something you need to have in place once allowing for user generated content (UGC). It can be painful to work with if the approval process is not made smooth. Here I share our approach for a client using Slack."]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":null,"body":{"json":[{"kind":"block","type":"paragraph","textContent":"The content we are working with is GEO based UGC for their App. In order to streamline the process of receiving notifications and also approving content in one go we decided to use Slack."}]},"videos":null,"images":null},{"title":{"text":"Content approval with Slack"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"The example I use shows how you can push a Slack message from Node.js that contains a Google Map. By using the Google API and static maps you can easily generate an image that can be used as a preview for the Slack messages."},{"kind":"block","type":"paragraph","textContent":"In addition to get a preview of the actual map representation of the GEO location we are also adding an interactive button in our Slack message. This gives the user the possibility to directly perform the action of approving or rejecting the user generated content."}]},"videos":null,"images":null},{"title":{"text":"Initializing the npm Node.js environment"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"For this example we needed a couple of external libraries. I decided to go for express to simplify the creation of our server. Node fetch with form data is used to send our message to Slack. Finally the body parser component makes it easy for us to work with the response from Slack as it manages parsing of the JSON body."},{"kind":"block","type":"paragraph","textContent":"To get everything set up and downloaded you simply need to run the following commands in your project directory."},{"kind":"block","type":"preformatted","children":[{"type":"code","kind":"block","textContent":"npm initnpm install node-fetch form-data express body-parser --save","metadata":{"language":"javascript"}}]},{"kind":"block","type":"paragraph","textContent":"The project directory is simple and we are just containing a file index.js."}]},"videos":null,"images":null},{"title":{"text":"Running and testing our server"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"To start your server you simply run the command \"node index.js\" as shown below. To test the postMessage function you can simply call \"http://localhost:3000/postMessage\" in your browser. Of course the postMessage function is what you would connect to whenever a user actually submits some GEO based content."},{"kind":"block","type":"preformatted","children":[{"type":"code","kind":"block","textContent":"$$ node index.jsSlack notification App listening on port 3000!","metadata":{"language":"javascript"}}]}]},"videos":null,"images":null},{"title":{"text":"Generating the maps"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Generating static maps with the Google API is pretty straight forward. You basically construct a URL with latitude and longitude and the zoom level. You can add markers on the map also at a given lat long. Google does a good job of documenting the "},{"kind":"inline","type":"link","metadata":{"href":"https://developers.google.com/maps/documentation/static-maps/intro"},"textContent":"Google Maps API"},{"kind":"inline","textContent":"."}]}]},"videos":null,"images":null},{"title":{"text":"Registering and setting up your Slack App"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Before you can start sending interactive messages to Slack you need to:"},{"kind":"block","type":"unordered-list","children":[{"kind":"block","type":"list-item","textContent":"Register your App on Slack"},{"kind":"block","type":"list-item","textContent":"Define permissions: chat:write:bot"},{"kind":"block","type":"list-item","textContent":"Install the App for your team"},{"kind":"block","type":"list-item","textContent":"Receive OAuth Access token for sending messages"},{"kind":"block","type":"list-item","textContent":"Receive Verification Token for verifying messages from Slack"},{"kind":"block","type":"list-item","textContent":"Register your interactive message endpoint"}]},{"kind":"block","type":"paragraph","textContent":"Once you have your OAuth access token you can send messages. There is also the Verification Token you find under Basic Information when you create your Slack App. This is basically a secret Slack sends to your endpoint so you can verify that it is indeed valid messages."}]},"videos":null,"images":null},{"title":{"text":"Sending a Slack message with approval buttons"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"I created a function that simply takes three arguments; the Slack Channel ID, latitude and longitude. The function is shown below and it consist of the following parts:"},{"kind":"block","type":"unordered-list","children":[{"kind":"block","type":"list-item","textContent":"Constructing the Slack message JSON with action buttons"},{"kind":"block","type":"list-item","textContent":"Initializing a FormData component with to send to Slack"},{"kind":"block","type":"list-item","textContent":"The actual sending of the message using fetch"}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Slack has good "},{"kind":"inline","type":"link","metadata":{"href":"https://api.slack.com/docs/message-buttons"},"textContent":"API documentation for interactive message buttons"},{"kind":"inline","textContent":" that you can review for options on how to set up your message."}]},{"kind":"block","type":"preformatted","children":[{"type":"code","kind":"block","textContent":"$83","metadata":{"language":"javascript"}}]},{"kind":"block","type":"paragraph"},{"kind":"block","type":"paragraph","textContent":"The screenshot below shows how the message will be shown on Slack."},{"kind":"block","type":"paragraph"},{"kind":"block","type":"paragraph"}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/251/_resized_1280-2.png","altText":null,"width":1280,"height":871,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/251/@100/_resized_1280-2.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/251/@200/_resized_1280-2.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/251/@500/_resized_1280-2.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/251/@768/_resized_1280-2.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/251/@1024/_resized_1280-2.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/251/@100/_resized_1280-2.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/251/@200/_resized_1280-2.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/251/@500/_resized_1280-2.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/251/@768/_resized_1280-2.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/251/@1024/_resized_1280-2.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/251/@100/_resized_1280-2.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/251/@200/_resized_1280-2.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/251/@500/_resized_1280-2.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/251/@768/_resized_1280-2.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/251/@1024/_resized_1280-2.avif","width":1024}]}]},{"title":{"text":"Using ngrok for testing"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Since Slack needs a public encrypted endpoint to work with you should get familiar with ngrok "},{"kind":"inline","type":"link","metadata":{"href":"https://ngrok.com/"},"textContent":"https://ngrok.com"},{"kind":"inline","textContent":" . It is a small utility that makes it very simple to make a local port available publicly. To forward port 3000 locally you can simply run ngrok http 3000."}]},{"kind":"block","type":"preformatted","children":[{"type":"code","kind":"block","textContent":"$$ ngrok http 3000\nSession Status onlineAccount SnowballVersion 2.1.18\nRegion United States (us)\nWeb Interface http://127.0.0.1:4040Forwarding http://4b53b898.ngrok.io -> localhost:3000\n// Forwarding https://4b53b898.ngrok.io -> localhost:3000\n// Connections ttl opn rt1 rt5 p50 p90 3 0 0.00 0.00 0.31 0.31\n// HTTP Requests-------------POST /approve 200 OK","metadata":{"language":"javascript"}}]},{"kind":"block","type":"paragraph"}]},"videos":null,"images":null},{"title":{"text":"Approving with Interactive messages"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Once you have been able to send your message to Slack the users has the two action buttons to approve or reject. When the user presses one of these buttons Slack will send a request to your defined endpoint. There are basically four points in this function that I named approveMessage:"},{"kind":"block","type":"unordered-list","children":[{"kind":"block","type":"list-item","textContent":"Verify the token sent from Slack"},{"kind":"block","type":"list-item","textContent":"Check the type of action is requested by the user"},{"kind":"block","type":"list-item","textContent":"Perform your action"},{"kind":"block","type":"list-item","textContent":"Return and updated message"}]},{"kind":"block","type":"paragraph","textContent":"The screenshot below shows the Slack message after the user has pressed approve, the request has been sent from Slack to your server, and an updated message has been received and displayed by Slack."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/252/approved_slack_message.png","altText":null,"width":1326,"height":842,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/252/@100/approved_slack_message.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/252/@200/approved_slack_message.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/252/@500/approved_slack_message.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/252/@768/approved_slack_message.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/252/@1024/approved_slack_message.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/252/@100/approved_slack_message.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/252/@200/approved_slack_message.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/252/@500/approved_slack_message.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/252/@768/approved_slack_message.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/252/@1024/approved_slack_message.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/252/@100/approved_slack_message.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/252/@200/approved_slack_message.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/252/@500/approved_slack_message.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/252/@768/approved_slack_message.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/252/@1024/approved_slack_message.avif","width":1024}]}]},{"title":{"text":"Connecting the dots"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"In addition to the two functions described above I am connecting the get action /postMessage to the postSlackMessage() function. The GET endpoint /approve is connected to approveMessage(). This is done with "},{"kind":"inline","type":"link","metadata":{"href":"https://expressjs.com/"},"textContent":"Express"},{"kind":"inline","textContent":"."}]},{"kind":"block","type":"paragraph","textContent":"You can see everything connected in the complete code below."},{"kind":"block","type":"preformatted","children":[{"type":"code","kind":"block","textContent":"$84","metadata":{"language":"javascript"}}]},{"kind":"block","type":"paragraph"},{"kind":"block","type":"paragraph"}]},"videos":null,"images":null}]}}]},{"topics":[{"name":"Development"}],"name":"Using Slack for content approval workflow in eZ Platform & Symfony","path":"/assets/blog/using-slack-for-content-approval-workflow-in-ez-platform-and-symfony","id":"6760101676e769e5a5892fbd","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"Using Slack for content approval workflow in eZ Platform & Symfony"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/89/slack_sb_blog.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/89/@100/slack_sb_blog.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/89/@200/slack_sb_blog.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/89/@500/slack_sb_blog.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/89/@768/slack_sb_blog.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/89/@1024/slack_sb_blog.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/89/@1366/slack_sb_blog.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/89/@1600/slack_sb_blog.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/89/@1920/slack_sb_blog.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/89/@100/slack_sb_blog.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/89/@200/slack_sb_blog.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/89/@500/slack_sb_blog.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/89/@768/slack_sb_blog.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/89/@1024/slack_sb_blog.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/89/@1366/slack_sb_blog.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/89/@1600/slack_sb_blog.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/89/@1920/slack_sb_blog.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/89/@100/slack_sb_blog.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/89/@200/slack_sb_blog.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/89/@500/slack_sb_blog.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/89/@768/slack_sb_blog.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/89/@1024/slack_sb_blog.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/89/@1366/slack_sb_blog.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/89/@1600/slack_sb_blog.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/89/@1920/slack_sb_blog.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Bård Farstad"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"January 16th, 2018"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","textContent":"Extending the use of Slack to include content approval in addition to notifications and internal communication can be quite efficient. The goal is to have a streamlined notification, review and approval process that does not slow down content production. In this post I show how you can handle content approval from eZ Platform using Slack to receive notifications as well as doing the actual approval."}],"plainText":["Extending the use of Slack to include content approval in addition to notifications and internal communication can be quite efficient. The goal is to have a streamlined notification, review and approval process that does not slow down content production. In this post I show how you can handle content approval from eZ Platform using Slack to receive notifications as well as doing the actual approval."]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":null,"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"This is a followup on how to achieve content approval in eZ Platform using the method described in the "},{"kind":"inline","type":"link","metadata":{"href":"http://snowball.digital/Blog/google-maps-based-ugc-approval-using-slack-via-nodejs"},"textContent":"blog post covering Node.js"},{"kind":"inline","textContent":". The scenario I needed to solve included user generated content that was location based. To get a preview of the location I used the Google Maps API to generate a preview image."}]}]},"videos":null,"images":null},{"title":{"text":"Configuring Slack"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"We need to register a new App in Slack, define the permissions, get our access token and define the request URL. Check out the details in my "},{"kind":"inline","type":"link","metadata":{"href":"http://snowball.digital/Blog/google-maps-based-ugc-approval-using-slack-via-nodejs"},"textContent":"previous post"},{"kind":"inline","textContent":" on how to get this done."}]}]},"videos":null,"images":null},{"title":{"text":"Sending the Slack content approval Message"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"To send the Slack content approval message we first need to construct an array that defines our message. Details on how to do this can be found in the API documentation for "},{"kind":"inline","type":"link","metadata":{"href":"https://api.slack.com/docs/message-buttons"},"textContent":"interactive message buttons on Slack"},{"kind":"inline","textContent":". Note that we added the content object ID as part of the message."}]},{"kind":"block","type":"paragraph","textContent":"Once our array is done we build the HTTP POST body that we send to slack. You can use the http_build_query() function to build URL Encoded form data with our token, channel, text and attachments. In this example I am shipping this over to Slack as a HTTP POST call using curl."},{"kind":"block","type":"paragraph","textContent":"The message in Slack is Shown in the screenshot below. Pretty neat?"}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/255/_resized_1280.png","altText":null,"width":1280,"height":871,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/255/@100/_resized_1280.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/255/@200/_resized_1280.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/255/@500/_resized_1280.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/255/@768/_resized_1280.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/255/@1024/_resized_1280.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/255/@100/_resized_1280.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/255/@200/_resized_1280.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/255/@500/_resized_1280.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/255/@768/_resized_1280.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/255/@1024/_resized_1280.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/255/@100/_resized_1280.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/255/@200/_resized_1280.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/255/@500/_resized_1280.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/255/@768/_resized_1280.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/255/@1024/_resized_1280.avif","width":1024}]}]},{"title":{"text":"Code"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"The code for sending the interactive Slack message is shown below."},{"kind":"block","type":"preformatted","children":[{"type":"code","kind":"block","textContent":"$85","metadata":{"language":"javascript"}}]},{"kind":"block","type":"paragraph"}]},"videos":null,"images":null},{"title":{"text":"Preparing your endpoint"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"For this example we need a public accessible endpoint, I am using /myapi/approve as the example here. We need to define the access control in Symfony which is done in security.yml by adding the following."},{"kind":"block","type":"preformatted","children":[{"type":"code","kind":"block","textContent":"access_control: - { path: ^/myapi/approve, roles: [IS_AUTHENTICATED_ANONYMOUSLY] }","metadata":{"language":"javascript"}}]},{"kind":"block","type":"paragraph","textContent":"This basically means that the endpoint will be accessible without the need to authenticate. This is useful as we will use this for the callback from Slack."}]},"videos":null,"images":null},{"title":{"text":"Approving the content using a callback"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Now we have shipped off our approval notification message to Slack. We included two action buttons; one for approval and one for rejection. Our /myapi/approve endpoint is where we have configured Slack to send the callback. The callback happens once someone pushes the approve or reject button in Slack. The approveAction() method is part of our controller and is where the magic happens."},{"kind":"block","type":"paragraph","textContent":"The first thing we do is to json_decode the message from Slack and verify that our $payload->token is the same as the one from Slack. This is the authentication check we need to do."},{"kind":"block","type":"paragraph","textContent":"Then we initialize our content and location service from eZ Platform and fetch the content object from the repository. The object ID is fetched from the Slack Message."},{"kind":"block","type":"paragraph","textContent":"Then we come to the business part where we check the action, either reject_action or approve_action. In the case of a reject action I am simply deleting the object from the repository. This is what makes sense for my use case as this user generated content that I want to moderate."},{"kind":"block","type":"paragraph","textContent":"The approve action simply moves the object to a different location from an \"incoming\" location. You could of course use other methods like visibility or object states. But the principle is the same."},{"kind":"block","type":"paragraph","textContent":"In both cases we also update the original message from Slack and sends it back. This modifies the message in Slack so you can see who approved it and when. Quite useful."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/256/_resized_1280.png","altText":null,"width":1280,"height":813,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/256/@100/_resized_1280.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/256/@200/_resized_1280.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/256/@500/_resized_1280.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/256/@768/_resized_1280.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/256/@1024/_resized_1280.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/256/@100/_resized_1280.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/256/@200/_resized_1280.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/256/@500/_resized_1280.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/256/@768/_resized_1280.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/256/@1024/_resized_1280.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/256/@100/_resized_1280.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/256/@200/_resized_1280.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/256/@500/_resized_1280.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/256/@768/_resized_1280.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/256/@1024/_resized_1280.avif","width":1024}]}]},{"title":{"text":"Callback code"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"The code for the content approval callback is shown below."},{"kind":"block","type":"preformatted","children":[{"type":"code","kind":"block","textContent":"$86","metadata":{"language":"javascript"}}]}]},"videos":null,"images":null}]}}]},{"topics":[{"name":"Product Design"},{"name":"User Experience"}],"name":"FigJam: For Collaboration without Borders","path":"/assets/blog/figjam-for-collaboration-without-borders","id":"675fbdb4b5ccfc2c91b69ab3","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"FigJam: For Collaboration without Borders"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/12/figma__sb_blog.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/12/@100/figma__sb_blog.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/12/@200/figma__sb_blog.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/12/@500/figma__sb_blog.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/12/@768/figma__sb_blog.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/12/@1024/figma__sb_blog.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/12/@1366/figma__sb_blog.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/12/@1600/figma__sb_blog.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/12/@1920/figma__sb_blog.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/12/@100/figma__sb_blog.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/12/@200/figma__sb_blog.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/12/@500/figma__sb_blog.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/12/@768/figma__sb_blog.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/12/@1024/figma__sb_blog.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/12/@1366/figma__sb_blog.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/12/@1600/figma__sb_blog.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/12/@1920/figma__sb_blog.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/12/@100/figma__sb_blog.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/12/@200/figma__sb_blog.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/12/@500/figma__sb_blog.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/12/@768/figma__sb_blog.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/12/@1024/figma__sb_blog.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/12/@1366/figma__sb_blog.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/12/@1600/figma__sb_blog.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/12/@1920/figma__sb_blog.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Eduardo Morán Alvarado"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"May 5th, 2021"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"At Config 2021 - Figma’s virtual design conference - CEO Dylan Field announced the launch of "},{"kind":"inline","type":"link","metadata":{"href":"https://www.figma.com/figjam/"},"textContent":"FigJam: their new whiteboarding space"},{"kind":"inline","textContent":". Needless to say, the Snowball design team has taken a real liking to the tool, particularly its ease of use. Is this the future of collaboration? We sure think so!"}]}],"plainText":["At Config 2021 - Figma’s virtual design conference - CEO Dylan Field announced the launch of FigJam: their new whiteboarding space. Needless to say, the Snowball design team has taken a real liking to the tool, particularly its ease of use. Is this the future of collaboration? We sure think so!"]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":{"text":"Pre FigJam"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Today’s world has us more connected than ever before. Not only in the way we socialize, but also in the ways we learn and work. Adding on the framework of a global pandemic, much of our lives have shifted to include what feels like an endless schedule of virtual meetings. For creatives, such as designers, this isn’t always a good thing."},{"kind":"block","type":"paragraph","textContent":"When your “work” is a scribbled doodle on a piece of paper, it can be quite frustrating to try and explain the entire idea behind said doodle simply by holding it up to the low-quality, out-of-focus webcam. How can you show off the process that brought you there? The color palate? Your inspiration? How can you workshop ideas and play with the design? "},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"This is part of the reason why we joined Config 2021: we were on the hunt for better, collaborative tools that would make the "},{"kind":"inline","type":"emphasized","textContent":"new normal"},{"kind":"inline","textContent":" digital-sharing process a little easier and understandable for everyone. "}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"One of, and probably the most, used platforms within our team just happens to be Figma. Specifically, it has helped us find creative ways to brainstorm, plan, and run our workshops. While it wasn’t always the cleanest, but it got the job done."},{"kind":"inline","type":"line-break"}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/8/figjam-1.png","altText":null,"width":1600,"height":720,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/8/@100/figjam-1.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/8/@200/figjam-1.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/8/@500/figjam-1.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/8/@768/figjam-1.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/8/@1024/figjam-1.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/8/@1366/figjam-1.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/8/@1600/figjam-1.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/8/@100/figjam-1.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/8/@200/figjam-1.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/8/@500/figjam-1.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/8/@768/figjam-1.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/8/@1024/figjam-1.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/8/@1366/figjam-1.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/8/@1600/figjam-1.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/8/@100/figjam-1.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/8/@200/figjam-1.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/8/@500/figjam-1.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/8/@768/figjam-1.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/8/@1024/figjam-1.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/8/@1366/figjam-1.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/8/@1600/figjam-1.avif","width":1600}]}]},{"title":{"text":"Post FigJam"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"This not-quite-there feeling led Figma to design and release the collaborative tool, FigJam. Is is literally a digital whiteboard to ideate, brainstorm, and create user flows with the whole team, all at once. No need to explain how components work, or how to edit. It is as easy as drag and drop! "},{"kind":"block","type":"paragraph","textContent":"Whether you want to express your ideas (sticky notes, dot vote, stamp, emote, draw?!) or sketch/connect your ideas (markers, shapes, connecters?!) FigJam has it all. In their own words:"},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"emphasized","textContent":"“[Using] FigJam and Figma live side-by-side, all design work, from ideation to execution, can be found in one place. And, teammates can leverage design libraries in FigJam to create artifacts that are consistent and on-brand.”"}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/9/figjam-2.png","altText":null,"width":1600,"height":773,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/9/@100/figjam-2.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/9/@200/figjam-2.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/9/@500/figjam-2.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/9/@768/figjam-2.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/9/@1024/figjam-2.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/9/@1366/figjam-2.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/9/@1600/figjam-2.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/9/@100/figjam-2.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/9/@200/figjam-2.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/9/@500/figjam-2.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/9/@768/figjam-2.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/9/@1024/figjam-2.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/9/@1366/figjam-2.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/9/@1600/figjam-2.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/9/@100/figjam-2.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/9/@200/figjam-2.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/9/@500/figjam-2.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/9/@768/figjam-2.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/9/@1024/figjam-2.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/9/@1366/figjam-2.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/9/@1600/figjam-2.avif","width":1600}]}]},{"title":null,"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"The beauty of having everything in one place truly makes "},{"kind":"inline","type":"link","metadata":{"href":"https://www.figma.com/"},"textContent":"Figma"},{"kind":"inline","textContent":" a one-stop-shop for collaboration. The tool doesn’t only speed up interactions, but makes the design process a bit more fun (particularly during these isolating work-from-home times). The best part? You can’t really lose your work when everything stays in one place."}]},{"kind":"block","type":"paragraph","textContent":"If you are not already using FigJam, and you are a Figma user, you best give it a try. "},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"strong","textContent":"Happy designing!"},{"kind":"inline","textContent":" "}]},{"kind":"block","type":"paragraph"},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"line-break"}]}]},"videos":null,"images":null}]}}]},{"topics":[{"name":"Product Design"},{"name":"User Experience"}],"name":"The Importance of User-Centered Design ","path":"/assets/blog/the-importance-of-user-centered-design","id":"675fbe67d9ed36a574f919e2","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"The Importance of User-Centered Design "}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/blog3.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@100/blog3.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@200/blog3.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@500/blog3.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@768/blog3.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@1024/blog3.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@1366/blog3.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@1600/blog3.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@1920/blog3.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@100/blog3.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@200/blog3.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@500/blog3.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@768/blog3.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@1024/blog3.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@1366/blog3.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@1600/blog3.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@1920/blog3.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@100/blog3.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@200/blog3.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@500/blog3.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@768/blog3.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@1024/blog3.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@1366/blog3.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@1600/blog3.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@1920/blog3.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Eduardo Morán Alvarado"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"April 20th, 2021"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","textContent":"A designer has a lot of directions to choose from when starting out on a new project. And while it’s easy to jump right into creating, I believe that the best products are the ones given a bit of extra time, consideration, and love. Read on for my perspective on user-centered design (UCD), and how it often produces a much better end product for clients. "}],"plainText":["A designer has a lot of directions to choose from when starting out on a new project. And while it’s easy to jump right into creating, I believe that the best products are the ones given a bit of extra time, consideration, and love. Read on for my perspective on user-centered design (UCD), and how it often produces a much better end product for clients."]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":{"text":"A Thousand Choices"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Every time a new project is put in the hands of a designer, their brain begins to churn. It runs through an endless number of methodologies on how to start, which direction to take, and what steps to follow. But despite the vast number of different approaches to choose from, and no matter what the designer ultimately adopts as their preferred design methodology, there is always one common desire: to deliver a great product."}]},"videos":null,"images":null},{"title":{"text":"The Overly Excited Designer"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"However, sometimes the eagerness designers feel when diving into a new project leads them to forget about some essential pre-project steps, most of which directly relate to the user. One of these steps includes asking vital questions, such as “who is the user, what are their needs, and what do they represent?”. Questions such as this prevent us from falling into the trap of “designing for ourselves” (one big and scary black hole!). "},{"kind":"inline","type":"line-break"}]},{"kind":"block","type":"paragraph","textContent":"Being a designer myself, I know that I, too, have made this mistake. Deadlines change, ideas fail, we fall behind schedule, or received some feedback that we didn’t expect. But we need to keep in mind that it is our job to deliver quality products that aren’t just nice to look at, but reflect the deeper value and image of the users. A great way to do this is by always having them in focus through user-centered design. "}]},"videos":null,"images":null},{"title":{"text":"The Beauty of User-Centered Design"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"As described by the "},{"kind":"inline","type":"link","metadata":{"href":"https://www.interaction-design.org/literature/topics/user-centered-design"},"textContent":"Interactive Design Foundation"},{"kind":"inline","textContent":":"}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"emphasized","textContent":"“User-centered design is an iterative process that focuses on an understanding of the users and their context in all stages of design and development…with each iteration of the UCD approach involv[ing] four distinct phases: context, requirements, solutions and evaluations.”"}]},{"kind":"block","type":"paragraph","textContent":"The UCD process can be applied to just about every product a designer is tasked with creating. And there are many ways to go about the process, whether it be looking at the user’s preferences, tasks, goals, or flows. But the one thing they all have in common is this: the user. Furthermore, UCD should be carried through the entire project for consistency, and to avoid guessing or personal opinions. What matters most is what your users say and do, as it ultimately improves their experience."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/10/ucd-.jpeg","altText":null,"width":940,"height":357,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/10/@100/ucd-.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/10/@200/ucd-.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/10/@500/ucd-.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/10/@768/ucd-.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/10/@100/ucd-.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/10/@200/ucd-.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/10/@500/ucd-.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/10/@768/ucd-.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/10/@100/ucd-.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/10/@200/ucd-.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/10/@500/ucd-.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/10/@768/ucd-.avif","width":768}]}]},{"title":{"text":"Aligning Design and Functionality"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Let’s look at an example. Say we are designing an off-road Jeep with white interiors. It might look good ("},{"kind":"inline","type":"emphasized","textContent":"not really"},{"kind":"inline","textContent":") and stylish ("},{"kind":"inline","type":"emphasized","textContent":"not really"},{"kind":"inline","textContent":"), but it is a nightmare for the end-user. Think about driving in the middle of nowhere, off-road, with no doors, through mud and rivers - those white interiors don’t stand a chance. In this example, fashion and functionality would clash because the user was not kept in mind during the design process."}]}]},"videos":null,"images":null},{"title":{"text":"Summary"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"That’s why, in the world of design, it is good to have the following locked and loaded before tackling a design problem:"},{"kind":"block","type":"unordered-list","children":[{"kind":"block","type":"list-item","textContent":"A clear understanding of the user and task requirements,"},{"kind":"block","type":"list-item","textContent":"Incorporating user feedback to create requirements,"},{"kind":"block","type":"list-item","textContent":"Early and active involvement of the user, and"},{"kind":"block","type":"list-item","textContent":"An iterative design process."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Keeping these points in mind will help you create a great, innovative product time and time again, and that’s something Snowball stands behind!"},{"kind":"inline","type":"line-break"}]}]},"videos":null,"images":null}]}}]},{"topics":[{"name":"Branding"},{"name":"Product Design"},{"name":"User Experience"}],"name":"What is Brand Imagery and Why is it Important?","path":"/assets/blog/what-is-brand-imagery-and-why-is-it-important","id":"675fbfe3d9ed36a574f919e3","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"What is Brand Imagery and Why is it Important?"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/14/branding_sb_blog.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/14/@100/branding_sb_blog.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/14/@200/branding_sb_blog.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/14/@500/branding_sb_blog.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/14/@768/branding_sb_blog.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/14/@1024/branding_sb_blog.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/14/@1366/branding_sb_blog.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/14/@1600/branding_sb_blog.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/14/@1920/branding_sb_blog.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/14/@100/branding_sb_blog.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/14/@200/branding_sb_blog.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/14/@500/branding_sb_blog.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/14/@768/branding_sb_blog.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/14/@1024/branding_sb_blog.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/14/@1366/branding_sb_blog.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/14/@1600/branding_sb_blog.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/14/@1920/branding_sb_blog.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/14/@100/branding_sb_blog.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/14/@200/branding_sb_blog.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/14/@500/branding_sb_blog.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/14/@768/branding_sb_blog.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/14/@1024/branding_sb_blog.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/14/@1366/branding_sb_blog.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/14/@1600/branding_sb_blog.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/14/@1920/branding_sb_blog.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Kateryna Lukina"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"March 16th, 2021"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","textContent":"Can you remember how many images you saw today? Every day, we are exposed to enormous amounts of imagery. It often becomes extremely challenging for individual brands to get noticed and, at the same time, for a customer’s memory to tell them apart. In this post, we look at imagery and what should be considered if you want your brand to stand out."}],"plainText":["Can you remember how many images you saw today? Every day, we are exposed to enormous amounts of imagery. It often becomes extremely challenging for individual brands to get noticed and, at the same time, for a customer’s memory to tell them apart. In this post, we look at imagery and what should be considered if you want your brand to stand out."]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":{"text":"What is Brand Imagery?"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Brand imagery defines your brand through the visuals it uses. Visuals, in this case, can appear in a variety of forms: illustrations, print materials, social media content - the list goes on. Yet brand images are much more than just simple placeholders. They also reflect your product’s style and set a tone for how you communicate with your audience. Whether your brand is modern and minimalistic or traditional and sophisticated, you can always use well-selected images to engage your viewers in a meaningful and emotional way."}]},"videos":null,"images":null},{"title":{"text":"Brand Image vs Brand Imagery"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"You may be wondering what the difference is between brand imagery and a brand image. Simply put: brand "},{"kind":"inline","type":"emphasized","textContent":"image"},{"kind":"inline","textContent":" is the way your customers perceive your brand. In contrast, brand "},{"kind":"inline","type":"emphasized","textContent":"imagery"},{"kind":"inline","textContent":" represents your product through visual appearance or any images you use. "}]}]},"videos":null,"images":null},{"title":{"text":"To Create Organic Imagery - Know Your Customers"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"First, you need to think about who your customers are and what messages you want to convey. What is important to them? What do they value? What products do you think they find most interesting? Knowing your audience well can help you find the right visuals and build a trustworthy identity. Need a great example? See what our sister group company "},{"kind":"inline","type":"link","metadata":{"href":"https://farstad.co/"},"textContent":"Farstad & Co"},{"kind":"inline","textContent":", has done!"}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/13/farstad-and-co.png","altText":null,"width":1600,"height":857,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/13/@100/farstad-and-co.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/13/@200/farstad-and-co.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/13/@500/farstad-and-co.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/13/@768/farstad-and-co.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/13/@1024/farstad-and-co.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/13/@1366/farstad-and-co.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/13/@1600/farstad-and-co.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/13/@100/farstad-and-co.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/13/@200/farstad-and-co.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/13/@500/farstad-and-co.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/13/@768/farstad-and-co.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/13/@1024/farstad-and-co.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/13/@1366/farstad-and-co.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/13/@1600/farstad-and-co.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/13/@100/farstad-and-co.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/13/@200/farstad-and-co.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/13/@500/farstad-and-co.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/13/@768/farstad-and-co.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/13/@1024/farstad-and-co.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/13/@1366/farstad-and-co.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/13/@1600/farstad-and-co.avif","width":1600}]}]},{"title":{"text":"To Create Organic Imagery - Be Unique"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"After getting a good idea of the audience you will be talking to, you are ready to start telling your visual story. Have you opened a stock website to find photos of cheerful, multinational groups energetically typing on their laptops? Stop right there! Also called “generic images”, stock pictures are licensed photos or vectors representing any object of a particular kind. While the proper usage of stock photos can be effective in some cases, in general, most of these images feel unnatural, get ignored by the viewer, and give poor first-impressions."},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"What can set your brand apart as authentic and personable are photos of real people, icons with a unique stroke style, and exclusive, tailor-made illustrations. Such images will greatly aid in a direct and well-made communication strategy. Remember, people "},{"kind":"inline","type":"emphasized","textContent":"love"},{"kind":"inline","textContent":" stories, so don’t be shy to share your brand history, your employees’ stories (with their permission, of course!) or what goes on behind the scenes. "}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Need another example? Check out our very own "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/team"},"textContent":"Snowball Team page"},{"kind":"inline","textContent":" for some quirky visual inspiration."}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/14/snowball-tea.png","altText":null,"width":1600,"height":1039,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/14/@100/snowball-tea.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/14/@200/snowball-tea.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/14/@500/snowball-tea.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/14/@768/snowball-tea.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/14/@1024/snowball-tea.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/14/@1366/snowball-tea.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/14/@1600/snowball-tea.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/14/@100/snowball-tea.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/14/@200/snowball-tea.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/14/@500/snowball-tea.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/14/@768/snowball-tea.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/14/@1024/snowball-tea.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/14/@1366/snowball-tea.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/14/@1600/snowball-tea.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/14/@100/snowball-tea.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/14/@200/snowball-tea.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/14/@500/snowball-tea.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/14/@768/snowball-tea.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/14/@1024/snowball-tea.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/14/@1366/snowball-tea.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/14/@1600/snowball-tea.avif","width":1600}]}]},{"title":{"text":"To Create Organic Imagery - Be Consistent "},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"With that said, don’t forget about consistency. Mixing up playful illustrations with complex infographics and formal photographs will not help your business be memorable. Pick a style of imagery that fits your brand and go on with it. As said in our post on "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/tone-of-voice-is-the-ultimate-content-power-tool"},"textContent":"tone of voice"},{"kind":"inline","textContent":": "}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"emphasized","textContent":"“[Consistency] keeps you on-brand and congruent in your values and messaging. But perhaps more importantly...it makes your [brand] easier to recognize, trustworthy, and familiar. This comfort with consumers, no matter your product, carries significant weight in the end when trying to establish a global verbal identity.”"}]}]},"videos":null,"images":null},{"title":{"text":"A Final Note"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Successful images make your visual communication more appealing and assist in establishing an emotional attachment to your product. That can be a big contributing factor next time a customer chooses you over the competition. Staying true to your values and communicating them appropriately, especially when physical interactions are limited, is the best thing you can do for your brand."}]},"videos":null,"images":null}]}}]},{"topics":[{"name":"User Experience"},{"name":"Marketing"},{"name":"Product Design"}],"name":"Tone of Voice - the Ultimate Content Power Tool","path":"/assets/blog/tone-of-voice-the-ultimate-content-power-tool","id":"675fc076299fd38154a79edd","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"Tone of Voice - the Ultimate Content Power Tool"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/15/seo_sb_blog.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/15/@100/seo_sb_blog.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/15/@200/seo_sb_blog.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/15/@500/seo_sb_blog.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/15/@768/seo_sb_blog.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/15/@1024/seo_sb_blog.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/15/@1366/seo_sb_blog.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/15/@1600/seo_sb_blog.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/15/@1920/seo_sb_blog.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/15/@100/seo_sb_blog.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/15/@200/seo_sb_blog.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/15/@500/seo_sb_blog.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/15/@768/seo_sb_blog.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/15/@1024/seo_sb_blog.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/15/@1366/seo_sb_blog.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/15/@1600/seo_sb_blog.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/15/@1920/seo_sb_blog.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/15/@100/seo_sb_blog.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/15/@200/seo_sb_blog.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/15/@500/seo_sb_blog.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/15/@768/seo_sb_blog.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/15/@1024/seo_sb_blog.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/15/@1366/seo_sb_blog.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/15/@1600/seo_sb_blog.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/15/@1920/seo_sb_blog.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Kaity Roberts"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"March 5th, 2021"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","textContent":"Tone of voice is a powerful tool used when setting the stage for a piece of writing. Tone is also an attitude, and a clear way to establish a relationship between the author and the reader. Ultimately, tone is what sets apart a good writer from a great writer, and can transform the way an audience remembers your content. So how can you ensure that your message gets across as intended? Read on to see how the use of some basic questions can help steer your tone in a direction to maximize content impact and reach."}],"plainText":["Tone of voice is a powerful tool used when setting the stage for a piece of writing. Tone is also an attitude, and a clear way to establish a relationship between the author and the reader. Ultimately, tone is what sets apart a good writer from a great writer, and can transform the way an audience remembers your content. So how can you ensure that your message gets across as intended? Read on to see how the use of some basic questions can help steer your tone in a direction to maximize content impact and reach."]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":{"text":"Leave Your Message After the... Tone?"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Tone cannot be overlooked when writing, no matter the choice of content. The tone of a written message affects the reader in the same way tone of voice affects a listener. If you have ever been misunderstood by someone else not based on what you said, but how you said it, be assured that the same can happen with the written word. Take this example put out by "},{"kind":"inline","type":"link","metadata":{"href":"https://www.grammarly.com/blog/tone-and-emotions/"},"textContent":"Grammerly"},{"kind":"inline","textContent":":"}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"emphasized","textContent":"“If your boss sent you a message that said, ‘Do you have a minute to talk?’ you might think, ‘Oh no, what’s wrong?’. But if she rephrased it as, ‘Got time to chat real quick?’ you might be less alarmed. There isn’t a negative force lurking in the background. That contrast is because of tone.”"}]}]},"videos":null,"images":null},{"title":{"text":"Who is My Intended Audience?"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Every reader matters. And even though you may want to impress them with your creative sentences and eccentric word choices, most people will not appreciate it. Keep it simple, straightforward, clean and friendly, just like a real conversation. If the reader needs a dictionary to get through a sentence, you can bet they won’t be sticking around long enough to read the rest of the paragraph. "},{"kind":"block","type":"paragraph","textContent":"Of course, you should always keep your audience and their knowledge in mind when creating content. Will it be a personal blog post? If so, your audience is probably wide, or general. Perhaps you are selling a new product within a specific market segment. If so, you can bet your audience is of a medium size, and is at least partially knowledgeable regarding the subject. But what about a troubleshooting guide for your headless commerce website? You guessed it - this audience will most likely be narrow and for experts. Update language and content accordingly!"}]},"videos":null,"images":null},{"title":{"text":"How Formal Do I Want to Be?"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"There are three basic choices when it comes to formality. Keep them in mind when writing content and be sure to stay consistent throughout:"},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"strong","textContent":"Informal"},{"kind":"inline","textContent":": having a relaxed, friendly, or unofficial style, suitable for everyday language and conversation. Often written in the first person and includes shorter sentences, emotions, contractions, slang and abbreviations."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"strong","textContent":"Neutral"},{"kind":"inline","textContent":": having a matter of fact approach to written content. Often absent of positive or negative language as it is based not on feelings or opinions, but facts. Note that neutral does not necessarily mean objective."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"strong","textContent":"Formal"},{"kind":"inline","textContent":": having regard for convention or etiquette, suitable for official addresses, important occasions or academic audiences. Often written in the third person, and includes thorough, complex sentences, a limited range of emotions, and opinions with supporting arguments that are introduced, elaborated and concluded."}]}]},"videos":null,"images":null},{"title":{"text":"What is My Goal?"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"The tone you decide to write in will ultimately help you achieve your content goals. Have you thought about the intent behind your piece? Is it to inform? Describe? Convince? Engage? Provoke? What about tell a story? The purpose of your written work should be clear to those who will read it, and relatively easy for your audience to digest and take away."}]},"videos":null,"images":null},{"title":{"text":"Am I Being Consistent?"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"A consistent tone of voice is a crucial part of content writing for any company. Mainly, it keeps you on-brand and congruent in your values and messaging. But perhaps more importantly, in a world where content is not only plentiful but also shared at a massive scale, it makes yours easier to recognize, trustworthy, and familiar. This comfort with consumers, no matter your product, carries significant weight in the end when trying to establish a global verbal identity."}]},"videos":null,"images":null},{"title":{"text":"Conclusion"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"We’ve now covered audience, formality, purpose and consistency, but don’t forget about word choice, personal pronouns, punctuation, honesty and empathy. To ensure you’ve hit all of these important aspects, be sure to get a second opinion to double check that your goals are being detected by the reader."},{"kind":"block","type":"paragraph","textContent":"Remember, there is a big difference between the tone of a written piece, and the voice. While the latter refers to what you say, tone will always be the way in which you say it. Follow the Snowball golden rule by aiming for professional positivity, and you are sure to nail a tone that will compliment your company’s content goals. "},{"kind":"block","type":"paragraph","textContent":"Happy writing!"}]},"videos":null,"images":null}]}}]},{"topics":[{"name":"Product Design"},{"name":"User Experience"},{"name":"Development"}],"name":"Using Figma for Digital Workshops","path":"/assets/blog/using-figma-for-digital-workshops","id":"675fc0e5d9ed36a574f91c4e","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"Using Figma for Digital Workshops"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/16/figma__sb_blog.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/16/@100/figma__sb_blog.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/16/@200/figma__sb_blog.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/16/@500/figma__sb_blog.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/16/@768/figma__sb_blog.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/16/@1024/figma__sb_blog.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/16/@1366/figma__sb_blog.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/16/@1600/figma__sb_blog.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/16/@1920/figma__sb_blog.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/16/@100/figma__sb_blog.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/16/@200/figma__sb_blog.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/16/@500/figma__sb_blog.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/16/@768/figma__sb_blog.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/16/@1024/figma__sb_blog.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/16/@1366/figma__sb_blog.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/16/@1600/figma__sb_blog.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/16/@1920/figma__sb_blog.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/16/@100/figma__sb_blog.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/16/@200/figma__sb_blog.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/16/@500/figma__sb_blog.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/16/@768/figma__sb_blog.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/16/@1024/figma__sb_blog.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/16/@1366/figma__sb_blog.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/16/@1600/figma__sb_blog.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/16/@1920/figma__sb_blog.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Astrid Nymoen"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"February 16th, 2021"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","textContent":"With Covid-19 sticking around much longer than expected, the team has had to get creative when it comes to hosting workshops through a digital platform. Some work well, others definitely do not. But one that I was very pleased with was Figma. Read more to see how it fostered positive team collaboration in a logical, organized, and well-structured manner. "}],"plainText":["With Covid-19 sticking around much longer than expected, the team has had to get creative when it comes to hosting workshops through a digital platform. Some work well, others definitely do not. But one that I was very pleased with was Figma. Read more to see how it fostered positive team collaboration in a logical, organized, and well-structured manner."]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":{"text":"Workshops and Growth"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"As the Design Lead in Snowball, I am a big fan of workshops. I love fostering safe spaces for team collaboration and development. It’s the perfect place to learn new skills or solve new problems, particularly when making better products for our clients."},{"kind":"block","type":"paragraph","textContent":"Workshops also tend to have an incredible interpersonal effect that makes people want to talk. Building a common language, sharing ideas, and finding inspiration among peers is one of the best ways to grow personally and professionally. Ultimately it is the key to building a great team."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/15/friends.png","altText":null,"width":2560,"height":1340,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/15/@100/friends.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/15/@200/friends.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/15/@500/friends.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/15/@768/friends.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/15/@1024/friends.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/15/@1366/friends.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/15/@1600/friends.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/15/@1920/friends.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/15/@100/friends.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/15/@200/friends.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/15/@500/friends.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/15/@768/friends.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/15/@1024/friends.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/15/@1366/friends.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/15/@1600/friends.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/15/@1920/friends.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/15/@100/friends.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/15/@200/friends.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/15/@500/friends.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/15/@768/friends.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/15/@1024/friends.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/15/@1366/friends.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/15/@1600/friends.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/15/@1920/friends.avif","width":1920}]}]},{"title":{"text":"Workshops and Diversity "},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Workshops are also a great way to collaborate across fields of expertise. With the ‘two minds are better than one’ logic, Snowball thrives on the diverse knowledge shared by our highly international team. Proud to have 13 nationalities represented in our office, it is important that every voice is given the space to feel respected and heard."}]},"videos":null,"images":null},{"title":{"text":"Digital Workshops "},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Adamantly knowing why I wanted to host a workshop, it was time to figure out how it would be done. I had been toying with a couple of ideas, but it needed to be digital, and that was proving to be a bit challenging. "},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"That was until I landed on "},{"kind":"inline","type":"link","metadata":{"href":"https://www.figma.com/"},"textContent":"Figma"},{"kind":"inline","textContent":" - a collaborative graphics editor and prototyping tool. Already using Figma as a design tool for our UI/UX, I knew the team would be comfortable using it. And ultimately, I found it worked perfectly for workshop collaboration."}]}]},"videos":null,"images":null},{"title":{"text":"Structuring the Workshop with Figma"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Figma was used to structure the workshop, and we now have a project folder dedicated to this and all future workshops. Within the folder, each workshop is represented as a different file. As for the projects to be discussed in this particular workshop, I prepared the Figma file with an agenda as the top page."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/16/agenda-.png","altText":null,"width":2403,"height":1245,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/16/@100/agenda-.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/16/@200/agenda-.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/16/@500/agenda-.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/16/@768/agenda-.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/16/@1024/agenda-.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/16/@1366/agenda-.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/16/@1600/agenda-.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/16/@1920/agenda-.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/16/@100/agenda-.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/16/@200/agenda-.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/16/@500/agenda-.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/16/@768/agenda-.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/16/@1024/agenda-.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/16/@1366/agenda-.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/16/@1600/agenda-.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/16/@1920/agenda-.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/16/@100/agenda-.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/16/@200/agenda-.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/16/@500/agenda-.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/16/@768/agenda-.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/16/@1024/agenda-.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/16/@1366/agenda-.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/16/@1600/agenda-.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/16/@1920/agenda-.avif","width":1920}]}]},{"title":null,"body":{"json":[{"kind":"block","type":"paragraph","textContent":"By doing so, everyone could easily access the agenda to know when we would be learning, collaborating, presenting, or taking a break. I named different pages according to different tasks, creating a header on every page that repeated the task and named those who would work on that task. This was to make it easy for people to navigate the file, both during the workshop and afterward, when we would sort and use the ideas."}]},"videos":null,"images":null},{"title":{"text":"Workshop Outcomes"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"On the day of the workshop, I presented all the tasks and paired everyone up in groups of two. They had video conferences separately but simultaneously through "},{"kind":"inline","type":"link","metadata":{"href":"https://slack.com/intl/en-no/"},"textContent":"Slack"},{"kind":"inline","textContent":" and "},{"kind":"inline","type":"link","metadata":{"href":"https://meet.google.com/"},"textContent":"Google Mee"},{"kind":"inline","textContent":"t. Each team would discuss their assigned problem for 10-15 minutes, using Figma to make notes and add pictures or drawings. "}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/17/naming-site-plus-header.png","altText":null,"width":2522,"height":1346,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/17/@100/naming-site-plus-header.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/17/@200/naming-site-plus-header.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/17/@500/naming-site-plus-header.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/17/@768/naming-site-plus-header.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/17/@1024/naming-site-plus-header.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/17/@1366/naming-site-plus-header.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/17/@1600/naming-site-plus-header.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/17/@1920/naming-site-plus-header.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/17/@100/naming-site-plus-header.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/17/@200/naming-site-plus-header.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/17/@500/naming-site-plus-header.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/17/@768/naming-site-plus-header.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/17/@1024/naming-site-plus-header.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/17/@1366/naming-site-plus-header.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/17/@1600/naming-site-plus-header.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/17/@1920/naming-site-plus-header.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/17/@100/naming-site-plus-header.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/17/@200/naming-site-plus-header.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/17/@500/naming-site-plus-header.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/17/@768/naming-site-plus-header.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/17/@1024/naming-site-plus-header.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/17/@1366/naming-site-plus-header.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/17/@1600/naming-site-plus-header.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/17/@1920/naming-site-plus-header.avif","width":1920}]}]},{"title":null,"body":{"json":[{"kind":"block","type":"paragraph","textContent":"When the time was up, we met back in a shared channel, where each pair could present their ideas. After everyone presented to the group, the pairs traded off problems and had another 10-15 minutes to find a new or improved solution to the one they had just heard. It was a fantastic way to practice brainstorming, solving, presenting, and listening. Ultimately, by building on top of each other’s ideas, I wanted to see just how far we could take a problem as a team."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/18/mini-icon.jpeg","altText":null,"width":1300,"height":416,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/18/@100/mini-icon.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/18/@200/mini-icon.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/18/@500/mini-icon.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/18/@768/mini-icon.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/18/@1024/mini-icon.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/18/@100/mini-icon.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/18/@200/mini-icon.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/18/@500/mini-icon.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/18/@768/mini-icon.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/18/@1024/mini-icon.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/18/@100/mini-icon.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/18/@200/mini-icon.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/18/@500/mini-icon.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/18/@768/mini-icon.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/18/@1024/mini-icon.avif","width":1024}]}]},{"title":{"text":"The Benefits of Figma"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Some of the key aspects I appreciated the most when using Figma for workshops included: "},{"kind":"inline","type":"line-break"}]},{"kind":"block","type":"unordered-list","children":[{"kind":"block","type":"list-item","textContent":"Everybody was able to work on the project at the same time."},{"kind":"block","type":"list-item","textContent":"Teams could use different pages to organize each task."},{"kind":"block","type":"list-item","textContent":"One group could start a task, and another one could continue the task without having to leave the document they were already in."},{"kind":"block","type":"list-item","textContent":"We could easily follow the one presenting by pressing the little icon of the person. It made switching between presenters extremely easy in a digital setting."},{"kind":"block","type":"list-item","textContent":"By the time we finished the workshop, the information we had gathered was already well organized and easily accessible, saving time for anyone who needed to access it later."}]},{"kind":"block","type":"paragraph","textContent":"Overall, I am pretty pleased with the way Figma allowed us to collaborate so smoothly, and would certainly recommend Figma as a tool for workshops!"}]},"videos":null,"images":null}]}}]},{"topics":[{"name":"Product Design"}],"name":"Intro to Atomic Design","path":"/assets/blog/intro-to-atomic-design","id":"675fc1aab5ccfc2c91b6a00d","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"Intro to Atomic Design"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/17/user_experience_sb_blog.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/17/@100/user_experience_sb_blog.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/17/@200/user_experience_sb_blog.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/17/@500/user_experience_sb_blog.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/17/@768/user_experience_sb_blog.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/17/@1024/user_experience_sb_blog.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/17/@1366/user_experience_sb_blog.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/17/@1600/user_experience_sb_blog.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/17/@1920/user_experience_sb_blog.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/17/@100/user_experience_sb_blog.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/17/@200/user_experience_sb_blog.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/17/@500/user_experience_sb_blog.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/17/@768/user_experience_sb_blog.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/17/@1024/user_experience_sb_blog.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/17/@1366/user_experience_sb_blog.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/17/@1600/user_experience_sb_blog.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/17/@1920/user_experience_sb_blog.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/17/@100/user_experience_sb_blog.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/17/@200/user_experience_sb_blog.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/17/@500/user_experience_sb_blog.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/17/@768/user_experience_sb_blog.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/17/@1024/user_experience_sb_blog.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/17/@1366/user_experience_sb_blog.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/17/@1600/user_experience_sb_blog.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/17/@1920/user_experience_sb_blog.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Joona Miettinen"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"February 2nd, 2021"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","textContent":"Recently, Snowball was assigned a project to design and develop a new website for Bunad Magasinet - a digital magazine that focuses on traditional Norwegian folk costumes. For this project, we wanted to build a design system that would align developers and designers. Excited by the prospects, the team decided on something new: the no-nonsense atomic design modular system."}],"plainText":["Recently, Snowball was assigned a project to design and develop a new website for Bunad Magasinet - a digital magazine that focuses on traditional Norwegian folk costumes. For this project, we wanted to build a design system that would align developers and designers. Excited by the prospects, the team decided on something new: the no-nonsense atomic design modular system."]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":{"text":"The Five Stages of Atomic Design"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"So, what is atomic design and how can it help developers create a more consistent end product? Let’s first take a look at what atomic design is, before we start putting atomic design into practice. "},{"kind":"block","type":"paragraph","textContent":"Atomic design is a mental model for understanding how we break down interface design systems in a modular method. It helps you better see how things are connected, from the most abstract part of the design to the most concrete. Brad Frost, who wrote the book “Atomic Design”, explains it in five distinct stages. "},{"kind":"block","type":"paragraph","textContent":"Here you can see his interface design system, displayed in a deliberate and hierarchical manner:"}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/19/atomic-design-stages.jpg","altText":null,"width":1200,"height":520,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/19/@100/atomic-design-stages.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/19/@200/atomic-design-stages.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/19/@500/atomic-design-stages.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/19/@768/atomic-design-stages.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/19/@1024/atomic-design-stages.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/19/@100/atomic-design-stages.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/19/@200/atomic-design-stages.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/19/@500/atomic-design-stages.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/19/@768/atomic-design-stages.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/19/@1024/atomic-design-stages.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/19/@100/atomic-design-stages.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/19/@200/atomic-design-stages.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/19/@500/atomic-design-stages.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/19/@768/atomic-design-stages.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/19/@1024/atomic-design-stages.avif","width":1024}]}]},{"title":{"text":"Stage One: Atoms"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"The first stage consists of atoms. Atoms act as the foundational piece in any design system. Examples are abstract values such as color, typography, and the spacing system. But they can also include HTML elements like buttons, input fields, or icons."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/20/atom-example.jpg","altText":null,"width":1200,"height":602,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/20/@100/atom-example.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/20/@200/atom-example.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/20/@500/atom-example.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/20/@768/atom-example.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/20/@1024/atom-example.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/20/@100/atom-example.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/20/@200/atom-example.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/20/@500/atom-example.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/20/@768/atom-example.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/20/@1024/atom-example.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/20/@100/atom-example.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/20/@200/atom-example.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/20/@500/atom-example.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/20/@768/atom-example.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/20/@1024/atom-example.avif","width":1024}]}]},{"title":{"text":"Stage Two: Molecules"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"One step up, at the molecule stage, we are starting to combine atoms to create functional components that are easy to re-use. An example would be a filter component, built with accordions, checkboxes, and buttons."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/21/molecules-example.jpg","altText":null,"width":1200,"height":716,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/21/@100/molecules-example.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/21/@200/molecules-example.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/21/@500/molecules-example.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/21/@768/molecules-example.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/21/@1024/molecules-example.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/21/@100/molecules-example.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/21/@200/molecules-example.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/21/@500/molecules-example.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/21/@768/molecules-example.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/21/@1024/molecules-example.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/21/@100/molecules-example.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/21/@200/molecules-example.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/21/@500/molecules-example.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/21/@768/molecules-example.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/21/@1024/molecules-example.avif","width":1024}]}]},{"title":{"text":"Stage Three: Organisms "},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Next comes organisms - more complex components that combine both molecules and atoms. The biggest difference between organisms and molecules is that an organism should be a component that can live on its own without any context. Some examples are header navigations, footers, and image galleries."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/22/organisms-example.jpg","altText":null,"width":1200,"height":1106,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/22/@100/organisms-example.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/22/@200/organisms-example.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/22/@500/organisms-example.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/22/@768/organisms-example.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/22/@1024/organisms-example.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/22/@100/organisms-example.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/22/@200/organisms-example.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/22/@500/organisms-example.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/22/@768/organisms-example.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/22/@1024/organisms-example.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/22/@100/organisms-example.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/22/@200/organisms-example.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/22/@500/organisms-example.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/22/@768/organisms-example.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/22/@1024/organisms-example.avif","width":1024}]}]},{"title":{"text":"Stage Four: Templates"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"After organisms are templates, or pages without any content. They are combinations of molecules and organisms. At this stage, the design is becoming cohesive and functions as a blueprint for other complete pages. Templates also let us see how the molecules and organisms are functioning together."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/23/templates-example.jpg","altText":null,"width":1200,"height":995,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/23/@100/templates-example.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/23/@200/templates-example.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/23/@500/templates-example.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/23/@768/templates-example.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/23/@1024/templates-example.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/23/@100/templates-example.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/23/@200/templates-example.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/23/@500/templates-example.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/23/@768/templates-example.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/23/@1024/templates-example.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/23/@100/templates-example.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/23/@200/templates-example.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/23/@500/templates-example.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/23/@768/templates-example.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/23/@1024/templates-example.avif","width":1024}]}]},{"title":{"text":"Stage Five: Pages"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Lastly you have pages. Pages put together atoms, molecules, organisms, and templates to demonstrate how the final design will look, with real content inside. "}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/24/page-example.jpg","altText":null,"width":1200,"height":1035,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/24/@100/page-example.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/24/@200/page-example.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/24/@500/page-example.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/24/@768/page-example.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/24/@1024/page-example.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/24/@100/page-example.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/24/@200/page-example.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/24/@500/page-example.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/24/@768/page-example.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/24/@1024/page-example.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/24/@100/page-example.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/24/@200/page-example.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/24/@500/page-example.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/24/@768/page-example.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/24/@1024/page-example.avif","width":1024}]}]},{"title":{"text":"Creating Consistent Digital Products"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Now that we understand how the user interface is structured, we can move forward to see how atomic design can create more consistent digital products."},{"kind":"block","type":"paragraph","textContent":"In software development, there is a principle called DRY: Don’t Repeat Yourself. It reminds developers that changing a line of code in an existing component will also make changes wherever that component was placed. By understanding basic atomic design, we can see how this works. "},{"kind":"block","type":"paragraph","textContent":"Let’s say that we made a button (atom) in the color blue. After creating the page, it is decided that the color should instead be red. To do this, and to avoid the DRY principle, we would update the color by changing only the code of the blue button (atom). By doing so, all molecules, organisms and/or templates built with that blue atomic button will automatically turn red. "},{"kind":"block","type":"paragraph","textContent":"This is an important concept to understand, as once you can visualize how systems are built in atomic layers, you can save time by going directly to the source code. It also reduces your chance of making an error since you only have to update the code once!"},{"kind":"block","type":"paragraph","textContent":"Another great benefit of using atomic design is its ability to align developers and designers. If both teams understand how atoms, molecules, and organisms function towards the final product, the final result is often much more consistent. "},{"kind":"block","type":"paragraph","textContent":"Using atomic design principles with both designers and developers also creates a shared language. By defining individual components and unique naming conventions, everyone can clearly communicate in a way that makes sense for both parties."}]},"videos":null,"images":null},{"title":{"text":"Conclusion"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Ultimately, atomic design is a pretty straightforward methodology when it comes to creating design systems. Easy to adopt, the only requirement is understanding how you should be structuring your smallest atoms to your most complex components. The process can feel time-consuming, but the scalability and improved efficiency between developers and designers make it worthwhile. "},{"kind":"block","type":"paragraph","textContent":"To improve both consistency and communication on your next big project, Snowball Digital highly recommends trying out atomic design!"}]},"videos":null,"images":null}]}}]},{"topics":[{"name":"User Experience"},{"name":"Branding"}],"name":"Understanding Brand Value and its factors to Brand Success","path":"/assets/blog/understanding-brand-value-and-its-factors-to-brand-success","id":"675fc28ded4383af9fa4dd08","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"Understanding Brand Value and it's Factors to Brand Success"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/18/branding_sb_blog.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/18/@100/branding_sb_blog.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/18/@200/branding_sb_blog.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/18/@500/branding_sb_blog.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/18/@768/branding_sb_blog.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/18/@1024/branding_sb_blog.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/18/@1366/branding_sb_blog.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/18/@1600/branding_sb_blog.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/18/@1920/branding_sb_blog.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/18/@100/branding_sb_blog.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/18/@200/branding_sb_blog.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/18/@500/branding_sb_blog.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/18/@768/branding_sb_blog.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/18/@1024/branding_sb_blog.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/18/@1366/branding_sb_blog.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/18/@1600/branding_sb_blog.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/18/@1920/branding_sb_blog.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/18/@100/branding_sb_blog.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/18/@200/branding_sb_blog.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/18/@500/branding_sb_blog.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/18/@768/branding_sb_blog.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/18/@1024/branding_sb_blog.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/18/@1366/branding_sb_blog.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/18/@1600/branding_sb_blog.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/18/@1920/branding_sb_blog.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Filipa Amado"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"September 11th, 2020"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","textContent":"Value is that one quality that every brand and company aspires to have; all of them want to be seen as valuable in their respective market and industry. However, many of them struggle to understand the concept, making it challenging to achieve it or even to have value at all."}],"plainText":["Value is that one quality that every brand and company aspires to have; all of them want to be seen as valuable in their respective market and industry. However, many of them struggle to understand the concept, making it challenging to achieve it or even to have value at all."]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":{"text":"What is Brand Value?"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"In 2009, "},{"kind":"inline","type":"link","metadata":{"href":"https://seths.blog/2009/12/define-brand/"},"textContent":"Seth Godin published a blog post"},{"kind":"inline","textContent":" where he defines brand value as “merely the sum total of how much extra people will pay, or how often they choose, the expectations, memories, stories and relationships of one brand over the alternatives”."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"To help better understand the concept, we can look at the opposite of value which is a "},{"kind":"inline","type":"emphasized","textContent":"commodity product with no perceived value"},{"kind":"inline","textContent":". People are not actively seeking out this product, and when they do, the product itself, it’s merely one of many choices on the market. A product that has value, on the other hand, is "},{"kind":"inline","type":"link","metadata":{"href":"https://cxl.com/blog/perceived-value/"},"textContent":"perceived as scarce"},{"kind":"inline","textContent":"."}]},{"kind":"block","type":"paragraph","textContent":"When your product or service has some type of value to offer, that means it can provide something that commonly available. In other words, you offer something that is perceived as in short supply and only available to a few. Simply put it, your product or service offers something that your clients won’t find everywhere else."},{"kind":"block","type":"paragraph","textContent":"In conclusion, you should be able to provide (and late to positioning yourself) as something genuinely distinct, uncommon, and worthwhile."},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"line-break"},{"kind":"inline","type":"line-break"}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/25/brand-value.jpg","altText":null,"width":1208,"height":719,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/25/@100/brand-value.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/25/@200/brand-value.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/25/@500/brand-value.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/25/@768/brand-value.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/25/@1024/brand-value.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/25/@100/brand-value.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/25/@200/brand-value.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/25/@500/brand-value.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/25/@768/brand-value.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/25/@1024/brand-value.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/25/@100/brand-value.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/25/@200/brand-value.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/25/@500/brand-value.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/25/@768/brand-value.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/25/@1024/brand-value.avif","width":1024}]}]},{"title":{"text":"Tangible and intangible factors"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"To maybe better understand the complexity of brand value, this concept can also be broken down into "},{"kind":"inline","type":"link","metadata":{"href":"https://neilpatel.com/blog/measure-brand-equity/#:~:text=Tangible%20factors%20are%20quantitative%20values,of%20your%20brand%2C%20and%20goodwill."},"textContent":"tangible and intangible factors"},{"kind":"inline","textContent":". Tangible value is created with quantitative aspects, like revenue and sales numbers, which are easier to identify and control. On the opposite side, there’re intangible factors that have a more qualitative aspect, like consumer awareness, for example, and can be challenging to create. However, when analysing both of these groups, you’ll have a better understanding of the type of value you offer or can offer in the future."}]}]},"videos":null,"images":null},{"title":{"text":"The consumer and their perceived value"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"In the consumer cycle, several different factors play a part in a decision and later purchase of a product. As previously mentioned, there’s certainly a benefit in having tangible value, by simply having a better quality product. However, the intangible side - "},{"kind":"inline","type":"link","metadata":{"href":"https://aircall.io/blog/customer-happiness/customer-perceived-value/"},"textContent":"how the same product makes the consumer feel"},{"kind":"inline","textContent":" - can have a more significant impact. Ultimately, it’s your consumers’ perception of your brand and product that really determine its value in the marketplace."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"link","metadata":{"href":"https://www.articulatemarketing.com/blog/strengthen-your-brand"},"textContent":"The consumer is willing to buy, but they also crave value"},{"kind":"inline","textContent":" and will go to great lengths to search for it. And at the core of their research, customers are looking to form any type of connection with a brand. This happens when a product or a service meets the customers’ expectations and needs (tangible or intangible)."}]}]},"videos":null,"images":null}]}}]},{"topics":[{"name":"Growth Strategy"},{"name":"Marketing"},{"name":"Branding"}],"name":"What is the difference between branding and marketing?","path":"/assets/blog/what-is-the-difference-between-branding-and-marketing","id":"675fc2f9ed4383af9fa4dd09","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"What is the Difference Between Branding and Marketing?"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/19/marketing_sb_blog.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/19/@100/marketing_sb_blog.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/19/@200/marketing_sb_blog.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/19/@500/marketing_sb_blog.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/19/@768/marketing_sb_blog.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/19/@1024/marketing_sb_blog.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/19/@1366/marketing_sb_blog.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/19/@1600/marketing_sb_blog.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/19/@1920/marketing_sb_blog.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/19/@100/marketing_sb_blog.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/19/@200/marketing_sb_blog.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/19/@500/marketing_sb_blog.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/19/@768/marketing_sb_blog.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/19/@1024/marketing_sb_blog.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/19/@1366/marketing_sb_blog.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/19/@1600/marketing_sb_blog.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/19/@1920/marketing_sb_blog.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/19/@100/marketing_sb_blog.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/19/@200/marketing_sb_blog.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/19/@500/marketing_sb_blog.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/19/@768/marketing_sb_blog.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/19/@1024/marketing_sb_blog.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/19/@1366/marketing_sb_blog.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/19/@1600/marketing_sb_blog.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/19/@1920/marketing_sb_blog.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Filipa Amado"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"July 9th, 2020"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"While definitions of "},{"kind":"inline","type":"link","metadata":{"href":"https://www.thebrandingjournal.com/2015/10/what-is-branding-definition/"},"textContent":"branding"},{"kind":"inline","textContent":" and "},{"kind":"inline","type":"link","metadata":{"href":"https://en.wikipedia.org/wiki/Marketing"},"textContent":"marketing"},{"kind":"inline","textContent":" may differ, they go hand in hand so tightly that most people use these terms almost interchangeably. And since both terms don’t have an expressly agreed-upon definition, it’s sometimes hard to tell the difference between the two. However, branding and marketing have very distinct meanings, and it’s essential to understand both concepts."}]}],"plainText":["While definitions of branding and marketing may differ, they go hand in hand so tightly that most people use these terms almost interchangeably. And since both terms don’t have an expressly agreed-upon definition, it’s sometimes hard to tell the difference between the two. However, branding and marketing have very distinct meanings, and it’s essential to understand both concepts."]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":null,"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"When you are building a business or a brand, many buzzwords get thrown around, which can make it hard to learn and apply all of them properly. As mentioned, branding and marketing are two terms in particular that tend to get mixed up. The reality is that, since they are so closely intertwined, it can sometimes be hard to pinpoint exactly where one ends and the other begins. But understanding the differences between branding and marketing can be the key to shaping a "},{"kind":"inline","type":"link","metadata":{"href":"https://seroka.com/mortgage-industry-brand-driven-marketing-pays/"},"textContent":"brand-driven marketing strategy"},{"kind":"inline","textContent":" that brings results. If you want your business to succeed, you need to not only know what branding and marketing are but also how to use them together effectively."}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/26/branding-marketing.jpg","altText":null,"width":1208,"height":719,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/26/@100/branding-marketing.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/26/@200/branding-marketing.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/26/@500/branding-marketing.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/26/@768/branding-marketing.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/26/@1024/branding-marketing.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/26/@100/branding-marketing.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/26/@200/branding-marketing.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/26/@500/branding-marketing.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/26/@768/branding-marketing.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/26/@1024/branding-marketing.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/26/@100/branding-marketing.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/26/@200/branding-marketing.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/26/@500/branding-marketing.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/26/@768/branding-marketing.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/26/@1024/branding-marketing.avif","width":1024}]}]},{"title":{"text":"Definition of Branding"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"I’ve talked previously about what "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/what-is-branding"},"textContent":"brand and branding"},{"kind":"inline","textContent":" are, and the fact that they are a couple of those terms that have a lot of misconceptions surrounding them."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"A brand, for example, is so much more than a logo; "},{"kind":"inline","type":"link","metadata":{"href":"https://www.thebrandingjournal.com/2015/10/what-is-branding-definition/"},"textContent":"it’s the consumer’s gut feeling about a particular product, service, or company. It’s the idea or perception the consumer has, both practically and emotionally"},{"kind":"inline","textContent":" - "},{"kind":"inline","type":"emphasized","textContent":"The Branding Journal (2015)"},{"kind":"inline","textContent":". And as a result, branding is the practice that makes the brand identifiable in the market, creates brand awareness, and makes a "},{"kind":"inline","type":"link","metadata":{"href":"https://www.brandingmag.com/2015/10/14/what-is-branding-and-why-is-it-important-for-your-business/"},"textContent":"memorable impression in the consumer’s mind"},{"kind":"inline","textContent":". Branding is the set of actions you perform to shape the brand in the consumer’s mind and create a positive perception, which gives the brand value. The definition of branding has come a long way since the concept first appeared, but it’s still probably one of the most critical primary steps in making your business successful."}]}]},"videos":null,"images":null},{"title":{"text":"Definition of Marketing"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"According to the "},{"kind":"inline","type":"link","metadata":{"href":"https://www.ama.org"},"textContent":"American Marketing Association"},{"kind":"inline","textContent":", the "},{"kind":"inline","type":"link","metadata":{"href":"https://courses.lumenlearning.com/boundless-marketing/chapter/introduction-to-marketing/"},"textContent":"definition of marketing is the activity, set of institutions, and processes for creating, communicating, delivering, and exchanging offerings that have value for customers, clients, partners, and society at large"},{"kind":"inline","textContent":". Basically, marketing is how you are going to deliver the message of your brand to key audiences in a way that will lead to eventually profitable sales. It’s the actions you take to actively promote your product or service and company, while at the same time connect with your customers and get them to buy it. "}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Marketing is the tool you use to communicate your brand, building "},{"kind":"inline","type":"link","metadata":{"href":"https://simplicable.com/new/product-awareness"},"textContent":"product awareness"},{"kind":"inline","textContent":", gathering new customers and meeting essential sales goals. It takes a variety of forms and is continuously changing as new trends and technologies hit the market every day. But to send consistent and relatable messages to the customers, marketing needs a strong brand on which to stand."}]}]},"videos":null,"images":null},{"title":{"text":"Differences between Branding and Marketing"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Alright, so now that we know and understand both definitions, let’s talk about the "},{"kind":"inline","type":"link","metadata":{"href":"https://en.99designs.pt/blog/marketing-advertising/marketing-vs-branding/"},"textContent":"key differences between branding and marketing"},{"kind":"inline","textContent":":"}]},{"kind":"block","type":"unordered-list","children":[{"kind":"block","type":"list-item","textContent":"Branding comes first, marketing comes second;"},{"kind":"block","type":"list-item","textContent":"Branding is your identity, and marketing is the tool you use to communicate and promote your product or service;"},{"kind":"block","type":"list-item","textContent":"Marketing discovers buyers and drives sales, and branding drives recognition and loyalty, making devoted customer;"},{"kind":"block","type":"list-item","textContent":"While marketing is what gets a customer’s attention and engagement with your company for the first time, branding is what keeps their attention and has them coming back;"},{"kind":"block","type":"list-item","textContent":"Marketing strategies come and go and tend to have shorter-term goals, but branding is a long-term commitment;"},{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"link","metadata":{"href":"https://www.tronviggroup.com/the-difference-between-marketing-and-branding/"},"textContent":"Branding requires a great amount of strategic framework, while marketing is entirely tactical."}]}]}]},"videos":null,"images":null},{"title":{"text":"Conclusion"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"So, in a nutshell, you need the right marketing strategies to set your brand apart from the competition, and you need branding to foster a long-term relationship with your customers."},{"kind":"block","type":"paragraph","textContent":"Branding isn’t the same as marketing - branding is the core of your marketing strategy. Before you even think about putting a marketing strategy in place, you need to focus on branding. Because once you have a strong brand, you’ll have a better understanding of who you are, who your customer is, and what are the best ways to foster a relationship with your target. Only then, you can build a successful marketing strategy that brings all your goals to life. This is where many businesses get it wrong. By separating these two departments, you’re inevitably creating a disconnect between your product and message, which will affect your relationship with your customer."}]},"videos":null,"images":null}]}}]},{"topics":[{"name":"Product Design"},{"name":"User Experience"}],"name":"Visualisation techniques to better communicate your data","path":"/assets/blog/visualisation-techniques-to-better-communicate-your-data","id":"675fc359299fd38154a79ee1","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"Visualisation Techniques to Better Communicate Your Data"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/20/seo_sb_blog.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/20/@100/seo_sb_blog.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/20/@200/seo_sb_blog.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/20/@500/seo_sb_blog.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/20/@768/seo_sb_blog.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/20/@1024/seo_sb_blog.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/20/@1366/seo_sb_blog.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/20/@1600/seo_sb_blog.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/20/@1920/seo_sb_blog.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/20/@100/seo_sb_blog.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/20/@200/seo_sb_blog.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/20/@500/seo_sb_blog.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/20/@768/seo_sb_blog.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/20/@1024/seo_sb_blog.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/20/@1366/seo_sb_blog.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/20/@1600/seo_sb_blog.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/20/@1920/seo_sb_blog.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/20/@100/seo_sb_blog.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/20/@200/seo_sb_blog.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/20/@500/seo_sb_blog.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/20/@768/seo_sb_blog.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/20/@1024/seo_sb_blog.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/20/@1366/seo_sb_blog.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/20/@1600/seo_sb_blog.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/20/@1920/seo_sb_blog.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Astrid Nymoen"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"July 4th, 2020"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","textContent":"Data is often a great resource to find something that gives the customer added value, and even to find stories about your brand. You can also get a better understanding of the way your company performs, giving new directions for the company. This is all good. This you already know."},{"kind":"block","type":"paragraph","textContent":"But displaying the data as is, will often prove meaningless to those who have not taken their time to sit down and really dig through it. And sometimes you don’t know what the data tells you. Visualising data interprets the data into something easier to understand, and which the brain can interpret way faster. Done right, that is."}],"plainText":["Data is often a great resource to find something that gives the customer added value, and even to find stories about your brand. You can also get a better understanding of the way your company performs, giving new directions for the company. This is all good. This you already know.","But displaying the data as is, will often prove meaningless to those who have not taken their time to sit down and really dig through it. And sometimes you don’t know what the data tells you. Visualising data interprets the data into something easier to understand, and which the brain can interpret way faster. Done right, that is."]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":null,"body":{"json":[{"kind":"block","type":"paragraph","textContent":"I am an Art Director and a UI/UX Designer who has been visualising data in the context of newsrooms for some years now. My take on data visualisation has for the most part been in the context of telling a story. But lately, as I started working for Snowball I’ve also done visualisation of data connected to sales reporting and even a control panel."},{"kind":"block","type":"paragraph","textContent":"I love thinking in terms of storytelling also when I’m creating products because I think it adds a different dimension to how we create and build products. It gives direction to what we create. I will not go deeper into that now, but I wanted to explain my continuous use of the term story."},{"kind":"block","type":"paragraph","textContent":"I’ve rounded up five points I’ve found useful when exploring data to be visualized."}]},"videos":null,"images":null},{"title":{"text":"1. Exploring and structuring your data"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Alright, so you’ve got your data. Where do you start? First things first: Figure out if you can get usable value from your data. In journalistic terms, you are searching for a story. Visualising data can be a fantastic tool to explore the data and get a greater understanding of it yourself. Sometimes you don’t know if your data has value to communicate. But if you try to visualise it in several different ways, the use of it might become clearer. Trends will become more evident. Or you might find that it is just a dead end."},{"kind":"block","type":"paragraph","textContent":"Here are some ways to structuring your data:"},{"kind":"block","type":"unordered-list","children":[{"kind":"block","type":"list-item","textContent":"Geolocation"},{"kind":"block","type":"list-item","textContent":"Alphabetically"},{"kind":"block","type":"list-item","textContent":"Chronologically"},{"kind":"block","type":"list-item","textContent":"Value"},{"kind":"block","type":"list-item","textContent":"Clusters"}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"You can try putting your data in a visualisation tool. Just try the different graphs, and see what you can find. "},{"kind":"inline","type":"link","metadata":{"href":"https://www.visualisingdata.com/resources/"},"textContent":"Here is an overview of a set of different tools to visualise data"},{"kind":"inline","textContent":"."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"link","metadata":{"href":" https://flourish.studio/"},"textContent":"This one is the latest one I’ve been into"},{"kind":"inline","textContent":"."}]}]},"videos":null,"images":null},{"title":{"text":"2. Find what is best for your user"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Maybe you found a lot in your data. Then it is time to narrow it down. Imagine you are telling a story through your data. Figure out the story. All you add should take the user in the direction of the storyline. Pinpoint what is important for the product, what is less important and what is not necessary at all. Don’t add as much as possible just because it could be interesting for a handful of people. It can easily become too crowded. Add too much and it will be difficult to navigate. "}]},"videos":null,"images":null},{"title":{"text":"3. Context and mode"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"What mode will the user be in as they are presented with the data? Or what mode do you want to put them in? Will they be in a “Quick mode” where they need to extract meaning as quickly as possible? Or will it be “Explore mode” where the variety of data is interesting and the user should be able to dig deep? Maybe you want to put them in a “Guide me mode” where the complexity of data can be somewhat hidden and somewhat portrayed as you guide your users through the data. Understanding your users’ mode will help you understand the complexity of data your user will be open for."}]},"videos":null,"images":null},{"title":{"text":"4. Enhance the story"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Enhance the data your story needs, the data your user needs. "},{"kind":"block","type":"paragraph","textContent":"To make sense in a world of many impressions, we as humans use gestalt principles to categorise what we see. There are five of them. I will mention two to make use of when you are visualising data:"},{"kind":"block","type":"unordered-list","children":[{"kind":"block","type":"list-item","textContent":"Proximity"},{"kind":"block","type":"list-item","textContent":"Similarity"}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/27/image-000.jpg","altText":null,"width":1600,"height":869,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/27/@100/image-000.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/27/@200/image-000.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/27/@500/image-000.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/27/@768/image-000.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/27/@1024/image-000.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/27/@1366/image-000.jpeg","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/27/@1600/image-000.jpeg","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/27/@100/image-000.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/27/@200/image-000.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/27/@500/image-000.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/27/@768/image-000.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/27/@1024/image-000.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/27/@1366/image-000.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/27/@1600/image-000.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/27/@100/image-000.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/27/@200/image-000.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/27/@500/image-000.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/27/@768/image-000.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/27/@1024/image-000.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/27/@1366/image-000.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/27/@1600/image-000.avif","width":1600}]}]},{"title":null,"body":{"json":[{"kind":"block","type":"paragraph","textContent":"To visually group items you could put the items close together (proximity) or you can make them look similar. By using similarity and dissimilarity there is a set of concrete visualisation techniques to enhance what you need in your graph. It will guide your users to where you want them to look. (Actually these techniques work for any type of visualisation data or not. Useful, right?)."},{"kind":"block","type":"unordered-list","children":[{"kind":"block","type":"list-item","textContent":"Size"},{"kind":"block","type":"list-item","textContent":"Enclosure"},{"kind":"block","type":"list-item","textContent":"Rotation/orientation"},{"kind":"block","type":"list-item","textContent":"Stroke size"},{"kind":"block","type":"list-item","textContent":"Position"},{"kind":"block","type":"list-item","textContent":"Line Height"},{"kind":"block","type":"list-item","textContent":"Added markers"},{"kind":"block","type":"list-item","textContent":"Shape"},{"kind":"block","type":"list-item","textContent":"Colour"},{"kind":"block","type":"list-item","textContent":"Intensity of color"}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/28/image-001.jpg","altText":null,"width":1600,"height":869,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/28/@100/image-001.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/28/@200/image-001.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/28/@500/image-001.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/28/@768/image-001.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/28/@1024/image-001.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/28/@1366/image-001.jpeg","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/28/@1600/image-001.jpeg","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/28/@100/image-001.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/28/@200/image-001.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/28/@500/image-001.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/28/@768/image-001.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/28/@1024/image-001.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/28/@1366/image-001.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/28/@1600/image-001.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/28/@100/image-001.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/28/@200/image-001.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/28/@500/image-001.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/28/@768/image-001.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/28/@1024/image-001.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/28/@1366/image-001.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/28/@1600/image-001.avif","width":1600}]},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/29/image-002.jpg","altText":null,"width":1600,"height":869,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/29/@100/image-002.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/29/@200/image-002.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/29/@500/image-002.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/29/@768/image-002.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/29/@1024/image-002.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/29/@1366/image-002.jpeg","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/29/@1600/image-002.jpeg","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/29/@100/image-002.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/29/@200/image-002.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/29/@500/image-002.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/29/@768/image-002.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/29/@1024/image-002.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/29/@1366/image-002.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/29/@1600/image-002.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/29/@100/image-002.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/29/@200/image-002.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/29/@500/image-002.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/29/@768/image-002.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/29/@1024/image-002.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/29/@1366/image-002.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/29/@1600/image-002.avif","width":1600}]},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/28/image-003.jpg","altText":null,"width":1600,"height":869,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/28/@100/image-003.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/28/@200/image-003.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/28/@500/image-003.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/28/@768/image-003.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/28/@1024/image-003.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/28/@1366/image-003.jpeg","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/28/@1600/image-003.jpeg","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/28/@100/image-003.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/28/@200/image-003.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/28/@500/image-003.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/28/@768/image-003.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/28/@1024/image-003.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/28/@1366/image-003.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/28/@1600/image-003.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/28/@100/image-003.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/28/@200/image-003.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/28/@500/image-003.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/28/@768/image-003.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/28/@1024/image-003.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/28/@1366/image-003.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/28/@1600/image-003.avif","width":1600}]},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/29/image-004.jpg","altText":null,"width":1600,"height":869,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/29/@100/image-004.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/29/@200/image-004.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/29/@500/image-004.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/29/@768/image-004.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/29/@1024/image-004.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/29/@1366/image-004.jpeg","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/29/@1600/image-004.jpeg","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/29/@100/image-004.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/29/@200/image-004.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/29/@500/image-004.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/29/@768/image-004.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/29/@1024/image-004.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/29/@1366/image-004.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/29/@1600/image-004.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/29/@100/image-004.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/29/@200/image-004.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/29/@500/image-004.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/29/@768/image-004.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/29/@1024/image-004.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/29/@1366/image-004.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/29/@1600/image-004.avif","width":1600}]},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/30/image-005.jpg","altText":null,"width":1600,"height":869,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/30/@100/image-005.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/30/@200/image-005.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/30/@500/image-005.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/30/@768/image-005.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/30/@1024/image-005.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/30/@1366/image-005.jpeg","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/30/@1600/image-005.jpeg","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/30/@100/image-005.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/30/@200/image-005.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/30/@500/image-005.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/30/@768/image-005.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/30/@1024/image-005.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/30/@1366/image-005.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/30/@1600/image-005.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/30/@100/image-005.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/30/@200/image-005.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/30/@500/image-005.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/30/@768/image-005.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/30/@1024/image-005.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/30/@1366/image-005.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/30/@1600/image-005.avif","width":1600}]}]},{"title":null,"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Use these tools well. Do not over do it. For example, by adding too much color to distinguish everything from each other you will easily create chaos instead of clarity. If you seek to enhance everything - nothing will be enhanced. And it will be difficult for the viewer to know how to engage and understand."}]},"videos":null,"images":null},{"title":{"text":"5. The value of visual appeal"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"As the last point I would like to stress this: Do not to forget the visual appeal. Nice design gets attention. It is easier to engage in, it’s easier to sell. As put in a great book which greatly inspired this text: \"Design is to data as cheese sauce is to broccoli.\" "},{"kind":"inline","type":"emphasized","textContent":"- Lankow, J., Ritchie, J., Crooks, R. Infographics: the power of visual storytelling."}]}]},"videos":null,"images":null}]}}]},{"topics":[{"name":"Branding"},{"name":"Product Design"}],"name":"Handwriting Effect Animation Tutorial Part II","path":"/assets/blog/handwriting-effect-animation-tutorial-part-ii","id":"675fc44ec7d4476784130c55","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"Handwriting Effect Animation Tutorial Part II"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/21/adobe_illustrator_sb_blog.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/21/@100/adobe_illustrator_sb_blog.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/21/@200/adobe_illustrator_sb_blog.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/21/@500/adobe_illustrator_sb_blog.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/21/@768/adobe_illustrator_sb_blog.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/21/@1024/adobe_illustrator_sb_blog.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/21/@1366/adobe_illustrator_sb_blog.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/21/@1600/adobe_illustrator_sb_blog.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/21/@1920/adobe_illustrator_sb_blog.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/21/@100/adobe_illustrator_sb_blog.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/21/@200/adobe_illustrator_sb_blog.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/21/@500/adobe_illustrator_sb_blog.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/21/@768/adobe_illustrator_sb_blog.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/21/@1024/adobe_illustrator_sb_blog.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/21/@1366/adobe_illustrator_sb_blog.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/21/@1600/adobe_illustrator_sb_blog.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/21/@1920/adobe_illustrator_sb_blog.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/21/@100/adobe_illustrator_sb_blog.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/21/@200/adobe_illustrator_sb_blog.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/21/@500/adobe_illustrator_sb_blog.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/21/@768/adobe_illustrator_sb_blog.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/21/@1024/adobe_illustrator_sb_blog.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/21/@1366/adobe_illustrator_sb_blog.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/21/@1600/adobe_illustrator_sb_blog.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/21/@1920/adobe_illustrator_sb_blog.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Alberto Ferraris"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"April 6th, 2020"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Welcome to the second part of the \""},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/handwriting-effect-animation-tutorial-part-i"},"children":[{"kind":"inline","type":"strong","textContent":"Complex Handwriting Effect Animation"}]},{"kind":"inline","textContent":"\" tutorial!"}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Let's continue with our "},{"kind":"inline","type":"strong","textContent":"logo reveal"},{"kind":"inline","textContent":"."}]}],"plainText":["Welcome to the second part of the \"Complex Handwriting Effect Animation\" tutorial!","Let's continue with our logo reveal."]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":null,"body":{"json":[{"kind":"block","type":"paragraph","textContent":"To simplify our work, we can click on the eye icon on the left of our layer bar to hide the layers that we will work on later."},{"kind":"block","type":"paragraph","textContent":"Now we have to select the first layer of our logo, then the \"Pen\" tool on the top bar. Let's draw a path on the vector image that will be the mask of the layer."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/31/11.png","altText":null,"width":1920,"height":1187,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/31/@100/11.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/31/@200/11.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/31/@500/11.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/31/@768/11.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/31/@1024/11.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/31/@1366/11.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/31/@1600/11.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/31/@1920/11.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/31/@100/11.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/31/@200/11.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/31/@500/11.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/31/@768/11.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/31/@1024/11.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/31/@1366/11.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/31/@1600/11.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/31/@1920/11.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/31/@100/11.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/31/@200/11.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/31/@500/11.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/31/@768/11.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/31/@1024/11.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/31/@1366/11.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/31/@1600/11.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/31/@1920/11.avif","width":1920}]}]},{"title":null,"body":{"json":[{"kind":"block","type":"paragraph","textContent":"After that, look at the \"Effects & Presets\" box, usually found on the right of the screen. Search and select the effect \"Stroke\" and drag it to our layer. Alternatively, we can create the stroke by clicking the right mouse button on the layer and then: \"Effect > Generate > Stroke\"."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/32/12.png","altText":null,"width":1920,"height":544,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/32/@100/12.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/32/@200/12.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/32/@500/12.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/32/@768/12.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/32/@1024/12.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/32/@1366/12.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/32/@1600/12.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/32/@1920/12.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/32/@100/12.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/32/@200/12.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/32/@500/12.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/32/@768/12.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/32/@1024/12.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/32/@1366/12.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/32/@1600/12.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/32/@1920/12.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/32/@100/12.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/32/@200/12.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/32/@500/12.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/32/@768/12.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/32/@1024/12.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/32/@1366/12.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/32/@1600/12.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/32/@1920/12.avif","width":1920}]}]},{"title":null,"body":{"json":[{"kind":"block","type":"paragraph","textContent":"We can see a little stroke on the path of our mask. If we open the layer, clicking on the little arrow \">\", we can see the sections: \"Masks\", \"Effects\", \"Transform\". Let's open \"Effects > Stroke\" and for better visualisation, we can change the colour. Then it is important to set a \"Brush Size\" that covers the whole vector, and choose the \"Brush Hardness\"."},{"kind":"block","type":"paragraph","textContent":"Last but not least, from the \"Paint Style\" list, select the voice: \"Reveal Original Image\"."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/33/13.png","altText":null,"width":1920,"height":3087,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/33/@100/13.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/33/@200/13.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/33/@500/13.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/33/@768/13.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/33/@1024/13.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/33/@1366/13.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/33/@1600/13.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/33/@1920/13.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/33/@100/13.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/33/@200/13.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/33/@500/13.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/33/@768/13.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/33/@1024/13.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/33/@1366/13.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/33/@1600/13.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/33/@1920/13.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/33/@100/13.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/33/@200/13.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/33/@500/13.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/33/@768/13.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/33/@1024/13.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/33/@1366/13.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/33/@1600/13.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/33/@1920/13.avif","width":1920}]}]},{"title":null,"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Now it is important to animate the stroke we have created."},{"kind":"block","type":"paragraph","textContent":"Inside the \"Effects > Stroke\", go to the voice \"End\". Set the value \"0\" and press the clock icon on the left. In this way, we have created the first \"Keyframe\", visible in the timeline as a little rhombus in the position of the cursor."},{"kind":"block","type":"paragraph","textContent":"Let's move the cursor some frames to the right and set the value: \"100\". If we drag the cursor from the beginning and press the space bar, we will see the animation preview."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/34/14.png","altText":null,"width":1920,"height":2048,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/34/@100/14.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/34/@200/14.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/34/@500/14.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/34/@768/14.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/34/@1024/14.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/34/@1366/14.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/34/@1600/14.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/34/@1920/14.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/34/@100/14.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/34/@200/14.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/34/@500/14.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/34/@768/14.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/34/@1024/14.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/34/@1366/14.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/34/@1600/14.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/34/@1920/14.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/34/@100/14.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/34/@200/14.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/34/@500/14.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/34/@768/14.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/34/@1024/14.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/34/@1366/14.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/34/@1600/14.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/34/@1920/14.avif","width":1920}]}]},{"title":null,"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Manage the keyframes' distance in function with the velocity we want to give to the animation. Notice that the movement will be a bit rigid."},{"kind":"block","type":"paragraph","textContent":"To improve this aspect, click with the right mouse button on one of our keyframes and select: \"Keyframe Assistance > Easy Ease\". Now the movement will be smoother and more fluid."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/35/15.png","altText":null,"width":1920,"height":1010,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/35/@100/15.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/35/@200/15.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/35/@500/15.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/35/@768/15.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/35/@1024/15.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/35/@1366/15.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/35/@1600/15.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/35/@1920/15.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/35/@100/15.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/35/@200/15.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/35/@500/15.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/35/@768/15.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/35/@1024/15.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/35/@1366/15.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/35/@1600/15.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/35/@1920/15.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/35/@100/15.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/35/@200/15.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/35/@500/15.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/35/@768/15.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/35/@1024/15.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/35/@1366/15.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/35/@1600/15.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/35/@1920/15.avif","width":1920}]}]},{"title":null,"body":{"json":[{"kind":"block","type":"paragraph","textContent":"We can also customize the fluidity of the \"Easy Ease\" by opening the appropriate area, selecting the keyframes and by clicking on the icon marked with the red square below."},{"kind":"block","type":"paragraph","textContent":"By clicking once more on the keyframes in the graph, it is possible to change the inclination of the curve with the appropriate knobs."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/36/16.png","altText":null,"width":1920,"height":1492,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/36/@100/16.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/36/@200/16.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/36/@500/16.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/36/@768/16.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/36/@1024/16.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/36/@1366/16.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/36/@1600/16.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/36/@1920/16.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/36/@100/16.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/36/@200/16.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/36/@500/16.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/36/@768/16.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/36/@1024/16.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/36/@1366/16.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/36/@1600/16.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/36/@1920/16.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/36/@100/16.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/36/@200/16.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/36/@500/16.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/36/@768/16.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/36/@1024/16.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/36/@1366/16.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/36/@1600/16.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/36/@1920/16.avif","width":1920}]}]},{"title":null,"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Now we know how to reveal our graphics. Let's continue with the rest of the elements of our logo."},{"kind":"block","type":"paragraph","textContent":"It is essential to analyse the direction of our handwriting effect and proceed with all the steps (in the screenshots, we will see only the starting path(. "},{"kind":"block","type":"paragraph","textContent":"It is useful to find a good strategy to create a fluid sequence of movements, with reference to our logo. We can create the keyframes from the second \"0\" of every layer, then drag each layer to the right. On the other hand, we can directly create keyframes sequentially."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/37/17.png","altText":null,"width":1920,"height":5650,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/37/@100/17.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/37/@200/17.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/37/@500/17.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/37/@768/17.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/37/@1024/17.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/37/@1366/17.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/37/@1600/17.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/37/@1920/17.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/37/@100/17.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/37/@200/17.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/37/@500/17.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/37/@768/17.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/37/@1024/17.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/37/@1366/17.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/37/@1600/17.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/37/@1920/17.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/37/@100/17.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/37/@200/17.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/37/@500/17.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/37/@768/17.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/37/@1024/17.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/37/@1366/17.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/37/@1600/17.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/37/@1920/17.avif","width":1920}]}]},{"title":null,"body":{"json":[{"kind":"block","type":"paragraph","textContent":"When we have finished with all the characters, the circle and the little text: \"est. 1955\" will be missing."},{"kind":"block","type":"paragraph","textContent":"To create the circle, it is important to cover the two segments with the same mask, so it will be easier to give a good \"Easy Ease\"."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/38/18.png","altText":null,"width":1920,"height":1009,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/38/@100/18.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/38/@200/18.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/38/@500/18.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/38/@768/18.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/38/@1024/18.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/38/@1366/18.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/38/@1600/18.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/38/@1920/18.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/38/@100/18.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/38/@200/18.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/38/@500/18.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/38/@768/18.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/38/@1024/18.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/38/@1366/18.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/38/@1600/18.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/38/@1920/18.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/38/@100/18.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/38/@200/18.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/38/@500/18.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/38/@768/18.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/38/@1024/18.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/38/@1366/18.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/38/@1600/18.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/38/@1920/18.avif","width":1920}]}]},{"title":null,"body":{"json":[{"kind":"block","type":"paragraph","textContent":"For the \"est. 1955\" layer, the work is easier. We only need the graphics to appear, so let's play with the opacity under the voice \"Transform\" of the layer. Set the value \"0\" at the first frame and \"100\" at the last one (finding the good timing with the circle reveal)."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/39/19.png","altText":null,"width":1920,"height":1430,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/39/@100/19.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/39/@200/19.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/39/@500/19.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/39/@768/19.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/39/@1024/19.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/39/@1366/19.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/39/@1600/19.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/39/@1920/19.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/39/@100/19.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/39/@200/19.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/39/@500/19.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/39/@768/19.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/39/@1024/19.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/39/@1366/19.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/39/@1600/19.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/39/@1920/19.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/39/@100/19.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/39/@200/19.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/39/@500/19.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/39/@768/19.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/39/@1024/19.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/39/@1366/19.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/39/@1600/19.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/39/@1920/19.avif","width":1920}]}]},{"title":null,"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Let's manage all the keyframes with good timing, moving these or the layer bars in the timeline. If we select a layer in the timeline, we can opt to cut it in position with the cursor using: \"Shift + Command + D\" (for Mac) or \"Shift + Ctrl + D\" (for Windows). We should obtain a visual diagonal of keyframe points like in the second image below."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/40/20.png","altText":null,"width":1920,"height":2048,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/40/@100/20.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/40/@200/20.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/40/@500/20.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/40/@768/20.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/40/@1024/20.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/40/@1366/20.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/40/@1600/20.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/40/@1920/20.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/40/@100/20.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/40/@200/20.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/40/@500/20.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/40/@768/20.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/40/@1024/20.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/40/@1366/20.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/40/@1600/20.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/40/@1920/20.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/40/@100/20.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/40/@200/20.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/40/@500/20.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/40/@768/20.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/40/@1024/20.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/40/@1366/20.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/40/@1600/20.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/40/@1920/20.avif","width":1920}]}]},{"title":null,"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Now we can take the original composition (I renamed it \"Timing\") to easily manage the timing. For example, we can stretch the layer time by right-clicking on the layer, then going to \"Time > Time Stretch\" and choosing the right value for a better look at the project. "},{"kind":"block","type":"paragraph","textContent":"We can also choose the rendering time range, moving the bar next to the seconds on the timeline. Or directly editing the composition time going to the top bar: \"Composition > Composition Setting > Duration\"."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/41/21.png","altText":null,"width":1920,"height":1760,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/41/@100/21.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/41/@200/21.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/41/@500/21.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/41/@768/21.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/41/@1024/21.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/41/@1366/21.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/41/@1600/21.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/41/@1920/21.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/41/@100/21.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/41/@200/21.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/41/@500/21.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/41/@768/21.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/41/@1024/21.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/41/@1366/21.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/41/@1600/21.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/41/@1920/21.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/41/@100/21.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/41/@200/21.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/41/@500/21.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/41/@768/21.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/41/@1024/21.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/41/@1366/21.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/41/@1600/21.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/41/@1920/21.avif","width":1920}]}]},{"title":null,"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Finally, we can export our animation going to: \"File > Export > Add to Adobe Media Encoder Queue\". If we do not have Adobe Media Encoder we can do it by \"File > Export > Add to Render Queue\". "},{"kind":"block","type":"paragraph","textContent":"P.S. The Render Queue inside After Effects does not have the option to be exported as an H.264 (MP4 format). So, if we do not hove Adobe Media Encoder, we can render the animation as a MOV file (a non-compressed file) and later use another video editing software to convert it."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/42/22.png","altText":null,"width":1920,"height":1200,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/42/@100/22.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/42/@200/22.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/42/@500/22.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/42/@768/22.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/42/@1024/22.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/42/@1366/22.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/42/@1600/22.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/42/@1920/22.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/42/@100/22.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/42/@200/22.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/42/@500/22.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/42/@768/22.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/42/@1024/22.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/42/@1366/22.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/42/@1600/22.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/42/@1920/22.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/42/@100/22.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/42/@200/22.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/42/@500/22.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/42/@768/22.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/42/@1024/22.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/42/@1366/22.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/42/@1600/22.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/42/@1920/22.avif","width":1920}]}]},{"title":{"text":"This is our final result!"},"body":null,"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/43/23.gif","altText":null,"width":1920,"height":1080,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/43/@100/23.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/43/@200/23.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/43/@500/23.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/43/@768/23.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/43/@1024/23.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/43/@1366/23.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/43/@1600/23.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/43/@1920/23.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/43/@100/23.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/43/@200/23.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/43/@500/23.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/43/@768/23.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/43/@1024/23.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/43/@1366/23.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/43/@1600/23.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/43/@1920/23.avif","width":1920}]}]},{"title":{"text":"Good job!"},"body":null,"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/44/24.gif","altText":null,"width":1920,"height":530,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/44/@100/24.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/44/@200/24.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/44/@500/24.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/44/@768/24.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/44/@1024/24.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/44/@1366/24.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/44/@1600/24.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/44/@1920/24.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/44/@100/24.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/44/@200/24.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/44/@500/24.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/44/@768/24.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/44/@1024/24.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/44/@1366/24.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/44/@1600/24.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/44/@1920/24.avif","width":1920}]}]}]}}]},{"topics":[{"name":"Marketing"}],"name":"How to measure digital marketing success?","path":"/assets/blog/how-to-measure-digital-marketing-success","id":"675fc5c2d9ed36a574f91c4f","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"How to Measure Digital Marketing Success?"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/24/marketing_sb_blog.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/24/@100/marketing_sb_blog.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/24/@200/marketing_sb_blog.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/24/@500/marketing_sb_blog.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/24/@768/marketing_sb_blog.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/24/@1024/marketing_sb_blog.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/24/@1366/marketing_sb_blog.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/24/@1600/marketing_sb_blog.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/24/@1920/marketing_sb_blog.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/24/@100/marketing_sb_blog.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/24/@200/marketing_sb_blog.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/24/@500/marketing_sb_blog.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/24/@768/marketing_sb_blog.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/24/@1024/marketing_sb_blog.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/24/@1366/marketing_sb_blog.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/24/@1600/marketing_sb_blog.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/24/@1920/marketing_sb_blog.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/24/@100/marketing_sb_blog.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/24/@200/marketing_sb_blog.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/24/@500/marketing_sb_blog.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/24/@768/marketing_sb_blog.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/24/@1024/marketing_sb_blog.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/24/@1366/marketing_sb_blog.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/24/@1600/marketing_sb_blog.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/24/@1920/marketing_sb_blog.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Ingrid Nes"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"April 20th, 2020"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","textContent":"We are creating more content than ever. Social media accounts - usually several - have become a must-have for most businesses. Email campaigns, video campaigns, display campaigns, and search campaigns are bread and butter for digital marketers today, but how are all these different efforts contributing to your bottom line? Ideally, you should know how each one of these matters to your business. If you don’t, it is probably time to review your efforts."}],"plainText":["We are creating more content than ever. Social media accounts - usually several - have become a must-have for most businesses. Email campaigns, video campaigns, display campaigns, and search campaigns are bread and butter for digital marketers today, but how are all these different efforts contributing to your bottom line? Ideally, you should know how each one of these matters to your business. If you don’t, it is probably time to review your efforts."]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":{"text":"Can we measure the success of all marketing efforts? "},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"“Half the money I spend on advertising is wasted; the trouble is I don't know which half.”"},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"This is a famous quote credited to John Wanamaker, a successful US merchant in the 1800’s. The world has changed a lot since then, but the sentiment is still true for many businesses today. For many, gut feeling is "},{"kind":"inline","type":"emphasized","textContent":"still"},{"kind":"inline","textContent":" the most used determinator when evaluating the success of marketing efforts. "}]},{"kind":"block","type":"paragraph","textContent":"With traditional analogue marketing measuring success was hard, but with the birth of digital marketing came an increased ability to measure the results yielded by our efforts. "},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"First, let's be clear about what we define as digital marketing. According to "},{"kind":"inline","type":"link","metadata":{"href":"http://www.businessdictionary.com/definition/digital-marketing.html"},"textContent":"BusinessDictionary"},{"kind":"inline","textContent":" digital marketing is “The promotion of products or brands via one or more forms of electronic media.” By that definition, digital marketing is the only type of marketing many of us do; which should enable us to measure the effectiveness of all our marketing efforts."}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/45/measure-digital-marketing.jpg","altText":null,"width":2416,"height":1438,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/45/@100/measure-digital-marketing.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/45/@200/measure-digital-marketing.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/45/@500/measure-digital-marketing.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/45/@768/measure-digital-marketing.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/45/@1024/measure-digital-marketing.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/45/@1366/measure-digital-marketing.jpeg","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/45/@1600/measure-digital-marketing.jpeg","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/45/@1920/measure-digital-marketing.jpeg","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/45/@100/measure-digital-marketing.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/45/@200/measure-digital-marketing.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/45/@500/measure-digital-marketing.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/45/@768/measure-digital-marketing.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/45/@1024/measure-digital-marketing.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/45/@1366/measure-digital-marketing.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/45/@1600/measure-digital-marketing.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/45/@1920/measure-digital-marketing.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/45/@100/measure-digital-marketing.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/45/@200/measure-digital-marketing.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/45/@500/measure-digital-marketing.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/45/@768/measure-digital-marketing.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/45/@1024/measure-digital-marketing.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/45/@1366/measure-digital-marketing.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/45/@1600/measure-digital-marketing.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/45/@1920/measure-digital-marketing.avif","width":1920}]}]},{"title":{"text":"What are digital marketing success factors?"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"When you are doing a marketing campaign, how do you define if it is successful or not? That is something you should define before you start any type of marketing activity, regardless of the type of placement. The easy thing to do would be to define your overall business goal as the goal of any activity you do, i.e. purchase or sign-up. Of course, that is the end goal, but also know that not all marketing activities can be directly measured against that success factor."},{"kind":"block","type":"paragraph","textContent":"Success factors within digital marketing are often defined within two categories: micro outcomes and macro outcomes. Macro outcomes are closely related to revenue generation for your business, it can be purchases, subscriptions or leads generated; these are often referred to as hard conversions. Micro outcomes, on the other hand, are clear signs of interest or intent by the user but not revenue-generating actions, i.e. comments, file downloads, newsletter subscriptions, page visits; these are often referred to as soft conversions. "},{"kind":"block","type":"paragraph","textContent":"What success factors you should use when measuring the success of your digital marketing efforts depends on the context of the campaign."}]},"videos":null,"images":null},{"title":{"text":"Linking the success of your digital marketing to your customer journey"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Working with or studying marketing you have most likely encountered one or more purchase-funnel models. Whether you are familiar with AIDA or any other model, the basics are the same: A lot of people might enter at the top level, but most of them will not go through the entire funnel. To have a continuous flow of people purchasing from you, you need to keep adding more people to that funnel and do your best to move them down the funnel towards the end goal."},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"If you are familiar with the topic of "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/how-to-create-a-customer-journey-map"},"textContent":"customer journeys"},{"kind":"inline","textContent":", you also know that most users will have multiple interactions with your brand before deciding to commit to a purchase or a sign-up. As the digital marketplace has grown increasingly complex, and tracking has gotten more restricted, it is close to impossible to tie the first contact between a user and your brand to the eventual purchase. Since that move down the funnel most often happens over several brand interactions, and often on different devices; defining desired micro outcomes throughout the funnel will be a key factor when measuring the success of any digital marketing effort."}]}]},"videos":null,"images":null},{"title":{"text":"How to successfully work data-driven with digital marketing?"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Most digital marketers today are trying to work with a data-driven approach when optimizing their marketing efforts, and that is a good thing. However, if you work data-driven only based on macro outcomes, any lower-funnel activities will come across as very well-performing, while the upper-funnel efforts will most likely be viewed as failing. Based on that insight the upper-funnel activities should be stopped while the lower-funnel ones should be increased. "},{"kind":"block","type":"paragraph","textContent":"If you have yet to harvest all your lower-funnel potential that strategy would work, at least short term, but for most, it would probably result in decreased total revenue. As you are no longer adding new users to your purchase funnel, your supply of new customers will suffer. "},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"This is where "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/how-to-create-a-customer-journey-map"},"textContent":"customer journeys"},{"kind":"inline","textContent":", desired outcomes, and planning come together with three steps:"}]},{"kind":"block","type":"unordered-list","children":[{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"strong","textContent":"First, define your customer journey:"},{"kind":"inline","type":"line-break"},{"kind":"inline","textContent":"Use a model like Avinash’s "},{"kind":"inline","type":"link","metadata":{"href":"https://www.kaushik.net/avinash/see-think-do-care-win-content-marketing-measurement/"},"textContent":"See-Think-Do-Care"},{"kind":"inline","textContent":" and create the customer journey as it looks for your business."}]},{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"strong","textContent":"Second, define desired outcomes in each phase of your journey:"},{"kind":"inline","type":"line-break"},{"kind":"inline","textContent":"Think of outcomes that you can measure like newsletter subscribers, organic visits to your site, engagement on content, and be realistic when thinking about what you can expect your customers to in each phase."}]},{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"strong","textContent":"Third, place each digital marketing effort in a phase and tie it to the desired outcome:"},{"kind":"inline","type":"line-break"},{"kind":"inline","textContent":"Keep in mind that the same channel and mechanisms can be used to target users at different stages in the customer journey. In that case, it would be good to separate these activities into different phases of the customer journey with different desired outcomes. "}]}]},{"kind":"block","type":"paragraph","textContent":"If you follow these steps and make sure that any new effort you plan goes through the process in step 3, you are well on your way to working data-driven throughout your customer journey. The only thing left to do is to use the right desired outcome when optimizing your digital marketing efforts."}]},"videos":null,"images":null}]}}]},{"topics":[{"name":"Product Design"}],"name":"Handwriting Effect Animation Tutorial Part I","path":"/assets/blog/handwriting-effect-animation-tutorial-part-i","id":"675fc66ced4383af9fa4dd0a","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"Handwriting Effect Animation Tutorial Part I"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/25/adobe_illustrator_sb_blog.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/25/@100/adobe_illustrator_sb_blog.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/25/@200/adobe_illustrator_sb_blog.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/25/@500/adobe_illustrator_sb_blog.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/25/@768/adobe_illustrator_sb_blog.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/25/@1024/adobe_illustrator_sb_blog.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/25/@1366/adobe_illustrator_sb_blog.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/25/@1600/adobe_illustrator_sb_blog.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/25/@1920/adobe_illustrator_sb_blog.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/25/@100/adobe_illustrator_sb_blog.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/25/@200/adobe_illustrator_sb_blog.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/25/@500/adobe_illustrator_sb_blog.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/25/@768/adobe_illustrator_sb_blog.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/25/@1024/adobe_illustrator_sb_blog.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/25/@1366/adobe_illustrator_sb_blog.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/25/@1600/adobe_illustrator_sb_blog.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/25/@1920/adobe_illustrator_sb_blog.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/25/@100/adobe_illustrator_sb_blog.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/25/@200/adobe_illustrator_sb_blog.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/25/@500/adobe_illustrator_sb_blog.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/25/@768/adobe_illustrator_sb_blog.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/25/@1024/adobe_illustrator_sb_blog.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/25/@1366/adobe_illustrator_sb_blog.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/25/@1600/adobe_illustrator_sb_blog.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/25/@1920/adobe_illustrator_sb_blog.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Alberto Ferraris"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"April 6th, 2020"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Welcome to the first part of the \""},{"kind":"inline","type":"strong","textContent":"Complex Handwriting Effect Animation"},{"kind":"inline","textContent":"\" tutorial! On "},{"kind":"inline","type":"link","metadata":{"href":"https://www.youtube.com"},"textContent":"YouTube"},{"kind":"inline","textContent":", you can find many tutorials about this effect. Maybe you've already done some works with not too complex texts or logos. But what to do if the font is so articulated, full of curvatures, details and thickness variations, like this?"}]}],"plainText":["Welcome to the first part of the \"Complex Handwriting Effect Animation\" tutorial! On YouTube, you can find many tutorials about this effect. Maybe you've already done some works with not too complex texts or logos. But what to do if the font is so articulated, full of curvatures, details and thickness variations, like this?"]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":null,"body":null,"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/46/1.gif","altText":null,"width":1920,"height":1080,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/46/@100/1.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/46/@200/1.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/46/@500/1.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/46/@768/1.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/46/@1024/1.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/46/@1366/1.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/46/@1600/1.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/46/@1920/1.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/46/@100/1.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/46/@200/1.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/46/@500/1.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/46/@768/1.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/46/@1024/1.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/46/@1366/1.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/46/@1600/1.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/46/@1920/1.avif","width":1920}]}]},{"title":null,"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"We simply have to work more on the Illustrator file before exporting it to "},{"kind":"inline","type":"link","metadata":{"href":"https://www.adobe.com"},"textContent":"After Effects"},{"kind":"inline","textContent":"."}]},{"kind":"block","type":"paragraph","textContent":"Let's open the file to analyze it!"},{"kind":"block","type":"paragraph","textContent":"Try to imagine the progress of the writing and explain the critical points that we might encounter."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/47/2.png","altText":null,"width":1920,"height":1006,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/47/@100/2.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/47/@200/2.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/47/@500/2.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/47/@768/2.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/47/@1024/2.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/47/@1366/2.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/47/@1600/2.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/47/@1920/2.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/47/@100/2.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/47/@200/2.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/47/@500/2.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/47/@768/2.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/47/@1024/2.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/47/@1366/2.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/47/@1600/2.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/47/@1920/2.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/47/@100/2.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/47/@200/2.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/47/@500/2.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/47/@768/2.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/47/@1024/2.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/47/@1366/2.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/47/@1600/2.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/47/@1920/2.avif","width":1920}]}]},{"title":null,"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Copy the logo and start to work on it. Drag each path of the text and divide it according to the elements that we will animate later."},{"kind":"block","type":"paragraph","textContent":"I recommend cutting the path with the \"Scissors\" tool at the most critical points, where multiple characters intersect or overlap. Then use the \"Pen\" tool to recreate the path. In the example below, we see how we can disassemble and rebuild a bar of the letter \"F\".”"},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"strong","textContent":"More accurate in Illustrator we are, easier our work in After Effects will be!"}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/48/3.png","altText":null,"width":1920,"height":2927,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/48/@100/3.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/48/@200/3.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/48/@500/3.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/48/@768/3.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/48/@1024/3.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/48/@1366/3.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/48/@1600/3.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/48/@1920/3.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/48/@100/3.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/48/@200/3.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/48/@500/3.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/48/@768/3.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/48/@1024/3.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/48/@1366/3.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/48/@1600/3.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/48/@1920/3.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/48/@100/3.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/48/@200/3.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/48/@500/3.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/48/@768/3.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/48/@1024/3.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/48/@1366/3.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/48/@1600/3.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/48/@1920/3.avif","width":1920}]}]},{"title":null,"body":{"json":[{"kind":"block","type":"paragraph","textContent":"We should arrive to a point where all the elements are divided like in the image below."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/49/4.png","altText":null,"width":1920,"height":1006,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/49/@100/4.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/49/@200/4.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/49/@500/4.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/49/@768/4.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/49/@1024/4.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/49/@1366/4.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/49/@1600/4.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/49/@1920/4.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/49/@100/4.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/49/@200/4.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/49/@500/4.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/49/@768/4.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/49/@1024/4.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/49/@1366/4.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/49/@1600/4.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/49/@1920/4.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/49/@100/4.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/49/@200/4.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/49/@500/4.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/49/@768/4.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/49/@1024/4.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/49/@1366/4.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/49/@1600/4.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/49/@1920/4.avif","width":1920}]}]},{"title":null,"body":{"json":[{"kind":"block","type":"paragraph","textContent":"After that, let's reassemble the elements of the logo to their original positions. Then drag each element to a different layer."},{"kind":"block","type":"paragraph","textContent":"In the end, we should have the same amount of layers, as in the image below."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/50/5.png","altText":null,"width":1920,"height":1120,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/50/@100/5.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/50/@200/5.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/50/@500/5.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/50/@768/5.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/50/@1024/5.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/50/@1366/5.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/50/@1600/5.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/50/@1920/5.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/50/@100/5.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/50/@200/5.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/50/@500/5.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/50/@768/5.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/50/@1024/5.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/50/@1366/5.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/50/@1600/5.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/50/@1920/5.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/50/@100/5.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/50/@200/5.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/50/@500/5.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/50/@768/5.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/50/@1024/5.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/50/@1366/5.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/50/@1600/5.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/50/@1920/5.avif","width":1920}]}]},{"title":null,"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Once we have finished our work on Illustrator, we can save the file and import it on After Effects."},{"kind":"block","type":"paragraph","textContent":"Open After Effects and drag the file to the column on the left or go to: \"File > Import > File\" and select it."},{"kind":"block","type":"paragraph","textContent":"After that, you have to choose to import it as a \"Composition\" and press \"OK.\""},{"kind":"block","type":"paragraph","textContent":"Note that on the left, a composition box will appear with the same name as our file and a folder with the vector layers. Drag the composition to the timeline area."},{"kind":"block","type":"paragraph","textContent":"To make the software follow the same Illustrator's vector paths, it is essential to select the icon similar to an asterisk on the bar."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/51/6.png","altText":null,"width":1920,"height":1331,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/51/@100/6.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/51/@200/6.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/51/@500/6.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/51/@768/6.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/51/@1024/6.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/51/@1366/6.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/51/@1600/6.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/51/@1920/6.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/51/@100/6.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/51/@200/6.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/51/@500/6.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/51/@768/6.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/51/@1024/6.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/51/@1366/6.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/51/@1600/6.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/51/@1920/6.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/51/@100/6.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/51/@200/6.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/51/@500/6.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/51/@768/6.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/51/@1024/6.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/51/@1366/6.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/51/@1600/6.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/51/@1920/6.avif","width":1920}]}]},{"title":null,"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Then double click on the composition bar to enter. We can find all the layers we divided on Illustrator."},{"kind":"block","type":"paragraph","textContent":"Let's select all the layers and click on the same asterisk icon."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/52/7.png","altText":null,"width":1920,"height":1543,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/52/@100/7.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/52/@200/7.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/52/@500/7.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/52/@768/7.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/52/@1024/7.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/52/@1366/7.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/52/@1600/7.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/52/@1920/7.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/52/@100/7.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/52/@200/7.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/52/@500/7.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/52/@768/7.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/52/@1024/7.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/52/@1366/7.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/52/@1600/7.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/52/@1920/7.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/52/@100/7.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/52/@200/7.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/52/@500/7.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/52/@768/7.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/52/@1024/7.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/52/@1366/7.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/52/@1600/7.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/52/@1920/7.avif","width":1920}]}]},{"title":null,"body":{"json":[{"kind":"block","type":"paragraph","textContent":"If we need a background, we must go to \"Layer > New > Solid\" choose the color and press \"O” or directly create a square outside a layer selection. Then drag it to the bottom of the list."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/53/8.png","altText":null,"width":1920,"height":1696,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/53/@100/8.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/53/@200/8.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/53/@500/8.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/53/@768/8.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/53/@1024/8.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/53/@1366/8.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/53/@1600/8.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/53/@1920/8.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/53/@100/8.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/53/@200/8.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/53/@500/8.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/53/@768/8.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/53/@1024/8.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/53/@1366/8.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/53/@1600/8.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/53/@1920/8.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/53/@100/8.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/53/@200/8.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/53/@500/8.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/53/@768/8.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/53/@1024/8.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/53/@1366/8.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/53/@1600/8.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/53/@1920/8.avif","width":1920}]}]},{"title":null,"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Finally, to simplify our work it is better to choose a colour for each of the elements for each character, clicking on the coloured box on the layer."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/6c67f717-e927-4009-8b4d-110d92a36a24","altText":null,"width":null,"height":null,"variants":null},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/55/9.png","altText":null,"width":1920,"height":1594,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/55/@100/9.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/55/@200/9.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/55/@500/9.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/55/@768/9.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/55/@1024/9.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/55/@1366/9.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/55/@1600/9.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/55/@1920/9.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/55/@100/9.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/55/@200/9.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/55/@500/9.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/55/@768/9.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/55/@1024/9.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/55/@1366/9.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/55/@1600/9.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/55/@1920/9.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/55/@100/9.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/55/@200/9.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/55/@500/9.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/55/@768/9.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/55/@1024/9.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/55/@1366/9.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/55/@1600/9.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/55/@1920/9.avif","width":1920}]}]},{"title":null,"body":{"json":[{"kind":"block","type":"paragraph","textContent":"In the next part of the tutorial we will start to animate our logo, see you soon!"}]},"videos":null,"images":null}]}}]},{"topics":[{"name":"Product Design"}],"name":"IOT Device Casing Design","path":"/assets/blog/iot-device-casing-design","id":"675fc778b5ccfc2c91b6a00e","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"IOT Device Casing Design"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/26/product_design_sb_blog.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/26/@100/product_design_sb_blog.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/26/@200/product_design_sb_blog.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/26/@500/product_design_sb_blog.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/26/@768/product_design_sb_blog.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/26/@1024/product_design_sb_blog.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/26/@1366/product_design_sb_blog.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/26/@1600/product_design_sb_blog.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/26/@1920/product_design_sb_blog.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/26/@100/product_design_sb_blog.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/26/@200/product_design_sb_blog.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/26/@500/product_design_sb_blog.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/26/@768/product_design_sb_blog.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/26/@1024/product_design_sb_blog.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/26/@1366/product_design_sb_blog.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/26/@1600/product_design_sb_blog.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/26/@1920/product_design_sb_blog.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/26/@100/product_design_sb_blog.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/26/@200/product_design_sb_blog.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/26/@500/product_design_sb_blog.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/26/@768/product_design_sb_blog.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/26/@1024/product_design_sb_blog.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/26/@1366/product_design_sb_blog.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/26/@1600/product_design_sb_blog.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/26/@1920/product_design_sb_blog.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Audun Ask Blaker"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"April 2nd, 2020"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","textContent":"The physical world can be harsh for an electronic device, and it also should be easy to use, place, and interact with. Any product should also represent their brands' styles and values."}],"plainText":["The physical world can be harsh for an electronic device, and it also should be easy to use, place, and interact with. Any product should also represent their brands' styles and values."]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":null,"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Our friends in "},{"kind":"inline","type":"link","metadata":{"href":"http://dimensionfour.io/"},"textContent":"Dimension Four"},{"kind":"inline","textContent":" have designed a performant, compact "},{"kind":"inline","type":"link","metadata":{"href":"https://en.wikipedia.org/wiki/Internet_of_things"},"textContent":"IoT"},{"kind":"inline","textContent":" PCB with a myriad of different sensors and asked if we could help dress it up."}]},{"kind":"block","type":"paragraph","textContent":"The starting point was this battery-run device that needed to be quickly and easily installed into a casing that could be waterproofed when needed but also allow the passing of air for a humidity sensor and pins for water detection."}]},"videos":null,"images":null},{"title":{"text":"Sketches & Quick 3d-modeling"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"We started with some rough sketching to create ideas for the product design, and user experience. At the same time, we started looking into principles for manufacturing and assembly. Design for "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services"},"textContent":"Manufacturing and Assembly"},{"kind":"inline","textContent":" is always on our list when doing development. Simply put, we need to make sure that the effort required for each extra assembly step or is worth the effort."}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/56/d4_datalogger_sketches.png","altText":null,"width":2560,"height":1395,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/56/@100/d4_datalogger_sketches.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/56/@200/d4_datalogger_sketches.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/56/@500/d4_datalogger_sketches.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/56/@768/d4_datalogger_sketches.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/56/@1024/d4_datalogger_sketches.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/56/@1366/d4_datalogger_sketches.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/56/@1600/d4_datalogger_sketches.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/56/@1920/d4_datalogger_sketches.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/56/@100/d4_datalogger_sketches.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/56/@200/d4_datalogger_sketches.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/56/@500/d4_datalogger_sketches.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/56/@768/d4_datalogger_sketches.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/56/@1024/d4_datalogger_sketches.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/56/@1366/d4_datalogger_sketches.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/56/@1600/d4_datalogger_sketches.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/56/@1920/d4_datalogger_sketches.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/56/@100/d4_datalogger_sketches.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/56/@200/d4_datalogger_sketches.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/56/@500/d4_datalogger_sketches.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/56/@768/d4_datalogger_sketches.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/56/@1024/d4_datalogger_sketches.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/56/@1366/d4_datalogger_sketches.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/56/@1600/d4_datalogger_sketches.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/56/@1920/d4_datalogger_sketches.avif","width":1920}]},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/56/d4_datalogger_option2.jpg","altText":null,"width":1248,"height":930,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/56/@100/d4_datalogger_option2.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/56/@200/d4_datalogger_option2.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/56/@500/d4_datalogger_option2.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/56/@768/d4_datalogger_option2.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/56/@1024/d4_datalogger_option2.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/56/@100/d4_datalogger_option2.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/56/@200/d4_datalogger_option2.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/56/@500/d4_datalogger_option2.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/56/@768/d4_datalogger_option2.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/56/@1024/d4_datalogger_option2.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/56/@100/d4_datalogger_option2.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/56/@200/d4_datalogger_option2.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/56/@500/d4_datalogger_option2.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/56/@768/d4_datalogger_option2.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/56/@1024/d4_datalogger_option2.avif","width":1024}]},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/56/d4_datalogger_option1.jpg","altText":null,"width":1398,"height":1049,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/56/@100/d4_datalogger_option1.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/56/@200/d4_datalogger_option1.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/56/@500/d4_datalogger_option1.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/56/@768/d4_datalogger_option1.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/56/@1024/d4_datalogger_option1.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/56/@1366/d4_datalogger_option1.jpeg","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/56/@100/d4_datalogger_option1.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/56/@200/d4_datalogger_option1.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/56/@500/d4_datalogger_option1.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/56/@768/d4_datalogger_option1.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/56/@1024/d4_datalogger_option1.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/56/@1366/d4_datalogger_option1.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/56/@100/d4_datalogger_option1.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/56/@200/d4_datalogger_option1.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/56/@500/d4_datalogger_option1.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/56/@768/d4_datalogger_option1.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/56/@1024/d4_datalogger_option1.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/56/@1366/d4_datalogger_option1.avif","width":1366}]}]},{"title":{"text":"Rapid prototyping"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"During the process we do a lot of rapid prototyping, both digitally and physically. The fastest iterations we print inhouse, so we can do many per day. For protoypes in very exotic materials or high precision, we order them in from one of our suppliers."}]},"videos":null,"images":null},{"title":{"text":"Design & Engineering"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"In this case we designed for efficient production and manufacure of high volumes, and ended up with injection molding as the best alternative. We designed and engineered the parts to be suitable for injection molding, with all required features and geometry. We sourced a suitable supplier and assisted through the entire ordering process until the product was delivered."},{"kind":"block","type":"paragraph","textContent":"Having both design, engineering and other needed resources inhouse, really helped speed the process up."},{"kind":"block","type":"paragraph"}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/57/d4_datalogger_details_1.jpg","altText":null,"width":1920,"height":1080,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/57/@100/d4_datalogger_details_1.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/57/@200/d4_datalogger_details_1.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/57/@500/d4_datalogger_details_1.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/57/@768/d4_datalogger_details_1.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/57/@1024/d4_datalogger_details_1.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/57/@1366/d4_datalogger_details_1.jpeg","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/57/@1600/d4_datalogger_details_1.jpeg","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/57/@1920/d4_datalogger_details_1.jpeg","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/57/@100/d4_datalogger_details_1.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/57/@200/d4_datalogger_details_1.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/57/@500/d4_datalogger_details_1.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/57/@768/d4_datalogger_details_1.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/57/@1024/d4_datalogger_details_1.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/57/@1366/d4_datalogger_details_1.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/57/@1600/d4_datalogger_details_1.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/57/@1920/d4_datalogger_details_1.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/57/@100/d4_datalogger_details_1.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/57/@200/d4_datalogger_details_1.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/57/@500/d4_datalogger_details_1.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/57/@768/d4_datalogger_details_1.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/57/@1024/d4_datalogger_details_1.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/57/@1366/d4_datalogger_details_1.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/57/@1600/d4_datalogger_details_1.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/57/@1920/d4_datalogger_details_1.avif","width":1920}]},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/57/d4_datalogger_bracket.jpg","altText":null,"width":1920,"height":1080,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/57/@100/d4_datalogger_bracket.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/57/@200/d4_datalogger_bracket.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/57/@500/d4_datalogger_bracket.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/57/@768/d4_datalogger_bracket.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/57/@1024/d4_datalogger_bracket.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/57/@1366/d4_datalogger_bracket.jpeg","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/57/@1600/d4_datalogger_bracket.jpeg","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/57/@1920/d4_datalogger_bracket.jpeg","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/57/@100/d4_datalogger_bracket.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/57/@200/d4_datalogger_bracket.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/57/@500/d4_datalogger_bracket.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/57/@768/d4_datalogger_bracket.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/57/@1024/d4_datalogger_bracket.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/57/@1366/d4_datalogger_bracket.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/57/@1600/d4_datalogger_bracket.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/57/@1920/d4_datalogger_bracket.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/57/@100/d4_datalogger_bracket.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/57/@200/d4_datalogger_bracket.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/57/@500/d4_datalogger_bracket.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/57/@768/d4_datalogger_bracket.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/57/@1024/d4_datalogger_bracket.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/57/@1366/d4_datalogger_bracket.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/57/@1600/d4_datalogger_bracket.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/57/@1920/d4_datalogger_bracket.avif","width":1920}]}]},{"title":{"text":"Animations & Illustrations"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Illustrations and animations communicate very efficiently. We utilized both to speed up and help communication with client, suppliers and marketing."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/58/d4_datalogger_exploded_view.jpg","altText":null,"width":1920,"height":1080,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/58/@100/d4_datalogger_exploded_view.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/58/@200/d4_datalogger_exploded_view.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/58/@500/d4_datalogger_exploded_view.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/58/@768/d4_datalogger_exploded_view.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/58/@1024/d4_datalogger_exploded_view.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/58/@1366/d4_datalogger_exploded_view.jpeg","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/58/@1600/d4_datalogger_exploded_view.jpeg","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/58/@1920/d4_datalogger_exploded_view.jpeg","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/58/@100/d4_datalogger_exploded_view.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/58/@200/d4_datalogger_exploded_view.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/58/@500/d4_datalogger_exploded_view.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/58/@768/d4_datalogger_exploded_view.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/58/@1024/d4_datalogger_exploded_view.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/58/@1366/d4_datalogger_exploded_view.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/58/@1600/d4_datalogger_exploded_view.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/58/@1920/d4_datalogger_exploded_view.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/58/@100/d4_datalogger_exploded_view.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/58/@200/d4_datalogger_exploded_view.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/58/@500/d4_datalogger_exploded_view.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/58/@768/d4_datalogger_exploded_view.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/58/@1024/d4_datalogger_exploded_view.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/58/@1366/d4_datalogger_exploded_view.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/58/@1600/d4_datalogger_exploded_view.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/58/@1920/d4_datalogger_exploded_view.avif","width":1920}]}]},{"title":{"text":"Details"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Backside with label, water trap and water detection."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/59/d4_datalogger_backside.jpg","altText":null,"width":1920,"height":1080,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/59/@100/d4_datalogger_backside.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/59/@200/d4_datalogger_backside.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/59/@500/d4_datalogger_backside.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/59/@768/d4_datalogger_backside.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/59/@1024/d4_datalogger_backside.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/59/@1366/d4_datalogger_backside.jpeg","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/59/@1600/d4_datalogger_backside.jpeg","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/59/@1920/d4_datalogger_backside.jpeg","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/59/@100/d4_datalogger_backside.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/59/@200/d4_datalogger_backside.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/59/@500/d4_datalogger_backside.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/59/@768/d4_datalogger_backside.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/59/@1024/d4_datalogger_backside.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/59/@1366/d4_datalogger_backside.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/59/@1600/d4_datalogger_backside.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/59/@1920/d4_datalogger_backside.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/59/@100/d4_datalogger_backside.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/59/@200/d4_datalogger_backside.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/59/@500/d4_datalogger_backside.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/59/@768/d4_datalogger_backside.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/59/@1024/d4_datalogger_backside.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/59/@1366/d4_datalogger_backside.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/59/@1600/d4_datalogger_backside.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/59/@1920/d4_datalogger_backside.avif","width":1920}]}]},{"title":{"text":"Result"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Notice the polished area for the light sensor and the air vent holes that can be sealed with a membrane, to be waterproof but damp open to allow humidity sensing. Using labels instead of embossing into the parts, also made the product more flexible regarding brand changes."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/60/image-011.png","altText":null,"width":1600,"height":900,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/60/@100/image-011.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/60/@200/image-011.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/60/@500/image-011.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/60/@768/image-011.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/60/@1024/image-011.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/60/@1366/image-011.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/60/@1600/image-011.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/60/@100/image-011.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/60/@200/image-011.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/60/@500/image-011.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/60/@768/image-011.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/60/@1024/image-011.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/60/@1366/image-011.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/60/@1600/image-011.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/60/@100/image-011.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/60/@200/image-011.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/60/@500/image-011.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/60/@768/image-011.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/60/@1024/image-011.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/60/@1366/image-011.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/60/@1600/image-011.avif","width":1600}]}]}]}}]},{"topics":[{"name":"Product Design"}],"name":"Introduction to the New Product Design ","path":"/assets/blog/introduction-to-the-new-product-design","id":"675fc859b5ccfc2c91b6a00f","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"Introduction to the New Product Design "}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/27/product_design_sb_blog.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/27/@100/product_design_sb_blog.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/27/@200/product_design_sb_blog.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/27/@500/product_design_sb_blog.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/27/@768/product_design_sb_blog.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/27/@1024/product_design_sb_blog.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/27/@1366/product_design_sb_blog.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/27/@1600/product_design_sb_blog.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/27/@1920/product_design_sb_blog.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/27/@100/product_design_sb_blog.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/27/@200/product_design_sb_blog.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/27/@500/product_design_sb_blog.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/27/@768/product_design_sb_blog.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/27/@1024/product_design_sb_blog.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/27/@1366/product_design_sb_blog.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/27/@1600/product_design_sb_blog.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/27/@1920/product_design_sb_blog.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/27/@100/product_design_sb_blog.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/27/@200/product_design_sb_blog.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/27/@500/product_design_sb_blog.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/27/@768/product_design_sb_blog.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/27/@1024/product_design_sb_blog.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/27/@1366/product_design_sb_blog.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/27/@1600/product_design_sb_blog.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/27/@1920/product_design_sb_blog.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Filipa Amado"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"March 27th, 2020"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services/product-design"},"textContent":"Product Design"},{"kind":"inline","textContent":" is a rather vague term that fails to portray everything it involves accurately. Although typically associated with the "},{"kind":"inline","type":"link","metadata":{"href":"https://www.productplan.com/glossary/product-designer/"},"children":[{"kind":"inline","type":"emphasized","textContent":"visual/tactile aspects of a product"}]},{"kind":"inline","textContent":", Product Design refers to the entire process of "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/product-design-process"},"textContent":"creating usable products and experiences"},{"kind":"inline","textContent":". It’s the creation and development of ideas through a process that leads to new solutions to consumers’ needs."}]}],"plainText":["Product Design is a rather vague term that fails to portray everything it involves accurately. Although typically associated with the visual/tactile aspects of a product, Product Design refers to the entire process of creating usable products and experiences. It’s the creation and development of ideas through a process that leads to new solutions to consumers’ needs."]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":{"text":"But first, what qualifies as a product?"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Until recently, the term “"},{"kind":"inline","type":"link","metadata":{"href":"https://en.wikipedia.org/wiki/Product_(business)"},"textContent":"product"},{"kind":"inline","textContent":"” was only used concerning something material, usually an object that was meant for mass production. Product Design was exclusively related to the aesthetic of the product and how to make a solution presentable. However, the definition started to encompass not only the physical aspects but the functionalities a product should have—the idea of creating a product not only beautiful but functional gain massive popularity in the industry. And slowly, the term “product” started to have many fields of application, eventually reaching the digital sphere. Today, a product can be almost everything we interact with, visually and physically, from a simple chair to a digital app."}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/61/product-design.jpg","altText":null,"width":1208,"height":719,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/61/@100/product-design.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/61/@200/product-design.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/61/@500/product-design.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/61/@768/product-design.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/61/@1024/product-design.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/61/@100/product-design.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/61/@200/product-design.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/61/@500/product-design.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/61/@768/product-design.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/61/@1024/product-design.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/61/@100/product-design.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/61/@200/product-design.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/61/@500/product-design.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/61/@768/product-design.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/61/@1024/product-design.avif","width":1024}]}]},{"title":{"text":"Product Desing as a whole process"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Product Design is about designing and shipping a solution to a specific problem that was identified and validated. And this process requires a lot of different areas and a ton of unique skill sets. The "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/product-design-process"},"textContent":"product design process"},{"kind":"inline","textContent":" requires a team composed of researchers, designers, strategists, and developers from various specialities to create and implement design solutions."}]},{"kind":"block","type":"quote","children":[{"kind":"inline","textContent":"It’s ultimately the intersection of multiple design disciplines working towards the same goal, oftentimes taking a whole team of researchers, product designers, strategists, and developers to execute. ("},{"kind":"inline","type":"strong","textContent":"Renee Fleck, 2019)"}]}]},"videos":null,"images":null},{"title":{"text":"Brand, Business and Product Design"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"The harmonization between Product Design and your company is more important now than ever to stand out and succeed in this market. Product Design plays an important role, especially during key stages of product development; its presence is crucial during critical decision making. During the initial design phase, it’s Product Design that translates the "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/vision-mission-and-values"},"textContent":"company’s vision and goals "},{"kind":"inline","textContent":"into a functional product. And in the end, it is responsible for making sure the product delivers on what your brand promises, to reach your target audience effectively, and make your business thrive."}]}]},"videos":null,"images":null},{"title":{"text":"Product Design is adaptive and always evolving"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Unfortunately, Product Design has been seen as something purely aesthetic related in the past, and this perception needs to change. Product Design has gone "},{"kind":"inline","type":"link","metadata":{"href":"https://www.smashingmagazine.com/2018/01/comprehensive-guide-product-design/"},"textContent":"from being at the end of the product development process to the very front and center"},{"kind":"inline","textContent":". "}]},{"kind":"block","type":"paragraph","textContent":"As I mentioned before, we are just starting to figure out this new concept of Product Design and what is its place within this ever-changing space. The answer to what Product Design truly means is continuously evolving, so it’s up to us to be flexible about it and try to understand it as it goes."}]},"videos":null,"images":null}]}}]},{"topics":[{"name":"Growth Strategy"}],"name":"What is Customer Engagement?","path":"/assets/blog/what-is-customer-engagement","id":"675fc8cac7d4476784130c56","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"What is Customer Engagement?"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/28/customers_sb_blog.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/28/@100/customers_sb_blog.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/28/@200/customers_sb_blog.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/28/@500/customers_sb_blog.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/28/@768/customers_sb_blog.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/28/@1024/customers_sb_blog.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/28/@1366/customers_sb_blog.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/28/@1600/customers_sb_blog.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/28/@1920/customers_sb_blog.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/28/@100/customers_sb_blog.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/28/@200/customers_sb_blog.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/28/@500/customers_sb_blog.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/28/@768/customers_sb_blog.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/28/@1024/customers_sb_blog.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/28/@1366/customers_sb_blog.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/28/@1600/customers_sb_blog.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/28/@1920/customers_sb_blog.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/28/@100/customers_sb_blog.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/28/@200/customers_sb_blog.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/28/@500/customers_sb_blog.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/28/@768/customers_sb_blog.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/28/@1024/customers_sb_blog.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/28/@1366/customers_sb_blog.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/28/@1600/customers_sb_blog.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/28/@1920/customers_sb_blog.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Filipa Amado"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"March 29th, 2020"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Regardless of what you know about "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services/growth-marketing"},"textContent":"marketing"},{"kind":"inline","textContent":", the concept of ‘customer engagement’ is most likely something you are already aware of. Although the term is thrown around quite a lot, it’s much more complex than meets the eye, and incorporates a few different definitions. As a critical part of any business strategy, customer engagement cannot be ignored - especially in the current market. Let’s take a closer look at the "},{"kind":"inline","type":"link","metadata":{"href":"https://en.wikipedia.org/wiki/Customer_engagement"},"textContent":"definition of customer engagement"},{"kind":"inline","textContent":", and explore why it matters. "}]}],"plainText":["Regardless of what you know about marketing, the concept of ‘customer engagement’ is most likely something you are already aware of. Although the term is thrown around quite a lot, it’s much more complex than meets the eye, and incorporates a few different definitions. As a critical part of any business strategy, customer engagement cannot be ignored - especially in the current market. Let’s take a closer look at the definition of customer engagement, and explore why it matters."]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":{"text":"What Defines Customer Engagement?"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Customer Engagement is the connection between an external stakeholder (consumer) and an organization (company or brand). It occurs through various online and offline channels, and hugely contributes to the relationship between the two parties. "},{"kind":"inline","type":"link","metadata":{"href":"https://www.hotjar.com/customer-experience/"},"textContent":"Mostly, it focuses on the positive interaction and experience a customer has with a brand"},{"kind":"inline","textContent":", including their overall emotions towards it."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Businesses that put resources into customer engagement are subsequently creating "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/the-elements-of-value"},"textContent":"brand value "},{"kind":"inline","textContent":"by giving their customers something more meaningful that just a monetary transaction. When executed well, customer engagement can foster brand growth and generate long-term loyalty with customers."}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/62/customer-engagement2.jpg","altText":null,"width":2416,"height":1438,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/62/@100/customer-engagement2.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/62/@200/customer-engagement2.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/62/@500/customer-engagement2.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/62/@768/customer-engagement2.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/62/@1024/customer-engagement2.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/62/@1366/customer-engagement2.jpeg","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/62/@1600/customer-engagement2.jpeg","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/62/@1920/customer-engagement2.jpeg","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/62/@100/customer-engagement2.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/62/@200/customer-engagement2.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/62/@500/customer-engagement2.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/62/@768/customer-engagement2.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/62/@1024/customer-engagement2.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/62/@1366/customer-engagement2.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/62/@1600/customer-engagement2.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/62/@1920/customer-engagement2.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/62/@100/customer-engagement2.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/62/@200/customer-engagement2.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/62/@500/customer-engagement2.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/62/@768/customer-engagement2.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/62/@1024/customer-engagement2.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/62/@1366/customer-engagement2.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/62/@1600/customer-engagement2.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/62/@1920/customer-engagement2.avif","width":1920}]}]},{"title":{"text":"Offline Engagement vs Online Engagement"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Online customer engagement entered the marketing world and became a huge social phenomenon with the "},{"kind":"inline","type":"link","metadata":{"href":"https://en.wikipedia.org/wiki/Customer_engagement"},"textContent":"rise of the Internet in the late 1990s"},{"kind":"inline","textContent":". Ever since then, it managed to change the "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/how-to-create-a-customer-journey-map"},"textContent":"customer experience journey"},{"kind":"inline","textContent":" landscape forever. But how?"}]},{"kind":"block","type":"paragraph","textContent":"The Internet and all its subsequent digital platforms created new possibilities for customers to interact with not only a brand, but with other customers on a much larger scale. With this opportunity for vast, global conversation around any given company and their product, it’s easy to see how online customer engagement is not only different, but much more valuable than offline engagement in the current market. "},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"For example, "},{"kind":"inline","type":"link","metadata":{"href":"https://www.mycustomer.com/selling/crm/why-online-forums-are-a-fast-track-to-customer-centricity"},"textContent":"discussion forums and review sites"},{"kind":"inline","textContent":" are spaces where customers can easily communicate with one another in a way that can’t happen with any offline interactive medium. In these same spaces, businesses also now have the chance to directly engage in those conversations with their online customer communities, strengthening the bond between brand and customer. This generates loyalty (brand love) and eventually more sales. "}]}]},"videos":null,"images":null},{"title":{"text":"Why Should I Care About Customer Engagement?"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Simply put, the current marketplace has moved past pricing. Today, it’s all about "},{"kind":"inline","type":"link","metadata":{"href":"https://acquire.io/blog/customer-engagement-strategies/"},"textContent":"giving customers value that goes beyond monetary transaction"},{"kind":"inline","textContent":"s and average customer experience. To be able to stand out from the competition, businesses need to go above and beyond to create a long-lasting relationship with their customers."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Furthermore, as a business, you must have a strong marketing strategy that focuses on finding ways to engage with your "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/product-strategy-understanding-product-positioning"},"textContent":"customer base"},{"kind":"inline","textContent":". This doesn’t only apply while transactions are being done, but also in the time in-between. "}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Having engaged customers can be extremely beneficial for your business because they can generate more revenue than one-time customers or even occasional shoppers. Not to mention, "},{"kind":"inline","type":"link","metadata":{"href":"https://www.outboundengine.com/blog/customer-retention-marketing-vs-customer-acquisition-marketing/"},"textContent":"it can be more expensive to acquire new customers than to retain existing ones"},{"kind":"inline","textContent":". Over time, customer engagement is what helps you keep customers, allowing your business to foster growth sustainably."}]}]},"videos":null,"images":null},{"title":{"text":"Generating Customer Loyalty and Brand Advocates"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"As mentioned, "},{"kind":"inline","type":"link","metadata":{"href":"https://www.superoffice.com/blog/customer-retention-tips-with-crm-software/"},"textContent":"customer retention needs to go beyond high-quality service and products"},{"kind":"inline","textContent":". Customers expect brands not only to anticipate, but to meet their needs in real-time. If done right, this type of dedication pushes customers to engage consistently over time. Ultimately, it’s about the customer’s need to feel heard and have their problems solved, as this is what forms personal connections between person and product. "}]},{"kind":"block","type":"paragraph","textContent":"Customer engagement and customer loyalty are related terms that should be actively present in your marketing strategy. Customer engagement focuses on creating deep-level interactions by making customer care about the brand and encouraging them to use the product actively. Customer engagement cultivates customer loyalty, which then creates brand advocacy through word-of-mouth (offline and online)."},{"kind":"block","type":"paragraph","textContent":"In the current market, having an engaged and loyal customer is the biggest asset you and your business can acquire. By focusing on customer engagement, you’ll able to encourage a healthy level of loyalty and brand love in your customer base, to the point where they’ll become brand advocates."}]},"videos":null,"images":null},{"title":{"text":"Developing a Customer Engagement Strategy"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/how-to-create-a-customer-journey-map"},"textContent":"Customer-centric organization"},{"kind":"inline","textContent":"s are build off of solid customer engagement strategies. However, there isn’t one foolproof formula for customer engagement, as every customer base will require its own unique strategy. There are different levels of customer engagement because some customers are willing to have a deeper connection with your brand than others. "}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"That means when you are creating a customer engagement strategy, you need to allow your customers to choose how and to what extend they’d like to engage. Here are a couple of things you should consider when developing your very own "},{"kind":"inline","type":"link","metadata":{"href":"https://acquire.io/blog/customer-engagement-strategies/"},"textContent":"customer engagement strategy"},{"kind":"inline","textContent":":"}]},{"kind":"block","type":"unordered-list","children":[{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"strong","textContent":"Create your "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/personas-in-product-design"},"children":[{"kind":"inline","type":"strong","textContent":"target customer"}]},{"kind":"inline","type":"strong","textContent":" profile"},{"kind":"inline","textContent":" - It’s important to understand who your clients are and the "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/how-to-create-a-customer-journey-map"},"textContent":"customer journey map"},{"kind":"inline","textContent":" they go through before reaching out."}]},{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"strong","textContent":"Identify key points of interaction"},{"kind":"inline","textContent":" - Reflecting on how your customers interact with you can help select which platforms can facilitate customer engagement - via social media, email, forums, etc."}]},{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"strong","textContent":"Have your own "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/tone-of-voice-is-the-ultimate-content-power-tool"},"children":[{"kind":"inline","type":"strong","textContent":"Brand Voice"}]},{"kind":"inline","textContent":" - Customers want to engage with a brand that has a strong unique voice and personality. Having a brand voice can help personify your company, making it more relatable and easy to connect with your customers. If your customer identifies with your values and message, they will feel closer with your brand."}]},{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"strong","textContent":"Engagement should be an open conversation"},{"kind":"inline","textContent":" - When creating spaces to engage, make sure your customers also have the opportunity to speak with your brand and with other customers. Having a space for open-conversation fuels engagement and furthers interactions."}]},{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"strong","textContent":"Keep your strategy flexible"},{"kind":"inline","textContent":" - From the moment you implement your strategy, observe how your approaches are working and then take any necessary actions to improve on or adjust it. By listening to your customers and their feedback, you’ll be able to create a better and deeper connection."}]}]}]},"videos":null,"images":null},{"title":{"text":"To Conclude"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Every brand and company has the potential to introduce engagement strategies that will benefit not only its current, but its future customer base. These strategies aim to create such strong customer relationships that they can be considered brand advocates. "},{"kind":"block","type":"paragraph","textContent":"The main thing you need to consider with your strategy is its clarity in conveying that your relationship to the customer goes beyond their money. You should be offering something of value that keeps your customers around, beyond your products or services. Keep in mind that this is a rather complex and challenging process that requires multiple resources. However, when done right, you can expect to continuously build a loyal, powerful, and supportive network of customers that keep your company in check and help drive product innovation and development. "}]},"videos":null,"images":null}]}}]},{"topics":[{"name":"Growth Strategy"},{"name":"Product Design"}],"name":"How to Create a Customer Journey Map","path":"/assets/blog/how-to-create-a-customer-journey-map","id":"675fc94fd9ed36a574f91e03","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"How to Create a Customer Journey Map"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/29/customers_sb_blog.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/29/@100/customers_sb_blog.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/29/@200/customers_sb_blog.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/29/@500/customers_sb_blog.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/29/@768/customers_sb_blog.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/29/@1024/customers_sb_blog.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/29/@1366/customers_sb_blog.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/29/@1600/customers_sb_blog.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/29/@1920/customers_sb_blog.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/29/@100/customers_sb_blog.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/29/@200/customers_sb_blog.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/29/@500/customers_sb_blog.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/29/@768/customers_sb_blog.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/29/@1024/customers_sb_blog.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/29/@1366/customers_sb_blog.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/29/@1600/customers_sb_blog.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/29/@1920/customers_sb_blog.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/29/@100/customers_sb_blog.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/29/@200/customers_sb_blog.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/29/@500/customers_sb_blog.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/29/@768/customers_sb_blog.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/29/@1024/customers_sb_blog.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/29/@1366/customers_sb_blog.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/29/@1600/customers_sb_blog.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/29/@1920/customers_sb_blog.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Filipa Amado"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"February 20th, 2020"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Over the years, it has become more challenging for businesses to "},{"kind":"inline","type":"link","metadata":{"href":"https://www.jstor.org/stable/1015077"},"textContent":"understand the mind of the consumer"},{"kind":"inline","textContent":". The "},{"kind":"inline","type":"link","metadata":{"href":"https://transformation.ai/customer-journey-definition/"},"textContent":"customer journey"},{"kind":"inline","textContent":" is the process by which a customer interacts with a company to achieve a specific goal. However, in the current market, it can be quite tricky to pin down or even predict how this interaction happens. From social media to newsletters, there are usually many different steps in between the consumer and the brand. This is why it’s best to map out your customer’s journey so you can visualize how customers experience your product or service."}]}],"plainText":["Over the years, it has become more challenging for businesses to understand the mind of the consumer. The customer journey is the process by which a customer interacts with a company to achieve a specific goal. However, in the current market, it can be quite tricky to pin down or even predict how this interaction happens. From social media to newsletters, there are usually many different steps in between the consumer and the brand. This is why it’s best to map out your customer’s journey so you can visualize how customers experience your product or service."]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":{"text":"What is a Customer Journey Map?"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"link","metadata":{"href":"https://blog.hubspot.com/service/customer-journey-map"},"children":[{"kind":"inline","type":"emphasized","textContent":"A Customer Journey Map is a visual representation of the process a customer goes through in order to achieve a certain goal with a business"}]},{"kind":"inline","type":"emphasized","textContent":" "},{"kind":"inline","textContent":"(Hubspot, 2020). It’s far more than just analyzing the financial transaction. The map follows the complete sum of experiences that a customer goes through, across all channels, at every stage of the customer lifecycle - from initial contact (awareness) to a long-term relationship (loyalty) to a product or a brand."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"The map will allow you to identify key interactions that the customer has with the company, so you can then match your strategy with the customer expectations at each stage of the journey. With this, you will understand what channels to use and how to craft your "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/product-strategy-understanding-product-positioning"},"textContent":"brand message"},{"kind":"inline","textContent":" in order to better communicate and connect with the customer. "}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Because the customer journey tends to be a very non-linear process, mapping it can be a complex process and hard to visualize. However, the most important thing to consider when creating a customer journey map is to make sure everyone involved with the company understands it. This will sync all sales and "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services/growth-marketing"},"textContent":"marketing strategies"},{"kind":"inline","textContent":", creating a unified customer experience."}]}]},"videos":null,"images":null},{"title":{"text":"Why is a Customer Journey Map Important?"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Putting the customer at the heart of the business can not only be massive and differentiating in the current market but profitable as well, and having a customer journey map can be a powerful tool to make sure this happens. A customer journey map puts the consumer and their needs in the center of the process, influencing all the business thinking and decisions."},{"kind":"block","type":"paragraph","textContent":"It’s all about analyzing every phase and step the customer goes through, paying attention to their needs and pain points, and then making the necessary adjustments to make sure all goals are meant. By understanding your relationship with the consumer, you can create the most effective and efficient brand experience that can maximize your chances of customer success."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/63/customer-journey-map2.jpg","altText":null,"width":2416,"height":1438,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/63/@100/customer-journey-map2.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/63/@200/customer-journey-map2.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/63/@500/customer-journey-map2.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/63/@768/customer-journey-map2.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/63/@1024/customer-journey-map2.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/63/@1366/customer-journey-map2.jpeg","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/63/@1600/customer-journey-map2.jpeg","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/63/@1920/customer-journey-map2.jpeg","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/63/@100/customer-journey-map2.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/63/@200/customer-journey-map2.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/63/@500/customer-journey-map2.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/63/@768/customer-journey-map2.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/63/@1024/customer-journey-map2.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/63/@1366/customer-journey-map2.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/63/@1600/customer-journey-map2.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/63/@1920/customer-journey-map2.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/63/@100/customer-journey-map2.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/63/@200/customer-journey-map2.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/63/@500/customer-journey-map2.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/63/@768/customer-journey-map2.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/63/@1024/customer-journey-map2.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/63/@1366/customer-journey-map2.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/63/@1600/customer-journey-map2.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/63/@1920/customer-journey-map2.avif","width":1920}]}]},{"title":{"text":"Creating your Customer Journey Map"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"As previously mentioned, when creating your customer journey map you need to map out every phase and step your customer takes, along with the respective touchpoints, so you can eventually "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services/growth-marketing"},"textContent":"craft the best strategy"},{"kind":"inline","textContent":". There is no right or wrong way to create your map since it can take so many different forms and interpretations."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Usually, the map is designed as a sort of "},{"kind":"inline","type":"link","metadata":{"href":"https://www.lucidchart.com/blog/how-to-build-customer-journey-maps"},"textContent":"infographic with a timeline of the customer’s experience"},{"kind":"inline","textContent":". With that said, since this a rather complex process, you can easily make the map too complex and difficult to understand. Although it is tempting to do so, the map is not meant to represent every single aspect of the customer’s experience. Rather, it should tell a simply focused narrative that is easy to understand. The most important part is to make sure the customer and their needs and feelings remain in the centre of the map throughout the making process."}]},{"kind":"block","type":"paragraph","textContent":"Creating your own customer journey map can be split into four stages:"},{"kind":"block","type":"unordered-list","children":[{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"strong","textContent":"Set clear objectives and "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/personas-in-product-design"},"children":[{"kind":"inline","type":"strong","textContent":"user personas"}]},{"kind":"inline","textContent":" - Having clear objectives and personas will help you direct every aspect of the customer journey. Select one relevant "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/personas-in-product-design"},"textContent":"customer persona"},{"kind":"inline","textContent":" and consider their needs and feelings across the journey they would typically take when engaging with your business (from awareness to loyalty)."}]},{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"strong","textContent":"Map out the customer journey lifecycle"},{"kind":"inline","textContent":" - Sketch out a timeline that shows every stage of the customer experience in a simple and understandable way."}]},{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"strong","textContent":"Identify company and "},{"kind":"inline","type":"link","metadata":{"href":"https://www.surveymonkey.com/mp/identify-customer-touchpoints/"},"children":[{"kind":"inline","type":"strong","textContent":"customer touchpoints"}]},{"kind":"inline","textContent":" - Write down essentially any major moments the user persona comes in contact with your brand. Having set these touchpoints will give you "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/the-elements-of-value"},"textContent":"valuable insight"},{"kind":"inline","textContent":" into the customer journey and what necessary actions you need to take."}]},{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"strong","textContent":"Analyze possible gaps and create strategies"},{"kind":"inline","textContent":" - After creating the customer journey map, you need to determine if there are any gaps between customer expectations and deliver and act accordingly."}]}]}]},"videos":null,"images":null}]}}]},{"topics":[{"name":"Product Design"},{"name":"Branding"}],"name":"What is the Difference Between a Font and a Typeface?","path":"/assets/blog/what-is-the-difference-between-a-font-and-a-typeface","id":"675fc9aced4383af9fa4def4","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"What is the Difference Between a Font and a Typeface?"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/30/branding_sb_blog.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/30/@100/branding_sb_blog.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/30/@200/branding_sb_blog.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/30/@500/branding_sb_blog.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/30/@768/branding_sb_blog.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/30/@1024/branding_sb_blog.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/30/@1366/branding_sb_blog.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/30/@1600/branding_sb_blog.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/30/@1920/branding_sb_blog.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/30/@100/branding_sb_blog.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/30/@200/branding_sb_blog.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/30/@500/branding_sb_blog.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/30/@768/branding_sb_blog.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/30/@1024/branding_sb_blog.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/30/@1366/branding_sb_blog.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/30/@1600/branding_sb_blog.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/30/@1920/branding_sb_blog.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/30/@100/branding_sb_blog.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/30/@200/branding_sb_blog.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/30/@500/branding_sb_blog.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/30/@768/branding_sb_blog.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/30/@1024/branding_sb_blog.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/30/@1366/branding_sb_blog.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/30/@1600/branding_sb_blog.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/30/@1920/branding_sb_blog.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Filipa Amado"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"February 13th, 2020"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"When talking about typography, the terms "},{"kind":"inline","type":"emphasized","textContent":"Font"},{"kind":"inline","textContent":" and "},{"kind":"inline","type":"emphasized","textContent":"Typeface"},{"kind":"inline","textContent":" tend to get mixed up and used almost as if they are synonymous. This confusion shows "},{"kind":"inline","type":"link","metadata":{"href":"https://www.creativebloq.com/features/font-vs-typeface"},"textContent":"how quick industry terminology changes"},{"kind":"inline","textContent":" with the introduction of new processes and technologies. Most of the time, the two words are used interchangeable, and it doesn’t present as a problem. However, when analyzing the two on a technical level, you’ll find that these terms have, in fact, distinct definitions. But, at the end of the day, one has to wonder if the distinction really matters today."}]}],"plainText":["When talking about typography, the terms Font and Typeface tend to get mixed up and used almost as if they are synonymous. This confusion shows how quick industry terminology changes with the introduction of new processes and technologies. Most of the time, the two words are used interchangeable, and it doesn’t present as a problem. However, when analyzing the two on a technical level, you’ll find that these terms have, in fact, distinct definitions. But, at the end of the day, one has to wonder if the distinction really matters today."]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":{"text":"Font vs Typeface"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"The main difference between these two terms is that a typeface (or type family) is the name of a specific collection of related fonts. In comparison, font refers to a particular weight, width, and style within that typeface. To put it in simple terms, each variation of a typeface is a font. For example, Helvetica would be the typeface chosen for a project, but the actual font in use might be Helvetica Regular 9 points."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/64/font-typeface.jpg","altText":null,"width":2416,"height":1438,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/64/@100/font-typeface.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/64/@200/font-typeface.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/64/@500/font-typeface.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/64/@768/font-typeface.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/64/@1024/font-typeface.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/64/@1366/font-typeface.jpeg","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/64/@1600/font-typeface.jpeg","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/64/@1920/font-typeface.jpeg","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/64/@100/font-typeface.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/64/@200/font-typeface.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/64/@500/font-typeface.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/64/@768/font-typeface.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/64/@1024/font-typeface.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/64/@1366/font-typeface.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/64/@1600/font-typeface.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/64/@1920/font-typeface.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/64/@100/font-typeface.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/64/@200/font-typeface.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/64/@500/font-typeface.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/64/@768/font-typeface.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/64/@1024/font-typeface.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/64/@1366/font-typeface.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/64/@1600/font-typeface.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/64/@1920/font-typeface.avif","width":1920}]}]},{"title":{"text":"Print Typography vs. Web Typography"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"During the "},{"kind":"inline","type":"link","metadata":{"href":"https://www.history.com/topics/inventions/printing-press"},"textContent":"Printing Press era"},{"kind":"inline","textContent":", the terms ‘font’ and ‘typeface’ actually had very distinctive meanings. To set your type, you had to use a collection of "},{"kind":"inline","type":"link","metadata":{"href":"https://en.wikipedia.org/wiki/Font#Metal_type"},"textContent":"metal pieces called fonts"},{"kind":"inline","textContent":". In this collection, you could find pieces for every size, weight and style or typeface. So, in this case, it seemed crucial to use the correct terminology to avoid "},{"kind":"inline","type":"link","metadata":{"href":"https://www.lasvegascolor.com/print-typography-guide/"},"textContent":"expensive printing production errors"},{"kind":"inline","textContent":"."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"The confusion of the two terms actually came with the rise of digital publishing and the naming convention in operating systems. With any software, and you are asked to choose a font and not a typeface, which would make more sense. A font is merely a document you install that allows you to use a particular typeface. The "},{"kind":"inline","type":"link","metadata":{"href":"https://en.wikipedia.org/wiki/Font"},"textContent":"word font"},{"kind":"inline","textContent":" now refers to the syle and the look. "},{"kind":"inline","type":"link","metadata":{"href":"https://www.mentalfloss.com/article/82867/whats-difference-between-font-and-typeface"},"textContent":"Even in CSS, you use the font-family property to set a typeface for the text."},{"kind":"inline","textContent":" Any changes you want to do in a font - whether is size, weight or even color - you do everything digitally, with relative ease and speed, and without any high costs. In this context, knowing the difference between ‘font’ and ‘typeface’ simply doesn’t carry the same weight as it did in traditional printing."}]}]},"videos":null,"images":null},{"title":{"text":"So, in the end, does it matter?"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"With everything mentioned previously, it’s easy to say that the word ‘font’ is becoming more common over the years. Today most people find themselves using the terms ‘font’ and ‘type’ almost interchangeably, and they would be correct either way. The reality is that, currently, the distinction between these two terms is confusing, unnecessary, and even a little bit old-fashioned. So one could argue that knowing the difference doesn’t matter in most cases."},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"However, it’s important to mention that, in specific contexts, it can be critical. Knowing the difference can play a significant role not just in the area of Type Design, but also in "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services/product-design"},"textContent":"Product Design"},{"kind":"inline","textContent":", "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services/engineering"},"textContent":"Product Engineering"},{"kind":"inline","textContent":" and even Web Design. It can help you to get specific when talking about a change in a particular font, without affecting the whole environment and display. It’s all about optimizing the process and applying fonts and typefaces correctly."}]}]},"videos":null,"images":null}]}}]},{"topics":[{"name":"Growth Strategy"},{"name":"Marketing"},{"name":"Product Design"},{"name":"Development"}],"name":"The Whole Product Concept","path":"/assets/blog/the-whole-product-concept","id":"675fca01c7d4476784130e46","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"The Whole Product Concept"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/31/product_design_sb_blog.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/31/@100/product_design_sb_blog.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/31/@200/product_design_sb_blog.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/31/@500/product_design_sb_blog.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/31/@768/product_design_sb_blog.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/31/@1024/product_design_sb_blog.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/31/@1366/product_design_sb_blog.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/31/@1600/product_design_sb_blog.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/31/@1920/product_design_sb_blog.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/31/@100/product_design_sb_blog.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/31/@200/product_design_sb_blog.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/31/@500/product_design_sb_blog.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/31/@768/product_design_sb_blog.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/31/@1024/product_design_sb_blog.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/31/@1366/product_design_sb_blog.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/31/@1600/product_design_sb_blog.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/31/@1920/product_design_sb_blog.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/31/@100/product_design_sb_blog.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/31/@200/product_design_sb_blog.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/31/@500/product_design_sb_blog.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/31/@768/product_design_sb_blog.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/31/@1024/product_design_sb_blog.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/31/@1366/product_design_sb_blog.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/31/@1600/product_design_sb_blog.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/31/@1920/product_design_sb_blog.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Filipa Amado"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"January 23rd, 2020"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"When developing a product or a service, you’ll quickly realize that just the physical form is never enough on its own; many different dimensions are indeed involved in this process. A "},{"kind":"inline","type":"link","metadata":{"href":"https://en.wikipedia.org/wiki/Whole_product"},"textContent":"Whole Product"},{"kind":"inline","textContent":" is essentially the full package you need to launch that product or service. Understanding this marketing concept is crucial for your "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services/product-strategy"},"textContent":"Product Strategy"},{"kind":"inline","textContent":" and "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services/growth-marketing"},"textContent":"Growth Marketing"},{"kind":"inline","textContent":" and the eventual success of your business."}]}],"plainText":["When developing a product or a service, you’ll quickly realize that just the physical form is never enough on its own; many different dimensions are indeed involved in this process. A Whole Product is essentially the full package you need to launch that product or service. Understanding this marketing concept is crucial for your Product Strategy and Growth Marketing and the eventual success of your business."]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":{"text":"Understanding the Whole Product concept"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"A core product is a tangible generic experience for the customer. In "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services/growth-marketing"},"textContent":"marketing"},{"kind":"inline","textContent":", a Whole Product is the augmentation of that core product by any additional elements necessary for the product to bring "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/the-elements-of-value"},"textContent":"product value"},{"kind":"inline","textContent":" for the "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/product-strategy-understanding-product-positioning"},"textContent":"target-user"},{"kind":"inline","textContent":". It includes everything that is required to complete the product, so it becomes the solution for your customer needs, and it gives them a reason to buy and use your product. Without this process of augmentation, your generic product wouldn’t be useful or bring any proper value to your target. The Whole Product concept is the connecting link between the "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/product-strategy-mission-statement"},"textContent":"marketing promise"},{"kind":"inline","textContent":" your brand makes, and your product’s actual ability to deliver on that promise."}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/65/whole-product.jpg","altText":null,"width":2416,"height":1438,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/65/@100/whole-product.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/65/@200/whole-product.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/65/@500/whole-product.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/65/@768/whole-product.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/65/@1024/whole-product.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/65/@1366/whole-product.jpeg","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/65/@1600/whole-product.jpeg","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/65/@1920/whole-product.jpeg","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/65/@100/whole-product.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/65/@200/whole-product.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/65/@500/whole-product.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/65/@768/whole-product.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/65/@1024/whole-product.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/65/@1366/whole-product.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/65/@1600/whole-product.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/65/@1920/whole-product.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/65/@100/whole-product.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/65/@200/whole-product.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/65/@500/whole-product.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/65/@768/whole-product.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/65/@1024/whole-product.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/65/@1366/whole-product.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/65/@1600/whole-product.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/65/@1920/whole-product.avif","width":1920}]}]},{"title":{"text":"Why is “Whole Product” important?"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"If you are viewing your product as just one particular item, you’ll fail to not only understand your whole product experience but also how and why your costumers choose and use your product. With that, you’ll also"},{"kind":"inline","type":"link","metadata":{"href":"https://www.productplan.com/product-gaps/"},"textContent":" miss gaps in where your product fails"},{"kind":"inline","textContent":" to meet the specific needs of the users; and how the competition is filling in those gaps."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Understanding your Whole Product can offer significant benefits for your "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services/product-design"},"textContent":"product design"},{"kind":"inline","textContent":" and development, helping you with the decision-making process and keeping you on track. You’ll be able to successfully decide which additional parts and dimensions should be added to your core product to deliver the most value in the market, eliminating the competition. "}]}]},"videos":null,"images":null},{"title":{"text":"Defining your Whole Product"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"When defining your Whole Product, it’s crucial to not only think about your product, but also your business and brand. You need to have an extensive understanding of every facet that contributes in some way to the success of your product. These facets tend to vary from product to product; however, they often include things like "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services/growth-marketing"},"textContent":"Growth Marketing"},{"kind":"inline","textContent":", Lead Funnel, and Sales and Developer Enablement. It’s also necessary to reflect on what your customer expects to be delivered versus what your product actually offers; what problems it manages to solve or fails to do it. You might not have direct control over all these aspects, but the moment you gather this knowledge, you’ll be able to influence in some way every area regardless of control."},{"kind":"inline","type":"line-break"},{"kind":"inline","textContent":"Having this “Whole Product” view can provide you with an ideal strategic and tactical work plan for your "},{"kind":"inline","type":"link","metadata":{"href":"https://www.productplan.com/glossary/product-development-process/"},"textContent":"product development process"},{"kind":"inline","textContent":". It can help you visualize opportunities to optimize and improve your product value and customer experience."}]}]},"videos":null,"images":null},{"title":{"text":"The Whole Product Model"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"The "},{"kind":"inline","type":"link","metadata":{"href":"https://medium.com/@yoursproductly/a-primer-on-the-whole-product-model-379c010d5ac8"},"textContent":"Whole Product Model"},{"kind":"inline","textContent":" is divided into four different levels:"}]},{"kind":"block","type":"ordered-list","children":[{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"strong","textContent":"Generic Product: "},{"kind":"inline","textContent":"This is the product that is shipped in the box when the purchase has been made."}]},{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"strong","textContent":"Expected Product: "},{"kind":"inline","textContent":"This is the product that the consumer believes they bought when they purchased the Generic Product."}]},{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"strong","textContent":"Augmented Product:"},{"kind":"inline","textContent":" This is the idealized form of the product, that achieves the ultimate goal and mission, answering to all the customer needs and guarantees the buying objective."}]},{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"strong","textContent":"Potential Product:"},{"kind":"inline","textContent":" This is your product’s room for improvement and growth, where new business facets can complement it."}]}]},{"kind":"block","type":"paragraph","textContent":"(Ravi Kumar, Apr 2017)"}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/66/whole-product-model.jpg","altText":null,"width":2416,"height":1438,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/66/@100/whole-product-model.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/66/@200/whole-product-model.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/66/@500/whole-product-model.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/66/@768/whole-product-model.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/66/@1024/whole-product-model.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/66/@1366/whole-product-model.jpeg","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/66/@1600/whole-product-model.jpeg","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/66/@1920/whole-product-model.jpeg","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/66/@100/whole-product-model.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/66/@200/whole-product-model.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/66/@500/whole-product-model.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/66/@768/whole-product-model.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/66/@1024/whole-product-model.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/66/@1366/whole-product-model.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/66/@1600/whole-product-model.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/66/@1920/whole-product-model.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/66/@100/whole-product-model.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/66/@200/whole-product-model.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/66/@500/whole-product-model.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/66/@768/whole-product-model.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/66/@1024/whole-product-model.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/66/@1366/whole-product-model.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/66/@1600/whole-product-model.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/66/@1920/whole-product-model.avif","width":1920}]}]}]}}]},{"topics":[{"name":"Branding"},{"name":"Product Design"}],"name":"What is Branding?","path":"/assets/blog/what-is-branding","id":"675fca7eed4383af9fa4e0b7","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"What is Branding?"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/25/1/22/52/branding_sb_blog.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/25/1/22/52/@100/branding_sb_blog.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/52/@200/branding_sb_blog.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/52/@500/branding_sb_blog.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/52/@768/branding_sb_blog.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/52/@1024/branding_sb_blog.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/52/@1366/branding_sb_blog.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/52/@1600/branding_sb_blog.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/52/@1920/branding_sb_blog.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/52/@100/branding_sb_blog.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/52/@200/branding_sb_blog.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/52/@500/branding_sb_blog.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/52/@768/branding_sb_blog.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/52/@1024/branding_sb_blog.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/52/@1366/branding_sb_blog.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/52/@1600/branding_sb_blog.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/52/@1920/branding_sb_blog.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/52/@100/branding_sb_blog.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/52/@200/branding_sb_blog.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/52/@500/branding_sb_blog.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/52/@768/branding_sb_blog.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/52/@1024/branding_sb_blog.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/52/@1366/branding_sb_blog.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/52/@1600/branding_sb_blog.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/22/52/@1920/branding_sb_blog.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Filipa Amado"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"January 16th, 2020"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Brand and "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services/product-design"},"textContent":"Branding"},{"kind":"inline","textContent":" are a couple of those Marketing and "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services/product-design"},"textContent":"Product Design"},{"kind":"inline","textContent":" terms that have a lot of misconceptions surround them. A brand is so much more than a logo or a product; it’s the "},{"kind":"inline","type":"link","metadata":{"href":"https://generalassemb.ly/blog/how-to-define-branding/"},"textContent":"consumer’s gut feeling"},{"kind":"inline","textContent":" about a product, service or company. And Branding, as a result, is the marketing practice that makes a brand identifiable in the market, creates brand awareness, and makes a memorable impression in the consumer’s mind. "}]}],"plainText":["Brand and Branding are a couple of those Marketing and Product Design terms that have a lot of misconceptions surround them. A brand is so much more than a logo or a product; it’s the consumer’s gut feeling about a product, service or company. And Branding, as a result, is the marketing practice that makes a brand identifiable in the market, creates brand awareness, and makes a memorable impression in the consumer’s mind."]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":{"text":"Understanding Branding vs Brand"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Since the concept first appeared, the "},{"kind":"inline","type":"link","metadata":{"href":"https://www.brandingmag.com/2015/10/14/what-is-branding-and-why-is-it-important-for-your-business/"},"textContent":"definition of Branding"},{"kind":"inline","textContent":" has come a long way between scholars. Today we can simply say that "},{"kind":"inline","type":"link","metadata":{"href":"https://en.99designs.pt/blog/logo-branding/what-is-branding/"},"children":[{"kind":"inline","type":"emphasized","textContent":"Branding is the marketing practice of shaping a brand"}]},{"kind":"inline","textContent":". As mentioned, you can consider a Brand as the idea or perception the consumer has on your company, both in a practical and emotional way. But Branding is the set of actions you perform in order to create a positive perception of a brand in the "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/product-strategy-understanding-product-positioning"},"textContent":"target consumer"},{"kind":"inline","textContent":"’s mind. It gives value to a product or a service by shaping a brand in the consumer’s mind. Although it can sound slightly redundant, it’s important to make the distinction between these two terms."}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/67/branding-mockup.jpg","altText":null,"width":2416,"height":1438,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/67/@100/branding-mockup.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/67/@200/branding-mockup.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/67/@500/branding-mockup.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/67/@768/branding-mockup.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/67/@1024/branding-mockup.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/67/@1366/branding-mockup.jpeg","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/67/@1600/branding-mockup.jpeg","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/67/@1920/branding-mockup.jpeg","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/67/@100/branding-mockup.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/67/@200/branding-mockup.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/67/@500/branding-mockup.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/67/@768/branding-mockup.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/67/@1024/branding-mockup.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/67/@1366/branding-mockup.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/67/@1600/branding-mockup.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/67/@1920/branding-mockup.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/67/@100/branding-mockup.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/67/@200/branding-mockup.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/67/@500/branding-mockup.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/67/@768/branding-mockup.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/67/@1024/branding-mockup.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/67/@1366/branding-mockup.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/67/@1600/branding-mockup.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/67/@1920/branding-mockup.avif","width":1920}]}]},{"title":{"text":"Why is Branding important?"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Here are a couple of reasons why Branding is absolutely critical to take your business to the next level:"},{"kind":"block","type":"unordered-list","children":[{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"strong","textContent":"Standing out from the competition -"},{"kind":"inline","textContent":" Branding can help you to position yourself in the market in a way that can grab your ideal customer’s attention. Your business needs Branding to show your customer what you are offering and how different and unique your business is."}]},{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"strong","textContent":"Builds brand awareness and recognition -"},{"kind":"inline","textContent":" To succeed as a business, you need to have a brand that is easily recognisable to your target audience. The "},{"kind":"inline","type":"emphasized","textContent":"right branding"},{"kind":"inline","textContent":" can help you create awareness around your product/service, which then increases the possibility of your brand getting recognized in the market."}]},{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"strong","textContent":"Creates a better brand experience - "},{"kind":"inline","textContent":"It’s essential to provide a consistent "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/how-to-create-a-customer-journey-map"},"textContent":"experience for your customers"},{"kind":"inline","textContent":" every time they interact with your brand. Branding can ensure that your customer’s perception and experience stays consistent across all your brand’s channels, from the website to customer service."}]},{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"strong","textContent":"Generates brand love."},{"kind":"inline","textContent":" Branding can be the final piece that creates an emotional connection with your target audience, turning them into loyal customers. "}]}]}]},"videos":null,"images":null},{"title":{"text":"Elements of Branding"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Branding is one of those concepts that don’t have one unique formula that can be applied in all different types of brands around the world. Each business requires a unique set of tools to create and develop a brand. It’s definitely a case by case situation. However, there are a couple of elements you’ll need in order for Branding to be achieved:"},{"kind":"block","type":"unordered-list","children":[{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/product-strategy-mission-statement"},"textContent":"Mission Statement"}]},{"kind":"block","type":"list-item","children":[{"kind":"inline","textContent":"Brand Definition: Purpose, Promise, "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/vision-mission-and-values"},"textContent":"Vision, and Values"}]},{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/product-strategy-understanding-product-positioning"},"textContent":"Positioning Statment"}]},{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/brand-style-guide-explained"},"textContent":"Brand Guidelines"},{"kind":"inline","textContent":" and Brand System"}]},{"kind":"block","type":"list-item","children":[{"kind":"inline","textContent":"Brand Identity: Name, "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/tone-of-voice-the-new-level-of-branding"},"textContent":"Tone of Voice"},{"kind":"inline","textContent":"..."}]},{"kind":"block","type":"list-item","textContent":"Logo and Additional Visual Assets "}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/68/branding-brandguide.jpg","altText":null,"width":2416,"height":1438,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/68/@100/branding-brandguide.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/68/@200/branding-brandguide.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/68/@500/branding-brandguide.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/68/@768/branding-brandguide.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/68/@1024/branding-brandguide.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/68/@1366/branding-brandguide.jpeg","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/68/@1600/branding-brandguide.jpeg","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/68/@1920/branding-brandguide.jpeg","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/68/@100/branding-brandguide.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/68/@200/branding-brandguide.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/68/@500/branding-brandguide.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/68/@768/branding-brandguide.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/68/@1024/branding-brandguide.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/68/@1366/branding-brandguide.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/68/@1600/branding-brandguide.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/68/@1920/branding-brandguide.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/68/@100/branding-brandguide.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/68/@200/branding-brandguide.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/68/@500/branding-brandguide.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/68/@768/branding-brandguide.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/68/@1024/branding-brandguide.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/68/@1366/branding-brandguide.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/68/@1600/branding-brandguide.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/68/@1920/branding-brandguide.avif","width":1920}]}]}]}}]},{"topics":[{"name":"Development"},{"name":"Product Design"},{"name":"Marketing"},{"name":"Growth Strategy"}],"name":"The Company Game Experiment","path":"/assets/blog/the-company-game-experiment","id":"675fcae6b5ccfc2c91b6a2f0","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"The Company Game Experiment"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/33/growth_strategy_sb_blog.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/33/@100/growth_strategy_sb_blog.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/33/@200/growth_strategy_sb_blog.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/33/@500/growth_strategy_sb_blog.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/33/@768/growth_strategy_sb_blog.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/33/@1024/growth_strategy_sb_blog.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/33/@1366/growth_strategy_sb_blog.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/33/@1600/growth_strategy_sb_blog.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/33/@1920/growth_strategy_sb_blog.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/33/@100/growth_strategy_sb_blog.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/33/@200/growth_strategy_sb_blog.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/33/@500/growth_strategy_sb_blog.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/33/@768/growth_strategy_sb_blog.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/33/@1024/growth_strategy_sb_blog.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/33/@1366/growth_strategy_sb_blog.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/33/@1600/growth_strategy_sb_blog.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/33/@1920/growth_strategy_sb_blog.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/33/@100/growth_strategy_sb_blog.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/33/@200/growth_strategy_sb_blog.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/33/@500/growth_strategy_sb_blog.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/33/@768/growth_strategy_sb_blog.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/33/@1024/growth_strategy_sb_blog.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/33/@1366/growth_strategy_sb_blog.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/33/@1600/growth_strategy_sb_blog.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/33/@1920/growth_strategy_sb_blog.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Robert Mulcahy"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"January 9th, 2020"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Here at the "},{"kind":"inline","type":"link","metadata":{"href":"https://newnormalgroup.com/companies"},"textContent":"New Normal Group"},{"kind":"inline","textContent":", we wholeheartedly embrace the definition of “The New Normal”. That is, being something previously abnormal that is now the standard. This often leads us to hire individuals who are specialized in skill sets that you wouldn’t normally find in our types of companies. As a result these companies are given some unique but very cool jobs! This is where the “Company Game” experiment comes in."}]}],"plainText":["Here at the New Normal Group, we wholeheartedly embrace the definition of “The New Normal”. That is, being something previously abnormal that is now the standard. This often leads us to hire individuals who are specialized in skill sets that you wouldn’t normally find in our types of companies. As a result these companies are given some unique but very cool jobs! This is where the “Company Game” experiment comes in."]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":{"text":"The Big Idea"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"After finishing "},{"kind":"inline","type":"link","metadata":{"href":"https://billkill.no/"},"textContent":"Bill Kill"},{"kind":"inline","textContent":", a gamified banking app that promotes fun and healthy budgeting practices to teens, we had an in-house game designer (Hi, that’s me!) open to apply "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/gamification-in-product-design-make-enterprise-software-suck-less"},"textContent":"gamification"},{"kind":"inline","textContent":" and game design theories to our products. We held a meeting and came up with an idea of creating a fun little game using all of our company brands within the "},{"kind":"inline","type":"link","metadata":{"href":"https://newnormalgroup.com/"},"textContent":"New Normal Group"},{"kind":"inline","textContent":". The goal is to simply provide something fun to put on our website that our visitors can enjoy. "}]},{"kind":"block","type":"paragraph","textContent":"This game is geared to show that we aren’t a bunch of suits trying to take your money, because honestly, we are far from that! We’re willing to spend our own time and money to develop and create fun ideas or products just for the sake of exploring new things and for everyone’s entertainment! It also does service as an ad for all of our businesses involved in a non-intrusive way through a bit of immersion."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/69/company-game-experiment.jpg","altText":null,"width":1208,"height":719,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/69/@100/company-game-experiment.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/69/@200/company-game-experiment.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/69/@500/company-game-experiment.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/69/@768/company-game-experiment.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/69/@1024/company-game-experiment.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/69/@100/company-game-experiment.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/69/@200/company-game-experiment.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/69/@500/company-game-experiment.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/69/@768/company-game-experiment.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/69/@1024/company-game-experiment.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/69/@100/company-game-experiment.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/69/@200/company-game-experiment.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/69/@500/company-game-experiment.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/69/@768/company-game-experiment.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/69/@1024/company-game-experiment.avif","width":1024}]}]},{"title":{"text":"Immersive Advertising"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"We had no interest in shoveling ads promoting our products or companies down the throats of our player base, but we saw that we had a lot of content to work with if the game’s mythos and universe used the material our companies owned. I knew that if I was the player I’d be turned off the game if it was just one big ad directed towards me, so I wanted to make sure that the gameplay takes center stage. That is when a discovery came about by accident, the players were both playing as characters and within worlds based on our brands, which in turn caused them to speak about our companies’ intellectual properties in a very positive light, even if it wasn’t specifically about their products."},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"I have realised that these people have been returning to play the game, again and again, giving them positive experiences, memories, and stories with our brands that they felt compelled to talk about with others. For video games is this very normal, "},{"kind":"inline","type":"link","metadata":{"href":"https://www.fandom.com"},"textContent":"fandoms"},{"kind":"inline","textContent":" and communities are built by people grouping up around commonly enjoyed media all the time. The part that struck me as this was something new (or at least something additional) to the normal was that these brands are not part of the entertainment industry, at the end of the day they’re still businesses with products and services to provide but now they’re also the subject of a lot of positivity! I can only imagine how this can serve as a better advertisement than most ads that are often seen and then quickly forgotten or just flat out ignored. It is almost like how the Super Bowl commercials are always trying to be dramatic and funny to be the subject of discussion long after the commercial has ended, whether or not it even served to explain anything about their product. Essentially making our players unintentional walking talking advertisers for us."}]}]},"videos":null,"images":null},{"title":{"text":"The Advergame Challenge: Surviving Marketing"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"As much as this has been an unintentional eye opening experience for me, using games as advertisements isn’t anything new, in fact, these games have a name, "},{"kind":"inline","type":"link","metadata":{"href":"https://money.howstuffworks.com/advergaming.htm"},"textContent":"“Advergames”"},{"kind":"inline","textContent":"$87"}]},{"kind":"block","type":"paragraph","textContent":"Without getting into too much detail, here are a few examples of how marketing harms a game:"},{"kind":"block","type":"unordered-list","children":[{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"strong","textContent":"Breaking Immersion"},{"kind":"inline","textContent":" - No matter if your game is Tetris or an epic story driven "},{"kind":"inline","type":"link","metadata":{"href":"https://whatis.techtarget.com/definition/role-playing-game-RPG"},"textContent":"RPG"},{"kind":"inline","textContent":", there is always a level of immersion that is required to take the game to the next level of enjoyment. Even if it is just a simple theming of the art, audio, and in-game vocabulary. Mentioning real world companies and products will pull the player out of their immersion and break their suspension of disbelief, which often ruins the experience."}]},{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"strong","textContent":"Lack of Innovation"},{"kind":"inline","textContent":" - One thing that has always been key to making a great game is innovating. When a genre or formula becomes stale, innovation is an absolute requirement in producing a successful new title in that genre or a sequel. Without innovation the game will not hold player attention for as long as the games that came before it did. Companies who want to create a game just to advertise commonly avoid hiring game developers and will hire the cheapest programmers who will do the bare minimum to call their product a game. This is why a lot of advergames are exact copy and paste clones of other games or phone apps and lack any innovation of their own."}]},{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"strong","textContent":"More Ad Than Game"},{"kind":"inline","textContent":" - Again, companies often don’t want the risks and time involved in making a proper game and instead build the game like an ad. Companies need to understand that if the game isn’t fun, this is a failed advertisement! Build and test game prototypes first, then explore and develop concepts that were the most fun. After that, you can find where you can place your intellectual properties within. Try to immerse them in your properties without ever stealing the focus away from the game. It might sound counter productive but allow your advertisements to be secondary and the game to be the main focus. The players aren’t playing the game FOR your advertisement, they’re playing it for the game."}]}]}]},"videos":null,"images":null},{"title":{"text":"But… Is It Worth It?"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Making a good game is hard. Making a good game that doubles as an advertisement is even harder. Even the best game developers make bad games now and again because games are entertainment and creating good entertainment is more art than science. There is no winning formula to follow to create a good game. The risks, testing, and development that is vital to increase your chances at developing a successful game may or may not actually be worth it in the end for advertisers. "},{"kind":"inline","type":"line-break"}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Even our “Company Game” is still unreleased and being developed at this time, so it is definitely too soon to make any claims of what real worth a Company Game might bring. So join me in this experiment by staying tuned to "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog"},"textContent":"these blogs"},{"kind":"inline","textContent":", as I will be posting new information every step of the way, explaining more about what I mean by “Immersive Advertising”, as well as including the actual data that follows from the game’s release! I hope to make the information clear enough so that you can come to your own opinions on creating a Company Game!"}]}]},"videos":null,"images":null}]}}]},{"topics":[{"name":"Branding"},{"name":"Product Design"}],"name":"Tone of Voice: Definition and Implementation","path":"/assets/blog/tone-of-voice-definition-and-implementation","id":"675fcb5bb5ccfc2c91b6a4df","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"Tone of Voice: Definition and Implementation"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/34/seo_sb_blog.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/34/@100/seo_sb_blog.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/34/@200/seo_sb_blog.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/34/@500/seo_sb_blog.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/34/@768/seo_sb_blog.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/34/@1024/seo_sb_blog.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/34/@1366/seo_sb_blog.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/34/@1600/seo_sb_blog.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/34/@1920/seo_sb_blog.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/34/@100/seo_sb_blog.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/34/@200/seo_sb_blog.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/34/@500/seo_sb_blog.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/34/@768/seo_sb_blog.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/34/@1024/seo_sb_blog.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/34/@1366/seo_sb_blog.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/34/@1600/seo_sb_blog.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/34/@1920/seo_sb_blog.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/34/@100/seo_sb_blog.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/34/@200/seo_sb_blog.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/34/@500/seo_sb_blog.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/34/@768/seo_sb_blog.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/34/@1024/seo_sb_blog.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/34/@1366/seo_sb_blog.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/34/@1600/seo_sb_blog.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/34/@1920/seo_sb_blog.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Filipa Amado"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"December 20th, 2019"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"We are constantly overwhelmed by waves of content, having access to this infinite stream at any time and place. And in this chaos, you have less than 15 seconds to somehow stand out from all your other competitors, grab the attention of your "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/product-strategy-understanding-product-positioning"},"textContent":"user target"},{"kind":"inline","textContent":", and manage to stay in their memory (top of mind). Needless to say, creating exciting and attention-grabbing content is more important now than ever. The answer lies in developing a distinctive and trustful "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/tone-of-voice-the-new-level-of-branding"},"textContent":"tone of voice"},{"kind":"inline","textContent":"."}]}],"plainText":["We are constantly overwhelmed by waves of content, having access to this infinite stream at any time and place. And in this chaos, you have less than 15 seconds to somehow stand out from all your other competitors, grab the attention of your user target, and manage to stay in their memory (top of mind). Needless to say, creating exciting and attention-grabbing content is more important now than ever. The answer lies in developing a distinctive and trustful tone of voice."]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":{"text":"Tone of Voice: a summary"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"In a previous post, we’ve discussed what defines a "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/tone-of-voice-the-new-level-of-branding"},"textContent":"Tone of Voice"},{"kind":"inline","textContent":". Essentially, Tone of Voice describes how your brand communicates with the audience and influences how your message is perceived. Not only reflects your brand’s personality but also your "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/vision-mission-and-values"},"textContent":"goals and values"},{"kind":"inline","textContent":", helping you connect with your audience and stand out from the competition. Your Tone of Voice should be applied to all the content you produce - from internal memos to marketing campaigns."}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/70/tonevoice.jpg","altText":null,"width":1208,"height":719,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/70/@100/tonevoice.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/70/@200/tonevoice.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/70/@500/tonevoice.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/70/@768/tonevoice.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/70/@1024/tonevoice.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/70/@100/tonevoice.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/70/@200/tonevoice.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/70/@500/tonevoice.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/70/@768/tonevoice.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/70/@1024/tonevoice.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/70/@100/tonevoice.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/70/@200/tonevoice.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/70/@500/tonevoice.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/70/@768/tonevoice.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/70/@1024/tonevoice.avif","width":1024}]}]},{"title":{"text":"Tone vs. Message"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"link","metadata":{"href":"https://www.distilled.net/tone-of-voice/"},"textContent":"Tone of Voice is not what you say, but how you say it"},{"kind":"inline","textContent":". The same message can be communicated in a lot of different ways, depending on the language you choose or the way you construct sentences. "},{"kind":"inline","type":"link","metadata":{"href":"https://exploringyourmind.com/what-does-your-tone-of-voice-convey/"},"textContent":"Different tones convey different psychological information"},{"kind":"inline","textContent":". Tone of Voice adds an extra dimension to your message. This is why it’s one of the most significant elements of communication. It affects how people perceive and react to the message you want to communicate."}]}]},"videos":null,"images":null},{"title":{"text":"Why implement a Tone of Voice?"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"As mentioned, having a Tone of Voice for your brand can help you stand out from your competition while communicating efficiently and effectively with your audience. It can make your brand memorable since it creates a connection and a trust bond in your consumers’ minds. And with this connection, your consumer will be more invested mentally and monetarily in your brand, which can have an impact on your sales and revenue."},{"kind":"block","type":"paragraph","textContent":"Tone of Voice allows your brand to get recognized using only your message, without seeing any visual content. However, there are only a couple of brands that manage to do this, since it’s a very complicated process hard to achieve, but it’s possible. The challenge is now how to define and implement a Tone of Voice in your brand."}]},"videos":null,"images":null},{"title":{"text":"Defining your Tone of Voice"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Defining a Tone of Voice for your brand is an essential part of your "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services/growth-marketing"},"textContent":"content strategy"},{"kind":"inline","textContent":". It’s a complex process, and there is a lot to be decided before even getting started. It’s so much more than just choosing keywords or putting a few sentences together. Crafting a triumphant Tone of Voice takes time and skills to develop that bond with your audience."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Finding your Tone of Voice starts with understanding who your audience is, so you can then adapt your content with the language that will better reach them. Get to know your audience by conducting proper in-depth research, and then craft "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/personas-in-product-design"},"textContent":"user personas"},{"kind":"inline","textContent":" to help you with the process."}]},{"kind":"block","type":"paragraph","textContent":"The next step is to identify the brand’s values and personality you need to keep in mind when creating content. This will help you not only find the language needed to communicate your message effectively but also better connect with your customers."},{"kind":"block","type":"paragraph","textContent":"With all these elements defined, you can now express your Tone of Voice. Your Tone of Voice should always be distinct, clear, consistent, practical, engaging and relevant. And it should come across as personal, coherent, appropriate and trust-worthy to the target audience."}]},"videos":null,"images":null},{"title":{"text":"Tone of Voice Guidelines"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"link","metadata":{"href":"https://www.semrush.com/blog/how-to-define-your-tone-of-voice/"},"textContent":"To successfully implement your Tone of Voice"},{"kind":"inline","textContent":", you need to set clear "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/brand-style-guide-explained"},"textContent":"brand guidelines"},{"kind":"inline","textContent":" that will help you ensure your brand’s tone comes through in every communication produced. This tool will help your team create consistent content across channels. Aside from the description of your target audience, core values, and "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/product-strategy-mission-statement"},"textContent":"mission statement"},{"kind":"inline","textContent":", your Tone of Voice guidelines should also include:"}]},{"kind":"block","type":"unordered-list","children":[{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"link","metadata":{"href":"https://gimmemojo.com/2017/08/14/message-architecture-missing-piece-content-strategy-puzzle/"},"children":[{"kind":"inline","type":"strong","textContent":"Message Architecture"}]},{"kind":"inline","textContent":" - what you want to communicate to your audience"}]},{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"link","metadata":{"href":"https://coschedule.com/marketing-strategy/brand-voice/"},"children":[{"kind":"inline","type":"strong","textContent":"Brand Voice Chart"}]},{"kind":"inline","textContent":" - three board statements that describe your brand’s personality"}]},{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"strong","textContent":"Vocabulary and Grammar"},{"kind":"inline","textContent":" - specific syntax and punctuation use can input your message with a particular meaning"}]},{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"strong","textContent":"Symbolic language"},{"kind":"inline","textContent":" - metaphors, slang, even humor can add another dimension to your Tone of Voice"}]}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"(SEMrush Blog, "},{"kind":"inline","type":"link","metadata":{"href":"https://www.semrush.com/user/146599825/"},"children":[{"kind":"inline","type":"strong","textContent":"Eugenia Verbina"}]},{"kind":"inline","textContent":", 2019)"}]},{"kind":"block","type":"paragraph","textContent":"Overall, it’s essential to prove with clear examples of the type of content you want to produce and reflects your brand. However, you might need to review your Tone of Voice once in a while, since it can vary depending on the audience, medium, and mood. But as mentioned, your brand’s overall Tone of Voice should be somewhat consistent in every piece you deliver."}]},"videos":null,"images":null}]}}]},{"topics":[{"name":"Product Design"}],"name":"Testing Smart Animate in Figma with Graphs","path":"/assets/blog/testing-smart-animate-in-figma-with-graphs","id":"675fcbdced4383af9fa4e31d","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"Testing Smart Animate in Figma with Graphs"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/35/figma__sb_blog.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/35/@100/figma__sb_blog.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/35/@200/figma__sb_blog.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/35/@500/figma__sb_blog.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/35/@768/figma__sb_blog.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/35/@1024/figma__sb_blog.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/35/@1366/figma__sb_blog.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/35/@1600/figma__sb_blog.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/35/@1920/figma__sb_blog.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/35/@100/figma__sb_blog.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/35/@200/figma__sb_blog.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/35/@500/figma__sb_blog.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/35/@768/figma__sb_blog.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/35/@1024/figma__sb_blog.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/35/@1366/figma__sb_blog.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/35/@1600/figma__sb_blog.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/35/@1920/figma__sb_blog.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/35/@100/figma__sb_blog.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/35/@200/figma__sb_blog.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/35/@500/figma__sb_blog.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/35/@768/figma__sb_blog.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/35/@1024/figma__sb_blog.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/35/@1366/figma__sb_blog.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/35/@1600/figma__sb_blog.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/35/@1920/figma__sb_blog.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Astrid Nymoen"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"December 10th, 2019"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Recently our team here at "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/"},"textContent":"Snowball"},{"kind":"inline","textContent":" started using "},{"kind":"inline","type":"link","metadata":{"href":"https://www.figma.com/"},"textContent":"Figma"},{"kind":"inline","textContent":" as a tool for "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/user-interface-design-(ui)-and-user-experience-(ux)-for-crystallize"},"textContent":"UI/UX design"},{"kind":"inline","textContent":". Overall we are very pleased with a lot of the features that Figma gives us compared to the two design tools we converted from, "},{"kind":"inline","type":"link","metadata":{"href":"https://www.sketch.com/"},"textContent":"Sketch"},{"kind":"inline","textContent":" and "},{"kind":"inline","type":"link","metadata":{"href":"https://www.adobe.com/products/xd.html"},"textContent":"Adobe XD"},{"kind":"inline","textContent":"."}]}],"plainText":["Recently our team here at Snowball started using Figma as a tool for UI/UX design. Overall we are very pleased with a lot of the features that Figma gives us compared to the two design tools we converted from, Sketch and Adobe XD."]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":{"text":"Figma and Smart Animate"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Figma launched "},{"kind":"inline","type":"link","metadata":{"href":"https://help.figma.com/article/365-smart-animate"},"textContent":"Smart Animate"},{"kind":"inline","textContent":" on October 3rd. As an animation-enthusiast, I was thrilled to hear about this new feature. Though in its early stages, it still works very well for some of the animations you need to get life into a prototype. Yay for easily making prototypes to show our customers. "}]},{"kind":"block","type":"paragraph"},{"kind":"block","type":"paragraph","textContent":"In this release Smart Animate supports these features:"},{"kind":"block","type":"unordered-list","children":[{"kind":"block","type":"list-item","textContent":"Scale"},{"kind":"block","type":"list-item","textContent":"Position"},{"kind":"block","type":"list-item","textContent":"Opacity"},{"kind":"block","type":"list-item","textContent":"Rotation"},{"kind":"block","type":"list-item","textContent":"Fill"}]}]},"videos":null,"images":null},{"title":{"text":"Visualizing graphs"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Though maybe not entirely fair to a feature in its early stages, I tried to make sense of some sketches for reporting in our "},{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com/"},"textContent":"headless e-commerce"},{"kind":"inline","textContent":" Crystallize. So I took it to the test of visualizing data."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"line-break"}]},{"kind":"block","type":"paragraph","textContent":"The graphs I had were almost all stroke-based. This turned out to be a problem. Smart Animate doesn’t seem to understand the changes in shapes entirely stroke-based. Even simple shape changes as a stroked line prolonged. Though I had some success if I just changed one or two lines. The result was quite strange looking with these seven lines, and Figma crashed a couple of times."},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"line-break"}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/71/figma-visualizing-graphs.gif","altText":null,"width":1100,"height":582,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/71/@100/figma-visualizing-graphs.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/71/@200/figma-visualizing-graphs.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/71/@500/figma-visualizing-graphs.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/71/@768/figma-visualizing-graphs.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/71/@1024/figma-visualizing-graphs.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/71/@100/figma-visualizing-graphs.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/71/@200/figma-visualizing-graphs.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/71/@500/figma-visualizing-graphs.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/71/@768/figma-visualizing-graphs.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/71/@1024/figma-visualizing-graphs.avif","width":1024}]}]},{"title":null,"body":{"json":[{"kind":"block","type":"paragraph","textContent":"My solution was to change the stroked lines to rectangles. That made the fill and the size possible to animate and the results quite good. "}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/71/figma-visualizing-graphs-solution.gif","altText":null,"width":1100,"height":580,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/71/@100/figma-visualizing-graphs-solution.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/71/@200/figma-visualizing-graphs-solution.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/71/@500/figma-visualizing-graphs-solution.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/71/@768/figma-visualizing-graphs-solution.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/71/@1024/figma-visualizing-graphs-solution.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/71/@100/figma-visualizing-graphs-solution.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/71/@200/figma-visualizing-graphs-solution.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/71/@500/figma-visualizing-graphs-solution.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/71/@768/figma-visualizing-graphs-solution.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/71/@1024/figma-visualizing-graphs-solution.avif","width":1024}]}]},{"title":{"text":"Animate between shapes"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"As far as I can see it’s not yet possible to animate a simple line graph. I hope that Smart Animate will have this included in an update soon. Then this could also become a great tool for visualizing graph-heavy UI-design."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/72/animated_sales_figma.gif","altText":null,"width":1508,"height":868,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/72/@100/animated_sales_figma.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/72/@200/animated_sales_figma.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/72/@500/animated_sales_figma.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/72/@768/animated_sales_figma.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/72/@1024/animated_sales_figma.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/72/@1366/animated_sales_figma.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/72/@100/animated_sales_figma.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/72/@200/animated_sales_figma.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/72/@500/animated_sales_figma.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/72/@768/animated_sales_figma.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/72/@1024/animated_sales_figma.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/72/@1366/animated_sales_figma.avif","width":1366}]}]}]}}]},{"topics":[{"name":"Growth Strategy"}],"name":"How to Write for Findability (SEO) and Scannability on the Web?","path":"/assets/blog/how-to-write-for-findability-seo-and-scannability-on-the-web","id":"675fcec8299fd38154a7a630","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"How to Write for Findability (SEO) and Scannability on the Web?"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/37/seo_sb_blog.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/37/@100/seo_sb_blog.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/37/@200/seo_sb_blog.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/37/@500/seo_sb_blog.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/37/@768/seo_sb_blog.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/37/@1024/seo_sb_blog.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/37/@1366/seo_sb_blog.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/37/@1600/seo_sb_blog.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/37/@1920/seo_sb_blog.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/37/@100/seo_sb_blog.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/37/@200/seo_sb_blog.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/37/@500/seo_sb_blog.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/37/@768/seo_sb_blog.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/37/@1024/seo_sb_blog.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/37/@1366/seo_sb_blog.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/37/@1600/seo_sb_blog.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/37/@1920/seo_sb_blog.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/37/@100/seo_sb_blog.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/37/@200/seo_sb_blog.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/37/@500/seo_sb_blog.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/37/@768/seo_sb_blog.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/37/@1024/seo_sb_blog.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/37/@1366/seo_sb_blog.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/37/@1600/seo_sb_blog.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/37/@1920/seo_sb_blog.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Bård Farstad"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"November 6th, 2019"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"When writing for the web you want to keep in mind two principles: findability and scannability. Scannability means that people reading can get the main concepts of the text by just scanning headlines and bullet lists. Writing for findability means making the content search engine optimized ("},{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com/blog/ecommerce-seo-checklist"},"textContent":"SEO"},{"kind":"inline","textContent":"). You should start with the most important points first and summarize the main takeaways as early as possible. Do not wait to summarize in a good old conclusion. This is often referred to as an "},{"kind":"inline","type":"link","metadata":{"href":"https://en.wikipedia.org/wiki/Inverted_pyramid_(journalism)"},"textContent":"inverted pyramid"},{"kind":"inline","textContent":" in journalism."}]}],"plainText":["When writing for the web you want to keep in mind two principles: findability and scannability. Scannability means that people reading can get the main concepts of the text by just scanning headlines and bullet lists. Writing for findability means making the content search engine optimized (SEO). You should start with the most important points first and summarize the main takeaways as early as possible. Do not wait to summarize in a good old conclusion. This is often referred to as an inverted pyramid in journalism."]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":{"text":"Use titles, text, and bullets for better scannability"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"When people are scanning text online they are often not reading the main paragraph content. They scan titles and summarized bullet lists to find what they are looking for. You should, therefore, have the main points of your text summarized in titles and subtitles. Each section should have a clear title summarizing the main points."},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Paragraph content can be used to elaborate on details that are less important. Each section should have a construct of title, paragraph, bullet list and ideally an image. Use links for scannability and better "},{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com/blog/ecommerce-seo-checklist"},"textContent":"SEO"},{"kind":"inline","textContent":"."},{"kind":"inline","type":"line-break"}]},{"kind":"block","type":"unordered-list","children":[{"kind":"block","type":"list-item","textContent":"Have the main points in the title"},{"kind":"block","type":"list-item","textContent":"Use paragraphs to elaborate on details"},{"kind":"block","type":"list-item","textContent":"Use bullet lists to summarize"},{"kind":"block","type":"list-item","children":[{"kind":"inline","textContent":"Use images or illustrations for clarity or context"},{"kind":"inline","type":"line-break"}]}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/80/findability-scannability.jpg","altText":null,"width":1208,"height":719,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/80/@100/findability-scannability.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/80/@200/findability-scannability.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/80/@500/findability-scannability.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/80/@768/findability-scannability.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/80/@1024/findability-scannability.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/80/@100/findability-scannability.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/80/@200/findability-scannability.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/80/@500/findability-scannability.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/80/@768/findability-scannability.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/80/@1024/findability-scannability.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/80/@100/findability-scannability.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/80/@200/findability-scannability.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/80/@500/findability-scannability.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/80/@768/findability-scannability.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/80/@1024/findability-scannability.avif","width":1024}]}]},{"title":{"text":"Have the main keywords in the title and repeat them in text for findability"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"As with scannability, you should have your main keywords in the title of your text. The title tag, h1 tag, and URL should match your main keywords. Paragraph content and bullet lists should repeat your main keywords. Image names and alt text should include relevant keywords. "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/details-matter-in-product-design"},"textContent":"Details matter"},{"kind":"inline","textContent":"."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Both findability and scannability are key for a successfully executed "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/content-strategy-for-exponential-growth-marketing"},"textContent":"content strategy"},{"kind":"inline","textContent":"."},{"kind":"inline","type":"line-break"}]},{"kind":"block","type":"unordered-list","children":[{"kind":"block","type":"list-item","textContent":"Keep the main keywords in the title"},{"kind":"block","type":"list-item","textContent":"Make sure to use proper HTML tagging of , <h1> and <paragraph> content"},{"kind":"block","type":"list-item","textContent":"Name images properly and use alt text"}]}]},"videos":null,"images":null}]}}]},{"topics":[{"name":"Product Design"},{"name":"Growth Strategy"}],"name":"Product Design Process","path":"/assets/blog/product-design-process","id":"675fcf1ec7d4476784131839","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"Product Design Process"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/38/product_design_sb_blog.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/38/@100/product_design_sb_blog.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/38/@200/product_design_sb_blog.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/38/@500/product_design_sb_blog.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/38/@768/product_design_sb_blog.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/38/@1024/product_design_sb_blog.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/38/@1366/product_design_sb_blog.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/38/@1600/product_design_sb_blog.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/38/@1920/product_design_sb_blog.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/38/@100/product_design_sb_blog.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/38/@200/product_design_sb_blog.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/38/@500/product_design_sb_blog.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/38/@768/product_design_sb_blog.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/38/@1024/product_design_sb_blog.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/38/@1366/product_design_sb_blog.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/38/@1600/product_design_sb_blog.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/38/@1920/product_design_sb_blog.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/38/@100/product_design_sb_blog.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/38/@200/product_design_sb_blog.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/38/@500/product_design_sb_blog.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/38/@768/product_design_sb_blog.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/38/@1024/product_design_sb_blog.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/38/@1366/product_design_sb_blog.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/38/@1600/product_design_sb_blog.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/38/@1920/product_design_sb_blog.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Filipa Amado"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"October 29th, 2019"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Creating an effective and clear "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services"},"textContent":"Product Design"},{"kind":"inline","textContent":" Process can have a huge impact on your business. Defining proper techniques and methods will help you better solve any problems while also respond to the client’s needs. With this process, you will be able to develop and design the best possible product."}]}],"plainText":["Creating an effective and clear Product Design Process can have a huge impact on your business. Defining proper techniques and methods will help you better solve any problems while also respond to the client’s needs. With this process, you will be able to develop and design the best possible product."]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":{"text":"What is product design process?"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Product design is complicated and complex. It’s important for a business to have a well-structured process with clear arranged steps to plan and integrate. This is achieved by developing a Product Design Process."},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"A "},{"kind":"inline","type":"link","metadata":{"href":"https://www.imaginarycloud.com/blog/product-design-process/"},"textContent":"product design process"},{"kind":"inline","textContent":" can be defined as a sequence of steps that are followed by a product team to develop a design solution. It’s a series of design tasks that follow a product from start to finish. From idea to the final product ready to be commercially available to the "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/product-strategy-understanding-product-positioning"},"textContent":"target user"},{"kind":"inline","textContent":"."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"It’s impossible to provide a universal design process that fits all products, tangible or intangible. It’s about adapting the process to fit your particular needs and goals with a certain project. However, it's possible to describe "},{"kind":"inline","type":"link","metadata":{"href":"https://www.smashingmagazine.com/2018/01/comprehensive-guide-product-design/"},"textContent":"a series of steps"},{"kind":"inline","textContent":" that should be present in some way in every product design process:"}]},{"kind":"block","type":"unordered-list","children":[{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services/product-strategy"},"textContent":"Product Vision and Strategy"}]},{"kind":"block","type":"list-item","textContent":"Product Research and Analysis"},{"kind":"block","type":"list-item","textContent":"Idea Generation"},{"kind":"block","type":"list-item","textContent":"Design Execution"},{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"link","metadata":{"href":"https://www.interaction-design.org/literature/article/design-thinking-get-started-with-prototyping"},"textContent":"Prototyping"}]},{"kind":"block","type":"list-item","textContent":"Testing and Validation"},{"kind":"block","type":"list-item","textContent":"Product Launch"},{"kind":"block","type":"list-item","textContent":"Post-Launch Activities"}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/81/product-design-process.jpg","altText":null,"width":2416,"height":1438,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/81/@100/product-design-process.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/81/@200/product-design-process.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/81/@500/product-design-process.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/81/@768/product-design-process.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/81/@1024/product-design-process.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/81/@1366/product-design-process.jpeg","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/81/@1600/product-design-process.jpeg","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/81/@1920/product-design-process.jpeg","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/81/@100/product-design-process.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/81/@200/product-design-process.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/81/@500/product-design-process.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/81/@768/product-design-process.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/81/@1024/product-design-process.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/81/@1366/product-design-process.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/81/@1600/product-design-process.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/81/@1920/product-design-process.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/81/@100/product-design-process.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/81/@200/product-design-process.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/81/@500/product-design-process.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/81/@768/product-design-process.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/81/@1024/product-design-process.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/81/@1366/product-design-process.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/81/@1600/product-design-process.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/81/@1920/product-design-process.avif","width":1920}]}]},{"title":{"text":"Define Product Vision and Strategy"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Before starting your Product Design’s journey, there is one crucial phase that is actually done before you even think about building the product. Every product design process should begin with having the product team defining a product vision and "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services/product-strategy"},"textContent":"product strategy"},{"kind":"inline","textContent":". This will not only set a direction, but it will guide you and your team to achieve your goals."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"During this phase, you need to reflect on your business, and why should it exist in the first place. Think about the "},{"kind":"inline","type":"link","metadata":{"href":"https://hbr.org/2012/09/are-you-solving-the-right-problem"},"textContent":"problem you are trying to solve"},{"kind":"inline","textContent":", and who can benefit from having the product. And finally, really consider what do you want to achieve in the future and what is the ultimate user experience you’re aiming for. "}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"You should spend some resources on defining your "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/vision-mission-and-values"},"textContent":"vision, mission, and values"},{"kind":"inline","textContent":". It’s an essential phase because it sets the foundation and helps support the eventual success of your product. Only after setting all of this does it make sense to move on to finding a solution to the problem. "}]}]},"videos":null,"images":null},{"title":{"text":"Product Research and Analysis"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Once the product vision and strategy are defined, the next step is to conduct product research and the analysis of those same results. The main goal at this stage is to gather evidence that will support all decisions you will take in the course of this process. You also should be able to identify the main aspects of the business model and user needs."},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Product Research should include user and market research, in which you have a few different techniques to choose, from "},{"kind":"inline","type":"link","metadata":{"href":"https://www.nngroup.com/articles/user-interviews/"},"textContent":"user interviews"},{"kind":"inline","textContent":" to online surveys. It’s important to conduct insightful "},{"kind":"inline","type":"link","metadata":{"href":"https://medium.com/@reassembleux/market-research-vs-user-research-are-they-the-same-3ec59dec637f"},"textContent":"user and market research"},{"kind":"inline","textContent":" since it enables you to understand what your users actually need. After investigating user needs and the existing marketing, the product team needs to review the data collected. From this research, you should be able to gather useful insights, identify target groups and "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/personas-in-product-design"},"textContent":"create representative personas"},{"kind":"inline","textContent":"."}]},{"kind":"block","type":"paragraph","textContent":"This will save you a lot of resources because, with better the research, the fewer adjustments on your product you will need to make going forward."},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"line-break"}]}]},"videos":null,"images":null},{"title":{"text":"Idea Generation"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"The "},{"kind":"inline","type":"link","metadata":{"href":"https://smallbusiness.chron.com/five-phases-new-product-development-process-16006.html"},"textContent":"idea generation phase"},{"kind":"inline","textContent":" is when the product team members brainstorm on a range of creative ideas and new concepts to create a product. Ideation is the core of the creative process in Product Design. It’s where the concept of the product will be formulated based on the user’s needs and business model identified during "},{"kind":"inline","type":"link","metadata":{"href":"https://www.abetterlemonadestand.com/conduct-effective-product-research/"},"textContent":"Product Research"},{"kind":"inline","textContent":"."}]},{"kind":"block","type":"paragraph","textContent":"During this phase, it’s critical not only to generate ideas but also to determine which ideas can be successful in fulfiling your target-users’ needs. Although design execution is important, the right product idea selection can lead you to success or failure."}]},"videos":null,"images":null},{"title":{"text":"Design Execution and Prototyping"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"After the idea generation phase, the product team should have a clear understanding of what approach to take for the product. During the design phase, the team will begin to create a product from the ideas generated - the physical representation of a concept/idea."},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"It’s the designer’s responsibility to create a design that incorporates both form and function. And to ensure that a good user experience is delivered, "},{"kind":"inline","type":"link","metadata":{"href":"https://athgo.org/4-steps-build-products-first-prototype/"},"textContent":"building a prototype"},{"kind":"inline","textContent":" needs to be a part of the product design process. A prototype is essentially an early sample, a model of an idea, that is build to test the product before building the full solution. "}]},{"kind":"block","type":"paragraph","textContent":"After creating the prototyping, the design team hands over the design to go to production, this consists of, along with the prototype, a series of detailed drawings and technical specifications. The more detailed information one can deliver, the closer the final product will be to the original idea."}]},"videos":null,"images":null},{"title":{"text":"Testing, Product Launch, and Post-Launch"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"The testing of the prototypes created in the previous phase helps unsure the design idea works as intended and manages to conquer every goal set out during initial phases. However, sometimes in a chaotic environment or in quick processes, testing is often not taken seriously or even overlooked. And so, it’s important to understand that when testing is carefully done, you might find some unexpected insights that require you to change your product or even your whole strategy. "},{"kind":"block","type":"paragraph","textContent":"After testing your concept, it’s essential to revise the design and make any necessary adjustments. Then retest the prototype again until you have a viable design ready to send off again."},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Once everything has been adjusted, you should have a plan to launch your product finally. At this phase, both production and "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services/growth-marketing"},"textContent":"growth marketing"},{"kind":"inline","textContent":" will need to work together and in a coordinated way. And it’s important to note that, even after the official launch of the product, the product design process is not over. In fact, product design is an ongoing process that continues for as long as a product is in the market."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"The way your product behaves on the marketplace can sometimes be unpredictable and need changes along the way. By using "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/how-to-choose-the-right-marketing-kpis"},"textContent":"marketing metric analysis"},{"kind":"inline","textContent":" and feedback from stakeholders, you’ll be able to gain new insights and improve your product accordingly. "}]}]},"videos":null,"images":null}]}}]},{"topics":[{"name":"Branding"},{"name":"Product Design"}],"name":"Mood boards for Branding and Product Design","path":"/assets/blog/mood-boards-for-branding-and-product-design","id":"675fd088c7d4476784131962","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"Mood boards for Branding and Product Design"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/41/branding_sb_blog.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/41/@100/branding_sb_blog.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/41/@200/branding_sb_blog.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/41/@500/branding_sb_blog.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/41/@768/branding_sb_blog.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/41/@1024/branding_sb_blog.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/41/@1366/branding_sb_blog.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/41/@1600/branding_sb_blog.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/41/@1920/branding_sb_blog.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/41/@100/branding_sb_blog.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/41/@200/branding_sb_blog.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/41/@500/branding_sb_blog.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/41/@768/branding_sb_blog.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/41/@1024/branding_sb_blog.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/41/@1366/branding_sb_blog.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/41/@1600/branding_sb_blog.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/41/@1920/branding_sb_blog.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/41/@100/branding_sb_blog.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/41/@200/branding_sb_blog.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/41/@500/branding_sb_blog.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/41/@768/branding_sb_blog.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/41/@1024/branding_sb_blog.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/41/@1366/branding_sb_blog.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/41/@1600/branding_sb_blog.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/41/@1920/branding_sb_blog.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Filipa Amado"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"September 4th, 2019"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"When creating a new brand, you should be the individual that understands it better than anyone else. As a brand creator, you should have full knowledge of not only your brand’s foundation and culture, as well as your business’s "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/vision-mission-and-values"},"textContent":"vision, mission, and values"},{"kind":"inline","textContent":". But you may have some difficulty trying to convey your brand qualities to stakeholders or anyone involved, especially in the beginning. "},{"kind":"inline","type":"link","metadata":{"href":"https://en.99designs.pt/blog/tips/how-to-create-a-mood-board/"},"textContent":"A mood board can help you accurately communicate your brand"},{"kind":"inline","textContent":". Creating a mood board for your business is an ideal first step to help you in the "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services/product-design"},"textContent":"branding"},{"kind":"inline","textContent":" process and the following "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services"},"textContent":"product design"},{"kind":"inline","textContent":" development."}]}],"plainText":["When creating a new brand, you should be the individual that understands it better than anyone else. As a brand creator, you should have full knowledge of not only your brand’s foundation and culture, as well as your business’s vision, mission, and values. But you may have some difficulty trying to convey your brand qualities to stakeholders or anyone involved, especially in the beginning. A mood board can help you accurately communicate your brand. Creating a mood board for your business is an ideal first step to help you in the branding process and the following product design development."]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":{"text":"What is a mood board?"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"A "},{"kind":"inline","type":"link","metadata":{"href":"https://en.wikipedia.org/wiki/Mood_board"},"textContent":"mood board"},{"kind":"inline","textContent":" is a physical or digital collage containing a variety of images, text, and other objects that define and communicate your brand’s identity. It can include just about any visual medium of ideas and concepts that could help you define the creative direction of your brand. But keep in mind that a mood board should be more than just pretty pictures, it should be an organized and succinct collection of visual assets that "},{"kind":"inline","type":"link","metadata":{"href":"https://www.haskincreatives.com/blog/how-to-create-a-mood-board-using-pinterest"},"children":[{"kind":"inline","type":"emphasized","textContent":"tell a visual story of how you want your brand and business to look and feel"}]},{"kind":"inline","type":"emphasized","textContent":" "},{"kind":"inline","textContent":"("},{"kind":"inline","type":"link","metadata":{"href":"https://www.haskincreatives.com/blog?author=54142857e4b014031cfda9d3"},"textContent":"Megan Haskin"},{"kind":"inline","type":"link","metadata":{"href":"https://www.haskincreatives.com/blog/how-to-create-a-mood-board-using-pinterest"},"textContent":", 2018"},{"kind":"inline","textContent":")."}]},{"kind":"block","type":"paragraph","textContent":"A mood board can be a crucial tool and act as a guide when making design choices for everything from websites to the font you use on a button. It’s a brand visual aid that can serve as an inspiration source while helping you to stay consistent."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/84/moodboards-inspiration.jpg","altText":null,"width":1208,"height":772,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/84/@100/moodboards-inspiration.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/84/@200/moodboards-inspiration.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/84/@500/moodboards-inspiration.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/84/@768/moodboards-inspiration.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/84/@1024/moodboards-inspiration.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/84/@100/moodboards-inspiration.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/84/@200/moodboards-inspiration.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/84/@500/moodboards-inspiration.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/84/@768/moodboards-inspiration.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/84/@1024/moodboards-inspiration.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/84/@100/moodboards-inspiration.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/84/@200/moodboards-inspiration.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/84/@500/moodboards-inspiration.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/84/@768/moodboards-inspiration.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/84/@1024/moodboards-inspiration.avif","width":1024}]}]},{"title":{"text":"Importance of a mood board"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Now that we have defined what is a mood board, it’s important to explore "},{"kind":"inline","type":"link","metadata":{"href":"https://en.99designs.pt/blog/tips/how-to-create-a-mood-board/"},"textContent":"how exactly can a mood board be valuable for"},{"kind":"inline","textContent":" ("},{"kind":"inline","type":"link","metadata":{"href":"https://en.99designs.pt/blog/author/krisdecker/"},"children":[{"kind":"inline","type":"emphasized","textContent":"Kris Decker"}]},{"kind":"inline","type":"emphasized","textContent":", 2016"},{"kind":"inline","textContent":"):"}]},{"kind":"block","type":"unordered-list","children":[{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"strong","textContent":"Inspiration"},{"kind":"inline","textContent":": If you are still building your brand identity, a mood board can help you focus on what exactly you want your brand to convey. A mood board is an excellent tool for inspiration and can help stimulate creativity when needed while making sure you stay consistent in any design decision you make."}]},{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"strong","textContent":"Affirmation"},{"kind":"inline","textContent":": If you are already confident about what defines your business, a mood board will help you affirm and support your brand identity. A mood board can help sediment your brand and communicate the culture and values of your business to any stakeholders."}]},{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"strong","textContent":"Direction"},{"kind":"inline","textContent":": As previously mentioned, a mood board can act as a guide and help you to keep focus. A mood board should be used as a reference tool that sets up the visual direction of your brand right from the beginning. It can also help you navigate any design decision when developing branding or any marketing material, making sure you are staying cohesive and faithful to your brand's message."}]},{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"strong","textContent":"Communication"},{"kind":"inline","textContent":": A mood board ensures that any stakeholder or person involved in your business understands not only your brand but also your vision and values, keeping everyone on the same page as you advance."}]}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/85/moodboards-pinterest.jpg","altText":null,"width":1208,"height":719,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/85/@100/moodboards-pinterest.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/85/@200/moodboards-pinterest.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/85/@500/moodboards-pinterest.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/85/@768/moodboards-pinterest.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/85/@1024/moodboards-pinterest.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/85/@100/moodboards-pinterest.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/85/@200/moodboards-pinterest.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/85/@500/moodboards-pinterest.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/85/@768/moodboards-pinterest.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/85/@1024/moodboards-pinterest.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/85/@100/moodboards-pinterest.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/85/@200/moodboards-pinterest.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/85/@500/moodboards-pinterest.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/85/@768/moodboards-pinterest.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/85/@1024/moodboards-pinterest.avif","width":1024}]}]},{"title":{"text":"How to create a mood board"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"strong","textContent":"STEP 01: Pick your medium"}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"The first step to creating a mood board is to "},{"kind":"inline","type":"link","metadata":{"href":"https://www.crowdspring.com/blog/small-business-branding-mood-board/"},"textContent":"pick a medium"},{"kind":"inline","textContent":", either a digital or a physical one. It’s up to you to choose if you want to search for images using the internet or using some books and magazines. On the one hand, doing an online image search and assemble them digitally is easier than ever using "},{"kind":"inline","type":"link","metadata":{"href":"https://www.pinterest.com"},"textContent":"websites like Pinterest"},{"kind":"inline","textContent":". On the other hand, you can achieve a more tactile experience with a physical mood board that allows you to mix your media and push yourself creatively."}]},{"kind":"block","type":"paragraph"},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"line-break"}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"strong","textContent":"STEP 02: Research"}]},{"kind":"block","type":"paragraph","textContent":"To build your mood board, you need first to gather as many elements as you can find that represents your brand’s identity. Search for photos, colours, letters, textures, or any patterns that might fit your brand. This means that every time an element looks like it can communicate your brand in any way, save it. It’s fine to start with quite a few items; the editing part will come later."},{"kind":"block","type":"paragraph"},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"line-break"}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"strong","textContent":"STEP 03: Curate your board"}]},{"kind":"block","type":"paragraph","textContent":"When you reach this step, you should have a wide collection of elements from the previous step. Now it’s time to start editing. Too much imagery can be confusing, so the goal is to sort through what you’ve gathered and start narrowing down items. The final selection should be only materials that strongly communicate your brand’s identity."},{"kind":"block","type":"paragraph","textContent":"During this step, it can help you to identify any key trends or specific styles among the groups of elements you’ve selected. And from those trends you’ve identified, it will be easier to select the strongest images to use for your mood board. This will also help you eliminate any element that would just be adding noise to your mood board and confusion to the overall visual direction you would like to take"},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"line-break"}]},{"kind":"block","type":"paragraph"},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"strong","textContent":"STEP 04: Organize the materials"}]},{"kind":"block","type":"paragraph","textContent":"Now that you’ve collected and sorted your materials and elements, you can position them on your mood board. You are free to choose to either be chaotic or organize the way you present your imagery. Once you’ve decided on the board’s overall structure, think about the image placement and how they interact with each other. It’s also important to keep in mind that, in a mood board, size is related to importance. Make sure your key trends and any related images have a prominent place on your board, placing any other smaller elements around them as support."},{"kind":"block","type":"paragraph","textContent":"Finally, it would be best if you remembered that a mood board is not a final piece, but instead a working document. It should be seen as an exploration tool, and as your brand evolves, you can adapt your mood board accordingly."}]},"videos":null,"images":null}]}}]},{"topics":[{"name":"Growth Strategy"},{"name":"Marketing"}],"name":"What is Keyword Tracking?","path":"/assets/blog/what-is-keyword-tracking","id":"675fd0edc7d4476784131963","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"What is Keyword Tracking?"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/42/seo_sb_blog.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/42/@100/seo_sb_blog.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/42/@200/seo_sb_blog.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/42/@500/seo_sb_blog.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/42/@768/seo_sb_blog.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/42/@1024/seo_sb_blog.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/42/@1366/seo_sb_blog.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/42/@1600/seo_sb_blog.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/42/@1920/seo_sb_blog.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/42/@100/seo_sb_blog.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/42/@200/seo_sb_blog.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/42/@500/seo_sb_blog.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/42/@768/seo_sb_blog.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/42/@1024/seo_sb_blog.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/42/@1366/seo_sb_blog.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/42/@1600/seo_sb_blog.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/42/@1920/seo_sb_blog.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/42/@100/seo_sb_blog.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/42/@200/seo_sb_blog.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/42/@500/seo_sb_blog.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/42/@768/seo_sb_blog.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/42/@1024/seo_sb_blog.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/42/@1366/seo_sb_blog.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/42/@1600/seo_sb_blog.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/42/@1920/seo_sb_blog.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Filipa Amado"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"September 4th, 2019"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Within the world of "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services/growth-marketing"},"textContent":"Growth Marketing"},{"kind":"inline","textContent":", Keywords represent an essential part of "},{"kind":"inline","type":"link","metadata":{"href":"https://en.wikipedia.org/wiki/Search_engine_optimization"},"textContent":"Search engine optimization"},{"kind":"inline","textContent":" (SEO). The tracking of these keywords can provide great value for your website’s organic ranking in search engines. Keyword tracking can give the data and the perfect insight into your website. And with that, you will be able to make informed decisions about how to improve "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services/growth-marketing"},"textContent":"content strategy"},{"kind":"inline","textContent":" and subsequently traffic on your website."}]}],"plainText":["Within the world of Growth Marketing, Keywords represent an essential part of Search engine optimization (SEO). The tracking of these keywords can provide great value for your website’s organic ranking in search engines. Keyword tracking can give the data and the perfect insight into your website. And with that, you will be able to make informed decisions about how to improve content strategy and subsequently traffic on your website."]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":{"text":"Understanding Keyword Tracking"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"link","metadata":{"href":"https://whatagraph.com/blog/articles/keyword-monitoring"},"textContent":"Keyword tracking"},{"kind":"inline","textContent":" is essentially the activity of monitoring the position of your website for specific keywords. It’s a process that allows you to get important data and metrics about specific keywords and shows how well your website ranks for those exact keywords. Ideally, you would want to be in the first position for each keyword search, or at least on the first results page in the search engine. Needless to say, that keywords should be monitored regularly to see and understand possible flotations with your website’s ranking, and take the appropriate action if necessary."}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/86/keyword-tracking.png","altText":null,"width":2552,"height":1226,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/86/@100/keyword-tracking.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/86/@200/keyword-tracking.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/86/@500/keyword-tracking.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/86/@768/keyword-tracking.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/86/@1024/keyword-tracking.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/86/@1366/keyword-tracking.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/86/@1600/keyword-tracking.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/86/@1920/keyword-tracking.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/86/@100/keyword-tracking.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/86/@200/keyword-tracking.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/86/@500/keyword-tracking.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/86/@768/keyword-tracking.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/86/@1024/keyword-tracking.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/86/@1366/keyword-tracking.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/86/@1600/keyword-tracking.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/86/@1920/keyword-tracking.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/86/@100/keyword-tracking.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/86/@200/keyword-tracking.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/86/@500/keyword-tracking.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/86/@768/keyword-tracking.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/86/@1024/keyword-tracking.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/86/@1366/keyword-tracking.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/86/@1600/keyword-tracking.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/86/@1920/keyword-tracking.avif","width":1920}]}]},{"title":{"text":"Why is Keyword Tracking important?"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"As mentioned, working with keywords is one of the most crucial aspects of SEO. Tracking keywords will provide you with some critical "},{"kind":"inline","type":"link","metadata":{"href":"https://realtimemarketing.com/services/marketing-analytics-dashboard/keyword-tracking/"},"children":[{"kind":"inline","type":"emphasized","textContent":"insight into how your website and content are performing in search engine result pages"}]},{"kind":"inline","textContent":". You will get a better understanding of your website’s visibility and where exactly you can focus on future search optimization strategies."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"“The goal of Keyword Tracking is to find opportunities for keyword optimization and to enhance your website’s presence on search engines. Knowing your keyword ranking should inform you where you can take actionable steps to improve site traffic\",” which is something essential for any online business ("},{"kind":"inline","type":"link","metadata":{"href":"https://realtimemarketing.com/services/marketing-analytics-dashboard/keyword-tracking/"},"textContent":"Real Time Marketing - Keyword Tracking"},{"kind":"inline","textContent":")"}]},{"kind":"block","type":"paragraph","textContent":"Naturally, having access to keyword tracking data will actually put you in a better position competitively that the majority of businesses that either doesn’t know what keyword tracking is or aren’t correctly managing their resources in this area."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/87/keyword-tracking-seo.png","altText":null,"width":2876,"height":1442,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/87/@100/keyword-tracking-seo.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/87/@200/keyword-tracking-seo.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/87/@500/keyword-tracking-seo.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/87/@768/keyword-tracking-seo.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/87/@1024/keyword-tracking-seo.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/87/@1366/keyword-tracking-seo.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/87/@1600/keyword-tracking-seo.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/87/@1920/keyword-tracking-seo.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/87/@100/keyword-tracking-seo.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/87/@200/keyword-tracking-seo.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/87/@500/keyword-tracking-seo.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/87/@768/keyword-tracking-seo.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/87/@1024/keyword-tracking-seo.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/87/@1366/keyword-tracking-seo.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/87/@1600/keyword-tracking-seo.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/87/@1920/keyword-tracking-seo.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/87/@100/keyword-tracking-seo.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/87/@200/keyword-tracking-seo.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/87/@500/keyword-tracking-seo.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/87/@768/keyword-tracking-seo.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/87/@1024/keyword-tracking-seo.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/87/@1366/keyword-tracking-seo.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/87/@1600/keyword-tracking-seo.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/87/@1920/keyword-tracking-seo.avif","width":1920}]}]},{"title":{"text":"How to use Keyword Tracking tools"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"In order to track keywords, there are several online tools available that help you monitor your website’s ranking for specifc target keywords in a search engine. These tools are designed to facilitate your tracking by giving you daily updated performance data on your website that is easy to understand and digest. Tools like "},{"kind":"inline","type":"link","metadata":{"href":"https://analytics.google.com/analytics/web/"},"textContent":"Google Analytics"},{"kind":"inline","textContent":" and "},{"kind":"inline","type":"link","metadata":{"href":"https://moz.com/"},"textContent":"Moz"},{"kind":"inline","textContent":" are just a few examples of what you can use to get you started with Keyword Tracking. Using these tools you can do:"}]},{"kind":"block","type":"unordered-list","children":[{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"strong","textContent":"Content Optimization"},{"kind":"inline","textContent":": with keyword tracking, you will have access to data that can help you make sure you "},{"kind":"inline","type":"link","metadata":{"href":"https://www.campaignmonitor.com/resources/glossary/content-optimization/"},"textContent":"create relevant content"},{"kind":"inline","textContent":" that will drive online traffic towards your website."}]},{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"strong","textContent":"Monitoring Competition"},{"kind":"inline","textContent":": you can use keyword tracking tools to see where a competitor is ranked for your targeted keywords, which can help you understand not only the market but how much search engine competition there is for each keyword you select."}]},{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"strong","textContent":"Future Strategies"},{"kind":"inline","textContent":": these tools help you not only with current keyword tracking but can also identify other ranking opportunities or which search terms you need to focus in the future."}]}]}]},"videos":null,"images":null}]}}]},{"topics":[{"name":"Marketing"},{"name":"Branding"},{"name":"Product Design"}],"name":"Color in Marketing and Branding","path":"/assets/blog/color-in-marketing-and-branding","id":"675fd14ec7d4476784131964","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"Color in Marketing and Branding"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/43/branding_sb_blog.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/43/@100/branding_sb_blog.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/43/@200/branding_sb_blog.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/43/@500/branding_sb_blog.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/43/@768/branding_sb_blog.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/43/@1024/branding_sb_blog.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/43/@1366/branding_sb_blog.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/43/@1600/branding_sb_blog.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/43/@1920/branding_sb_blog.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/43/@100/branding_sb_blog.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/43/@200/branding_sb_blog.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/43/@500/branding_sb_blog.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/43/@768/branding_sb_blog.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/43/@1024/branding_sb_blog.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/43/@1366/branding_sb_blog.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/43/@1600/branding_sb_blog.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/43/@1920/branding_sb_blog.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/43/@100/branding_sb_blog.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/43/@200/branding_sb_blog.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/43/@500/branding_sb_blog.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/43/@768/branding_sb_blog.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/43/@1024/branding_sb_blog.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/43/@1366/branding_sb_blog.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/43/@1600/branding_sb_blog.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/43/@1920/branding_sb_blog.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Filipa Amado"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"September 4th, 2019"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","textContent":"Color is considered to be one of the most complex topics in Marketing and Branding. It’s a highly nuanced topic that evokes meaningful conversations and requires some deep study."},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Color is involved in every aspect of "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services"},"textContent":"Product Design"},{"kind":"inline","textContent":", from color palettes in "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/brand-style-guide-explained"},"textContent":"brand style guides"},{"kind":"inline","textContent":" to "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/color-systems-cmyk-pantone-rgb-and-ral-explained"},"textContent":"colors systems"},{"kind":"inline","textContent":" in production. It also plays an essential role in how your brand is perceived by giving it a personality and helping with its "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/product-strategy-understanding-product-positioning"},"textContent":"product positioning"},{"kind":"inline","textContent":". However, there are no rules or guidelines when choosing your brand’s colors."}]}],"plainText":["Color is considered to be one of the most complex topics in Marketing and Branding. It’s a highly nuanced topic that evokes meaningful conversations and requires some deep study.","Color is involved in every aspect of Product Design, from color palettes in brand style guides to colors systems in production. It also plays an essential role in how your brand is perceived by giving it a personality and helping with its product positioning. However, there are no rules or guidelines when choosing your brand’s colors."]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":{"text":"The problem with the psychology of color"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Humans are visual creatures, which means that we not only respond to color, but color actually has been known to have a"},{"kind":"inline","type":"link","metadata":{"href":"https://www.ncbi.nlm.nih.gov/pmc/articles/PMC4383146/"},"textContent":" psychological impact on our behavior"},{"kind":"inline","textContent":". However, the perception of color and the followed impact can change from person to person. "},{"kind":"inline","type":"link","metadata":{"href":"https://pubmed.ncbi.nlm.nih.gov/2289687/"},"textContent":"Personal preferences, experiences, environment, and cultural context contribute to the effect color can have on us"},{"kind":"inline","textContent":". This means that the same color can be perceived in different ways by different groups of people."}]},{"kind":"block","type":"paragraph","textContent":"Because of all the variables mentioned, the psychology of color can’t simply be universally translated to specific feelings. It’s impossible to make assumptions about which colors can evoke emotions like trust, happiness or calm on a worldwide scale."},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"In the end, even though "},{"kind":"inline","type":"link","metadata":{"href":"https://en.wikipedia.org/wiki/Color_psychology"},"textContent":"color psychology"},{"kind":"inline","textContent":" has been studied for several years, there are still a lot of questions about the exact impact that color has."}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/88/color-theory.jpg","altText":null,"width":2416,"height":1438,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/88/@100/color-theory.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/88/@200/color-theory.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/88/@500/color-theory.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/88/@768/color-theory.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/88/@1024/color-theory.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/88/@1366/color-theory.jpeg","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/88/@1600/color-theory.jpeg","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/88/@1920/color-theory.jpeg","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/88/@100/color-theory.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/88/@200/color-theory.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/88/@500/color-theory.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/88/@768/color-theory.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/88/@1024/color-theory.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/88/@1366/color-theory.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/88/@1600/color-theory.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/88/@1920/color-theory.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/88/@100/color-theory.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/88/@200/color-theory.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/88/@500/color-theory.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/88/@768/color-theory.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/88/@1024/color-theory.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/88/@1366/color-theory.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/88/@1600/color-theory.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/88/@1920/color-theory.avif","width":1920}]}]},{"title":{"text":"Color in Branding and Marketing"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"When working in Product Design and "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services"},"textContent":"Product Strategy"},{"kind":"inline","textContent":", Color could be considered one of the most important aspects when developing your brand. Alongside its color, the visual design of a product has a huge influence on a consumer’s buying decision. In essence, color can affect how a brand is perceived as a marketing tool, much like "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/tone-of-voice-the-new-level-of-branding"},"textContent":"tone of voice"},{"kind":"inline","textContent":". Color is the visual component most recognizable about a brand, as most Top-of-Mind brands rely on this factor for their instant recognition."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"So, needless to say, that Color should be part of your brand's foundation, being present in all communication forms to create consistency and recognizability. Inserting your primary and secondary brand colors in your "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/brand-style-guide-explained"},"textContent":"brand style guide"},{"kind":"inline","textContent":" can help you with this process."}]}]},"videos":null,"images":null},{"title":{"text":"Picking the “right” color"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"While certain colors do broadly align with specific feelings and emotions, we can now understand that this is not the best approach when choosing a color for your brand and product. It’s far more important for a color to reflect your brand’s personality than trying to align with some stereotypical color association."},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"However, there is no cheat sheet for choosing the perfect color or color palette. It’s just about using the market and consumer research available and making an informed decision about what color or colors to use. Try to understand your consumer and "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/personas-in-product-design"},"textContent":"user personas"},{"kind":"inline","textContent":" and consider how colors might affect their perception of your brand. To have an aesthetic response, the color needs to fit the product and your brand’s personality in the eyes of your target users."}]}]},"videos":null,"images":null},{"title":{"text":"Going against the trend"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Critical thinking is essential when choosing a color for your brand and product. And as much you can use the research available to choose the “right” color, you can also make the conscious move to challenge these preconceived notions. Understanding a pattern also means that you can now break it, work outside stereotypes, and break expectations. Differentiation has always played a huge role in Branding and Marketing. By using color, you can not only stand out from the competition but make your brand easier to recognize in the market."},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Recently we worked with the accounting company "},{"kind":"inline","type":"link","metadata":{"href":"https://origamipaperworks.com/"},"textContent":"Origami Paperworks"},{"kind":"inline","textContent":" to create their new look. With this project, we deliberately chose to go against the norm. Instead of the soft and cold colors you normally see in the accounting and financial industry, we picked a bold and warm color position to position "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/challenging-the-world-of-paperworks-with-origami"},"textContent":"Origami Paperworks"},{"kind":"inline","textContent":" as a brand different from the competition."}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/89/origami-stationery.jpg","altText":null,"width":2416,"height":1536,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/89/@100/origami-stationery.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/89/@200/origami-stationery.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/89/@500/origami-stationery.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/89/@768/origami-stationery.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/89/@1024/origami-stationery.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/89/@1366/origami-stationery.jpeg","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/89/@1600/origami-stationery.jpeg","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/89/@1920/origami-stationery.jpeg","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/89/@100/origami-stationery.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/89/@200/origami-stationery.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/89/@500/origami-stationery.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/89/@768/origami-stationery.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/89/@1024/origami-stationery.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/89/@1366/origami-stationery.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/89/@1600/origami-stationery.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/89/@1920/origami-stationery.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/89/@100/origami-stationery.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/89/@200/origami-stationery.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/89/@500/origami-stationery.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/89/@768/origami-stationery.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/89/@1024/origami-stationery.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/89/@1366/origami-stationery.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/89/@1600/origami-stationery.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/89/@1920/origami-stationery.avif","width":1920}]}]},{"title":null,"body":null,"videos":null,"images":null}]}}]},{"topics":[{"name":"Development"}],"name":"Capturing Pictures in React Native","path":"/assets/blog/capturing-pictures-in-react-native","id":"675fd1b9299fd38154a7a7e1","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"Capturing Pictures in React Native"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/44/development_sb_blog.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/44/@100/development_sb_blog.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/44/@200/development_sb_blog.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/44/@500/development_sb_blog.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/44/@768/development_sb_blog.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/44/@1024/development_sb_blog.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/44/@1366/development_sb_blog.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/44/@1600/development_sb_blog.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/44/@1920/development_sb_blog.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/44/@100/development_sb_blog.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/44/@200/development_sb_blog.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/44/@500/development_sb_blog.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/44/@768/development_sb_blog.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/44/@1024/development_sb_blog.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/44/@1366/development_sb_blog.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/44/@1600/development_sb_blog.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/44/@1920/development_sb_blog.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/44/@100/development_sb_blog.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/44/@200/development_sb_blog.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/44/@500/development_sb_blog.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/44/@768/development_sb_blog.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/44/@1024/development_sb_blog.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/44/@1366/development_sb_blog.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/44/@1600/development_sb_blog.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/44/@1920/development_sb_blog.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Didrik Steen Hegna"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"January 16th, 2018"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","textContent":"We recently had a client that want to have the possibility to take a photo in their React Native App. This is actually a quite straightforward feature to build in React Native as there are components you can use to get your project kick started."}],"plainText":["We recently had a client that want to have the possibility to take a photo in their React Native App. This is actually a quite straightforward feature to build in React Native as there are components you can use to get your project kick started."]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":null,"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"If you already have your React Native dependencies set up you can initialize your project by running these simple commands, if not head over to the Getting Started guide "},{"kind":"inline","type":"link","metadata":{"href":"https://facebook.github.io/react-native/docs/getting-started.html"},"textContent":"here"}]},{"kind":"block","type":"preformatted","children":[{"type":"code","kind":"block","textContent":"$$ react-native init MyCamera$ cd MyCamers$ react-native run-ios","metadata":{"language":"javascript"}}]}]},"videos":null,"images":null},{"title":{"text":"Install the React Native Camera component"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"The library I am using here is a React Native Camera component, do these two commands to download and link your library."},{"kind":"block","type":"preformatted","children":[{"type":"code","kind":"block","textContent":"$$ npm install react-native-camera --save$ react-native link react-native-camera","metadata":{"language":"javascript"}}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"emphasized","textContent":"Note:"},{"kind":"inline","textContent":" if you are having trouble importing the camera component into your project, try restarting your packager."}]}]},"videos":null,"images":null},{"title":{"text":"Add the Camera Component to your view"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"To get the camera working you need to import the component from the React Native Camera library."},{"kind":"block","type":"paragraph","textContent":"import Camera from 'react-native-camera';"},{"kind":"block","type":"paragraph","textContent":"Then place the camera component wherever it suites you in your renderer"},{"kind":"block","type":"preformatted","children":[{"type":"code","kind":"block","textContent":"<Camera ref={cam => {this.camera = cam}} style={styles.preview} aspect={Camera.constants.Aspect.fill}> <Text style={styles.capture} onPress={this.takePicture.bind(this)}> [CAPTURE] </Text></Camera>","metadata":{"language":"javascript"}}]},{"kind":"block","type":"paragraph","textContent":"Bind the onPress action to the takePicture function that does the magic and you’re in business:"},{"kind":"block","type":"preformatted","children":[{"type":"code","kind":"block","textContent":"takePicture() { this.camera .capture() .then((data) => console.log(data)) .catch(err => console.error(err));}","metadata":{"language":"javascript"}}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Add some awesome styling for the preview area and capture button. Remember to import "},{"kind":"inline","type":"emphasized","textContent":"Dimensions"},{"kind":"inline","textContent":"from React to get your screen sizing properties if you want to fit the camera to your screen."}]},{"kind":"block","type":"preformatted","children":[{"type":"code","kind":"block","textContent":"preview: { flex: 1, justifyContent: 'flex-end', alignItems: 'center', height: Dimensions.get('window').height, width: Dimensions.get('window').width}, capture: { flex: 0, backgroundColor: '#fff', borderRadius: 5, color: '#000', padding: 10, margin: 40 }}","metadata":{"language":"javascript"}}]},{"kind":"block","type":"paragraph","textContent":"Like champ you are, you could have easily worked this out from the documentation. But here are some tips to make it working on your iPhone properly."},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Open the project in XCode. Here you need to add a description for "},{"kind":"inline","type":"emphasized","textContent":"NSCameraUsageDescription"},{"kind":"inline","textContent":" in your Info.plist file. This is basically a description where you state how the App is using the camera. It is required by Apple, if you dont do this your will crash."}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/90/how_to_capture_images_in_react_native_xcode_1.png","altText":null,"width":2042,"height":612,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/90/@100/how_to_capture_images_in_react_native_xcode_1.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/90/@200/how_to_capture_images_in_react_native_xcode_1.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/90/@500/how_to_capture_images_in_react_native_xcode_1.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/90/@768/how_to_capture_images_in_react_native_xcode_1.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/90/@1024/how_to_capture_images_in_react_native_xcode_1.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/90/@1366/how_to_capture_images_in_react_native_xcode_1.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/90/@1600/how_to_capture_images_in_react_native_xcode_1.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/90/@1920/how_to_capture_images_in_react_native_xcode_1.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/90/@100/how_to_capture_images_in_react_native_xcode_1.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/90/@200/how_to_capture_images_in_react_native_xcode_1.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/90/@500/how_to_capture_images_in_react_native_xcode_1.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/90/@768/how_to_capture_images_in_react_native_xcode_1.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/90/@1024/how_to_capture_images_in_react_native_xcode_1.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/90/@1366/how_to_capture_images_in_react_native_xcode_1.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/90/@1600/how_to_capture_images_in_react_native_xcode_1.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/90/@1920/how_to_capture_images_in_react_native_xcode_1.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/90/@100/how_to_capture_images_in_react_native_xcode_1.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/90/@200/how_to_capture_images_in_react_native_xcode_1.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/90/@500/how_to_capture_images_in_react_native_xcode_1.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/90/@768/how_to_capture_images_in_react_native_xcode_1.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/90/@1024/how_to_capture_images_in_react_native_xcode_1.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/90/@1366/how_to_capture_images_in_react_native_xcode_1.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/90/@1600/how_to_capture_images_in_react_native_xcode_1.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/90/@1920/how_to_capture_images_in_react_native_xcode_1.avif","width":1920}]}]},{"title":null,"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Also to actually be able to store the photo in the camera roll you also need to specify "},{"kind":"inline","type":"emphasized","textContent":"NSPhotoLibraryUsageDescription"},{"kind":"inline","textContent":" in your Info.plist file. See the picture below for example."}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/91/how_to_capture_images_in_react_native_xcode_2.png","altText":null,"width":2046,"height":808,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/91/@100/how_to_capture_images_in_react_native_xcode_2.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/91/@200/how_to_capture_images_in_react_native_xcode_2.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/91/@500/how_to_capture_images_in_react_native_xcode_2.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/91/@768/how_to_capture_images_in_react_native_xcode_2.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/91/@1024/how_to_capture_images_in_react_native_xcode_2.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/91/@1366/how_to_capture_images_in_react_native_xcode_2.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/91/@1600/how_to_capture_images_in_react_native_xcode_2.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/91/@1920/how_to_capture_images_in_react_native_xcode_2.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/91/@100/how_to_capture_images_in_react_native_xcode_2.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/91/@200/how_to_capture_images_in_react_native_xcode_2.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/91/@500/how_to_capture_images_in_react_native_xcode_2.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/91/@768/how_to_capture_images_in_react_native_xcode_2.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/91/@1024/how_to_capture_images_in_react_native_xcode_2.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/91/@1366/how_to_capture_images_in_react_native_xcode_2.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/91/@1600/how_to_capture_images_in_react_native_xcode_2.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/91/@1920/how_to_capture_images_in_react_native_xcode_2.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/91/@100/how_to_capture_images_in_react_native_xcode_2.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/91/@200/how_to_capture_images_in_react_native_xcode_2.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/91/@500/how_to_capture_images_in_react_native_xcode_2.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/91/@768/how_to_capture_images_in_react_native_xcode_2.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/91/@1024/how_to_capture_images_in_react_native_xcode_2.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/91/@1366/how_to_capture_images_in_react_native_xcode_2.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/91/@1600/how_to_capture_images_in_react_native_xcode_2.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/91/@1920/how_to_capture_images_in_react_native_xcode_2.avif","width":1920}]}]},{"title":null,"body":{"json":[{"kind":"block","type":"paragraph","textContent":"When running the MyCamera App on your iPhone it will ask to “to Access the Camera” and “to Access Your Photos”."},{"kind":"block","type":"paragraph","textContent":"You should now get the camera App loading showing you a preview and the possibility to snap your photo as shown in the screenshot below. When tapping on the capture button your image is saved in the camera roll."}]},"videos":null,"images":null},{"title":null,"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Quite neat huh? I hope you found this small post on adding a camera component to your native iPhone App useful."},{"kind":"block","type":"paragraph","textContent":"Oh, and it should work just as fine on Android."}]},"videos":null,"images":null},{"title":{"text":"Resources:"},"body":{"json":[{"kind":"block","type":"unordered-list","children":[{"kind":"block","type":"list-item","children":[{"kind":"inline","textContent":"You can download "},{"kind":"inline","type":"link","metadata":{"href":"https://github.com/snowballdigital/my_camera/tree/example_step_one"},"textContent":"the complete example on GitHub."}]}]}]},"videos":null,"images":null},{"title":{"text":"External resources:"},"body":{"json":[{"kind":"block","type":"unordered-list","children":[{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"link","metadata":{"href":"https://github.com/lwansbrough/react-native-camera"},"textContent":"https://github.com/lwansbrough/react-native-camera"}]},{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"link","metadata":{"href":"https://facebook.github.io/react-native/docs/getting-started.html"},"textContent":"https://facebook.github.io/react-native/docs/getting-started.html"}]}]}]},"videos":null,"images":null},{"title":{"text":"GraphQL based backend for React and React Native?"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com"},"textContent":"Crysatllize is a back-end for rich product information and e-commerce built on GraphQL"},{"kind":"inline","textContent":". Ideal for React and React Native e-commerce Apps. "}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Check out "},{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com"},"textContent":"Headless Commerce with Crystallize"},{"kind":"inline","textContent":"."}]}]},"videos":null,"images":null}]}}]},{"topics":[{"name":"Product Design"},{"name":"Development"}],"name":"Gamification in Enterprise Software: User Guidance","path":"/assets/blog/gamification-in-enterprise-software-user-guidance","id":"675fd268d9ed36a574f926fa","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"Gamification in Enterprise Software: User Guidance"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/45/user_experience_sb_blog.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/45/@100/user_experience_sb_blog.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/45/@200/user_experience_sb_blog.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/45/@500/user_experience_sb_blog.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/45/@768/user_experience_sb_blog.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/45/@1024/user_experience_sb_blog.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/45/@1366/user_experience_sb_blog.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/45/@1600/user_experience_sb_blog.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/45/@1920/user_experience_sb_blog.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/45/@100/user_experience_sb_blog.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/45/@200/user_experience_sb_blog.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/45/@500/user_experience_sb_blog.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/45/@768/user_experience_sb_blog.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/45/@1024/user_experience_sb_blog.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/45/@1366/user_experience_sb_blog.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/45/@1600/user_experience_sb_blog.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/45/@1920/user_experience_sb_blog.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/45/@100/user_experience_sb_blog.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/45/@200/user_experience_sb_blog.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/45/@500/user_experience_sb_blog.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/45/@768/user_experience_sb_blog.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/45/@1024/user_experience_sb_blog.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/45/@1366/user_experience_sb_blog.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/45/@1600/user_experience_sb_blog.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/45/@1920/user_experience_sb_blog.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Robert Mulcahy"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"March 21st, 2019"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"In the "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services"},"textContent":"product design"},{"kind":"inline","textContent":" process to make "},{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com"},"textContent":"Crystallize"},{"kind":"inline","textContent":" more engaging to new users, we have given our in-browser demo of the "},{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com/product/graphql-commerce-api"},"textContent":"fast ecommerce API"},{"kind":"inline","textContent":" a more gamified experience. We have a funny antsy man animated in a way that he is almost begging the user to press our demo’s play button. When pressing the button, a bit of text floating away is spawned in the vein of score gain prompts common in video games, such as Super Mario Bros. We are very proud of the speed and wanted a fun way to present it to future customers."}]}],"plainText":["In the product design process to make Crystallize more engaging to new users, we have given our in-browser demo of the fast ecommerce API a more gamified experience. We have a funny antsy man animated in a way that he is almost begging the user to press our demo’s play button. When pressing the button, a bit of text floating away is spawned in the vein of score gain prompts common in video games, such as Super Mario Bros. We are very proud of the speed and wanted a fun way to present it to future customers."]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":null,"body":null,"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/92/329_fastecommerceapigamification.gif","altText":null,"width":585,"height":405,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/92/@100/329_fastecommerceapigamification.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/92/@200/329_fastecommerceapigamification.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/92/@500/329_fastecommerceapigamification.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/92/@100/329_fastecommerceapigamification.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/92/@200/329_fastecommerceapigamification.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/92/@500/329_fastecommerceapigamification.avif","width":500}]}]},{"title":{"text":"Gamification in Service Onboarding"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"The second objective with this project is to guide the user to sign up with a free Crystallize "},{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com/product/product-information-management"},"textContent":"PIM"},{"kind":"inline","textContent":" tenant, so that they can test our "},{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com/blog/milliseconds-matter-fast-apis-matter"},"textContent":"super fast API"},{"kind":"inline","textContent":". With Crystallize you get rich "},{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com/product/product-information-management"},"textContent":"product information management"},{"kind":"inline","textContent":" so using your own products makes sense during evaluation. To do this, after a few clicks from the user, we had a character pop up suggesting this idea to the user. He would spring up in the results screen, we hoped that since the user was looking there, they’d turn attention to him… but we were wrong."}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/93/328_customeronboardinggamification.jpg","altText":null,"width":1180,"height":727,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/93/@100/328_customeronboardinggamification.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/93/@200/328_customeronboardinggamification.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/93/@500/328_customeronboardinggamification.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/93/@768/328_customeronboardinggamification.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/93/@1024/328_customeronboardinggamification.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/93/@100/328_customeronboardinggamification.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/93/@200/328_customeronboardinggamification.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/93/@500/328_customeronboardinggamification.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/93/@768/328_customeronboardinggamification.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/93/@1024/328_customeronboardinggamification.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/93/@100/328_customeronboardinggamification.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/93/@200/328_customeronboardinggamification.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/93/@500/328_customeronboardinggamification.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/93/@768/328_customeronboardinggamification.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/93/@1024/328_customeronboardinggamification.avif","width":1024}]}]},{"title":{"text":"Direct Guidance & Indirect Guidance"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"You see, in game design there are two ways that the developer can guide the player. Direct and Indirect. These game design principles are what we want to apply to "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/gamification-in-product-design-make-enterprise-software-suck-less"},"textContent":"product design in enterprise software"},{"kind":"inline","textContent":"."}]},{"kind":"block","type":"paragraph","textContent":"Direct is when text or imagery in one way or another to explicitly tell the player what to do, it is sometimes looked down upon in the game developer realm. Mostly because it pulls players out of the experience and often gives a bossy overtone, telling the player how to play, stifling their natural sense of exploration."},{"kind":"block","type":"paragraph","textContent":"As for Indirect guiding, it is guiding the player without them realizing they are being guided.You help them come to the conclusion that you want, but through their own instinctive behavior. In video games, it is often using light to draw player’s eyes to the correct path, giving dead ends or dangers a very obvious appearance, and MOVING OBJECTS. A player will spend almost no time realizing what to do if the door they have to take has a light bulb over it with a bunch of moths flying around. The light and movement just GRABS their attention and, oh look, there is an open door."}]},"videos":null,"images":null},{"title":{"text":"Don’t Misguide Your Users"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"How does this relate to our gamified "},{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com/product"},"textContent":"headless ecommerce"},{"kind":"inline","textContent":" demonstration? Well, we made the mistake of grabbing our user’s attention with the moving numbers above the code. These prompts were well above where our sign up character would jump up. Which means that the users often would not even know the sign up guy came up at all. Even though he covers some of the results from our demo, that is not where our users’ attention was planted."}]},{"kind":"block","type":"paragraph","textContent":"To remedy this, we have made the character appear where all the movement and interest is collected, up at the top with the prompts. This little bit of feedback has not only helped us fix this little issue but now has me moving cautiously into our next gamify project… the signing up process. This experience has reminded me the power of Indirect guidance and has me wondering how can we apply this to something that has been so overwhelmingly direct for so long."}]},"videos":null,"images":null}]}}]},{"topics":[{"name":"Growth Strategy"},{"name":"Product Design"},{"name":"User Experience"}],"name":"The Elements of Value","path":"/assets/blog/the-elements-of-value","id":"675fd2ccd9ed36a574f926fb","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"The Elements of Value"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/46/growth_strategy_sb_blog.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/46/@100/growth_strategy_sb_blog.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/46/@200/growth_strategy_sb_blog.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/46/@500/growth_strategy_sb_blog.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/46/@768/growth_strategy_sb_blog.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/46/@1024/growth_strategy_sb_blog.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/46/@1366/growth_strategy_sb_blog.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/46/@1600/growth_strategy_sb_blog.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/46/@1920/growth_strategy_sb_blog.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/46/@100/growth_strategy_sb_blog.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/46/@200/growth_strategy_sb_blog.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/46/@500/growth_strategy_sb_blog.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/46/@768/growth_strategy_sb_blog.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/46/@1024/growth_strategy_sb_blog.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/46/@1366/growth_strategy_sb_blog.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/46/@1600/growth_strategy_sb_blog.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/46/@1920/growth_strategy_sb_blog.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/46/@100/growth_strategy_sb_blog.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/46/@200/growth_strategy_sb_blog.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/46/@500/growth_strategy_sb_blog.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/46/@768/growth_strategy_sb_blog.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/46/@1024/growth_strategy_sb_blog.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/46/@1366/growth_strategy_sb_blog.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/46/@1600/growth_strategy_sb_blog.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/46/@1920/growth_strategy_sb_blog.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Filipa Amado"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"March 4th, 2019"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"A lot goes into the psychology of deciding to buy a product than just weighing the price. The foundation for our "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services/product-strategy"},"textContent":"Product Strategy"},{"kind":"inline","textContent":" is strongly based on the "},{"kind":"inline","type":"emphasized","textContent":"elements of value"},{"kind":"inline","textContent":" featured in the "},{"kind":"inline","type":"link","metadata":{"href":"https://hbr.org/2016/09/the-elements-of-value"},"textContent":"Harvard Business Review"},{"kind":"inline","textContent":". The study concludes that companies that made an effort to improve their perceived value in those selected elements experienced accelerated growth. I’ll try to explain the different components of this model and how it can help you and your team align and focus resources to develop the best product in the market."}]}],"plainText":["A lot goes into the psychology of deciding to buy a product than just weighing the price. The foundation for our Product Strategy is strongly based on the elements of value featured in the Harvard Business Review. The study concludes that companies that made an effort to improve their perceived value in those selected elements experienced accelerated growth. I’ll try to explain the different components of this model and how it can help you and your team align and focus resources to develop the best product in the market."]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":{"text":"Perceived Value"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"For the longest time, marketers have focused all their efforts only on analyzing and managing the price side of the buying process as the only solution to boost profits. However, recent studies show that when a "},{"kind":"inline","type":"link","metadata":{"href":"https://www.mckinsey.com/business-functions/marketing-and-sales/our-insights/the-consumer-decision-journey#"},"textContent":"customer evaluates a product to purchase"},{"kind":"inline","textContent":". A product’s perceived value plays one, if not the most important role in this process."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Understanding the"},{"kind":"inline","type":"link","metadata":{"href":"https://smallbusiness.chron.com/real-value-vs-perceived-value-20857.html"},"textContent":" true value of a product"},{"kind":"inline","textContent":" is extremely complicated due to its psychological and highly personal nature. Basically the amount of value in a particular product lies solely in the eye of the beholder. Yet, the same research shows that there are functional and emotional elements that are associate with a product’s value."}]},{"kind":"block","type":"paragraph","textContent":"Although it’s hard to pin down value, it can be a cornerstone of successful marketing when done correctly. So it’s important to try to understand which elements shape your product's core value to improve it and stand out from the competition."}]},"videos":null,"images":null},{"title":{"text":"The Elements of Value Pyramid"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"To understand Product Value, the Harvard Business Review created "},{"kind":"inline","type":"emphasized","textContent":"The Elements of Value"},{"kind":"inline","textContent":". Their research determined 30 elemental “building blocks” of value that drive the "},{"kind":"inline","type":"link","metadata":{"href":"https://www.yotpo.com/blog/consumer-decision-making-process-ugc/"},"textContent":"customer’s decision-making process"},{"kind":"inline","textContent":". They are a range of external and internal needs consumers seek to meet."}]},{"kind":"block","type":"paragraph","textContent":"These building blocks are usually represented in a pyramid and fall into four different categories: functional, emotional, life-changing, and social impact. At the bottom are the values associated with the most common physical needs. And the higher up the pyramid you go, the more complex and harder to implement the elements became until you reach the self-transcendence level."},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"The Harvard Review study shows that the higher the elements you choose and deliver, the faster you’ll be able to grow and have profit. But it’s important to understand that to be able to deliver on these higher-order elements; you first need to have a strong foundation and provide at least some of the functional elements. If those basic values aren’t met, you can’t make an emotional and psychological connection with your customer. For example, the "},{"kind":"inline","type":"link","metadata":{"href":"https://speedcykkel.com/"},"textContent":"classic single speed bike"},{"kind":"inline","textContent":" can only give its customers a nostalgic feeling because it already checks the quality element."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"I previously mentioned in a blog post about the importance of "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/product-strategy-understanding-product-positioning"},"textContent":"Product Positioning"},{"kind":"inline","textContent":" and how it can help you focus on certain features of your product to stand out from the competition. The elements of value can give you a blueprint of what customers are looking for when they assess the value of a product. Depending on what industry you’re in and your target, some of these elements will be more important than others. So during the "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/product-strategy-understanding-product-positioning"},"textContent":"Product Strategy"},{"kind":"inline","textContent":" phase, you need to identify and come up with the right combination of building blocks that are the most important for your industry and your product to deliver the best value. "}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/94/322_elementsofvalue.jpg","altText":null,"width":1208,"height":994,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/94/@100/322_elementsofvalue.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/94/@200/322_elementsofvalue.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/94/@500/322_elementsofvalue.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/94/@768/322_elementsofvalue.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/94/@1024/322_elementsofvalue.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/94/@100/322_elementsofvalue.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/94/@200/322_elementsofvalue.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/94/@500/322_elementsofvalue.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/94/@768/322_elementsofvalue.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/94/@1024/322_elementsofvalue.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/94/@100/322_elementsofvalue.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/94/@200/322_elementsofvalue.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/94/@500/322_elementsofvalue.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/94/@768/322_elementsofvalue.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/94/@1024/322_elementsofvalue.avif","width":1024}]}]},{"title":{"text":"Functional Product Values: Level 1"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Although all four value categories are important, having functional elements is a necessity because they provide practical and useful value."},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"strong","textContent":"Saves Time:"},{"kind":"inline","textContent":" achieves something faster."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"strong","textContent":"Simplifies:"},{"kind":"inline","textContent":" makes some action or process easier."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"strong","textContent":"Makes Money:"},{"kind":"inline","textContent":" has monetary benefits."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"strong","textContent":"Reduces Risk:"},{"kind":"inline","textContent":" shown to be the safest choice."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"strong","textContent":"Organizes:"},{"kind":"inline","textContent":" helps you to organize something complex."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"strong","textContent":"Integrates:"},{"kind":"inline","textContent":" it’s able to integrate different aspects of a process."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"strong","textContent":"Connects:"},{"kind":"inline","textContent":" connects with other people."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"strong","textContent":"Reduces Effort:"},{"kind":"inline","textContent":" helps you to get things done with less effort."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"strong","textContent":"Avoid Hassles:"},{"kind":"inline","textContent":" reduces or avoids a problem."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"strong","textContent":"Cost Reduction:"},{"kind":"inline","textContent":" saves money in any type of monetary transaction"}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"strong","textContent":"Quality:"},{"kind":"inline","textContent":" provides high-quality goods or services."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"strong","textContent":"Variety:"},{"kind":"inline","textContent":" provides a wide variety range."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"strong","textContent":"Sensory Appeal:"},{"kind":"inline","textContent":" appeals to one or several senses."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"strong","textContent":"Informs: "},{"kind":"inline","textContent":"provides reliable and trusted information."}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/95/323_functional.jpg","altText":null,"width":1208,"height":375,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/95/@100/323_functional.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/95/@200/323_functional.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/95/@500/323_functional.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/95/@768/323_functional.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/95/@1024/323_functional.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/95/@100/323_functional.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/95/@200/323_functional.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/95/@500/323_functional.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/95/@768/323_functional.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/95/@1024/323_functional.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/95/@100/323_functional.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/95/@200/323_functional.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/95/@500/323_functional.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/95/@768/323_functional.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/95/@1024/323_functional.avif","width":1024}]}]},{"title":{"text":"Emotional Product Values: Level 2"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"You’ll need emotional value elements to connect with your customer and give them a certain feeling that makes them comfortable to purchase your product."},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"strong","textContent":"Reduces Anxiety:"},{"kind":"inline","textContent":" helps you to feel more secure and less worried."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"strong","textContent":"Rewards Me:"},{"kind":"inline","textContent":" provided benefits and special offers."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"strong","textContent":"Nostalgia:"},{"kind":"inline","textContent":" reminds you of something positive in the past."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"strong","textContent":"Design:"},{"kind":"inline","textContent":" has a visually appealing form."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"strong","textContent":"Badge Value:"},{"kind":"inline","textContent":" represents a certain aspiration or status."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"strong","textContent":"Wellness:"},{"kind":"inline","textContent":" improves physical or mental state."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"strong","textContent":"Therapeutic Value:"},{"kind":"inline","textContent":" provides therapeutic well-being."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"strong","textContent":"Fun:"},{"kind":"inline","textContent":" offers some type of entertainment."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"strong","textContent":"Attractiveness:"},{"kind":"inline","textContent":" helps you to feel more attractive."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"strong","textContent":"Provides Access:"},{"kind":"inline","textContent":" gives you access to exclusive and valuable items."}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/96/324_emotional.jpg","altText":null,"width":1208,"height":351,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/96/@100/324_emotional.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/96/@200/324_emotional.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/96/@500/324_emotional.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/96/@768/324_emotional.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/96/@1024/324_emotional.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/96/@100/324_emotional.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/96/@200/324_emotional.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/96/@500/324_emotional.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/96/@768/324_emotional.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/96/@1024/324_emotional.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/96/@100/324_emotional.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/96/@200/324_emotional.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/96/@500/324_emotional.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/96/@768/324_emotional.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/96/@1024/324_emotional.avif","width":1024}]}]},{"title":{"text":"Life Changing Product Values: Level 3"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"When your product offers life-changing value elements, it means that you promise your customers a personal transformation of some kind."},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"strong","textContent":"Self-Actualization: "},{"kind":"inline","textContent":"provides a sense of personal accomplishment."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"strong","textContent":"Provides Hopes: "},{"kind":"inline","textContent":"gives you a sense of optimism about something."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"strong","textContent":"Motivation: "},{"kind":"inline","textContent":"help you to achieve a certain goal."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"strong","textContent":"Heirloom:"},{"kind":"inline","textContent":" it seems like an investment for a future generation."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"strong","textContent":"Affiliation:"},{"kind":"inline","textContent":" gives you access to a community."}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/97/325_lifechanging.jpg","altText":null,"width":1208,"height":351,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/97/@100/325_lifechanging.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/97/@200/325_lifechanging.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/97/@500/325_lifechanging.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/97/@768/325_lifechanging.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/97/@1024/325_lifechanging.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/97/@100/325_lifechanging.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/97/@200/325_lifechanging.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/97/@500/325_lifechanging.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/97/@768/325_lifechanging.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/97/@1024/325_lifechanging.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/97/@100/325_lifechanging.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/97/@200/325_lifechanging.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/97/@500/325_lifechanging.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/97/@768/325_lifechanging.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/97/@1024/325_lifechanging.avif","width":1024}]}]},{"title":{"text":"Social Impact Product Values: Level 4"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"At the top of the pyramid, you are delivering value that does not only affect your customer but some group at large."},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"strong","textContent":"Self Transcendence:"},{"kind":"inline","textContent":" helps other people."}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/98/326_socialimpact.jpg","altText":null,"width":1208,"height":230,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/98/@100/326_socialimpact.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/98/@200/326_socialimpact.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/98/@500/326_socialimpact.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/98/@768/326_socialimpact.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/98/@1024/326_socialimpact.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/98/@100/326_socialimpact.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/98/@200/326_socialimpact.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/98/@500/326_socialimpact.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/98/@768/326_socialimpact.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/98/@1024/326_socialimpact.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/98/@100/326_socialimpact.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/98/@200/326_socialimpact.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/98/@500/326_socialimpact.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/98/@768/326_socialimpact.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/98/@1024/326_socialimpact.avif","width":1024}]}]}]}}]},{"topics":[{"name":"Product Design"},{"name":"Growth Strategy"}],"name":"Product Strategy: Understanding Product Positioning","path":"/assets/blog/product-strategy-understanding-product-positioning","id":"675fd378299fd38154a7a7fc","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"Product Strategy: Understanding Product Positioning"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/blog2.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@100/blog2.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@200/blog2.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@500/blog2.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@768/blog2.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@1024/blog2.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@1366/blog2.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@1600/blog2.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@1920/blog2.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@100/blog2.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@200/blog2.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@500/blog2.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@768/blog2.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@1024/blog2.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@1366/blog2.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@1600/blog2.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@1920/blog2.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@100/blog2.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@200/blog2.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@500/blog2.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@768/blog2.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@1024/blog2.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@1366/blog2.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@1600/blog2.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@1920/blog2.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Filipa Amado"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"February 19th, 2019"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"link","metadata":{"href":"https://www.shopify.com/encyclopedia/product-positioning"},"textContent":"Product positioning"},{"kind":"inline","textContent":" is a marketing effort to improve sales by targeting a product to a specific group by channelling a message that highlights its benefits and unique features. Essentially, it can be defined as how a product appears in the minds of potential customers, comparing to its competition. Positioning products can be the difference between a product succeeding or failing in the market."}]}],"plainText":["Product positioning is a marketing effort to improve sales by targeting a product to a specific group by channelling a message that highlights its benefits and unique features. Essentially, it can be defined as how a product appears in the minds of potential customers, comparing to its competition. Positioning products can be the difference between a product succeeding or failing in the market."]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":{"text":"What is Product Positioning?"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Product positioning aims to make your product occupy not only a distinct place in the market but also the mind of the customer. It’s basically how consumers understand what your product has to offer and how it differs from the main competitors. It’s a battle for the "},{"kind":"inline","type":"link","metadata":{"href":"http://read.nxtbook.com/1to1media/customerstrategist/customerstrategistdemo/perspective.html"},"textContent":"mind of the consumer"},{"kind":"inline","textContent":", where the goal is to become the "},{"kind":"inline","type":"link","metadata":{"href":"https://medium.com/@hanahoxha/the-importance-of-top-of-mind-awareness-in-brand-development-d35bbb510890"},"children":[{"kind":"inline","type":"emphasized","textContent":"‘top of mind’ product"}]},{"kind":"inline","textContent":" for a specific target market."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Positioning is critical to "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services/product-strategy"},"textContent":"product strategy"},{"kind":"inline","textContent":" because it’s responsible for how a product is projected and perceived in people’s minds. This is accomplished by designing marketing messages that resonate with the target group in a way that compels them to take action."}]},{"kind":"block","type":"paragraph","textContent":"Aside from these messages, it is important to understand that a successful product position is so much more than communication, it’s achieved by a combined effort of the entire marketing mix. And in the end, the customer is the one that has the final saying about the value (perceived or not) of your product. It’s all about perception, the way consumers perceive a product is even more significant that its design or value."},{"kind":"block","type":"paragraph","textContent":"But before you can position your product, you must first analyze and define your target market and understand their needs and priorities."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/99/319_productpositioning.jpg","altText":null,"width":1208,"height":719,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/99/@100/319_productpositioning.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/99/@200/319_productpositioning.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/99/@500/319_productpositioning.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/99/@768/319_productpositioning.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/99/@1024/319_productpositioning.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/99/@100/319_productpositioning.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/99/@200/319_productpositioning.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/99/@500/319_productpositioning.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/99/@768/319_productpositioning.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/99/@1024/319_productpositioning.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/99/@100/319_productpositioning.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/99/@200/319_productpositioning.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/99/@500/319_productpositioning.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/99/@768/319_productpositioning.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/99/@1024/319_productpositioning.avif","width":1024}]}]},{"title":{"text":"Segmentation, Targeting and Positioning"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Product positioning is a part of a marketing framework known as the "},{"kind":"inline","type":"link","metadata":{"href":"https://www.yieldify.com/blog/stp-marketing-model/"},"textContent":"SPT model, which stands for Segmentation, Targeting, and Positioning"},{"kind":"inline","textContent":". This process helps you identify your target customer and develop successful product positioning."}]},{"kind":"block","type":"paragraph","textContent":"Through market research and segmentation process, you can determine which are the best audiences that have the potential to generate sales. In this phase, it’s up to you to decide how advance you want to segment the market to better position your product, from simply identifying a target customer based on demographic and psychographic attributes, to study their purchasing behaviours and needs."},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/personas-in-product-design"},"textContent":"Developing detailed personas"},{"kind":"inline","textContent":" can give you a better understanding of the market and the groups you eventually want to target. By the time the product positioning is defined, you should have a clear perception of the customer needs."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Product positioning is an important component of any "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services/growth-marketing"},"textContent":"marketing plan"},{"kind":"inline","textContent":" because it has a great impact on the ultimate decision: the purchase of the product. This part of the process refers to the strategic part concerned with how you are going to market your product to your target customer. Effective positioning sends a message to consumers of why your product should be considered over the competition based on their needs. Essentially you are developing your brand's "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/tone-of-voice-the-new-level-of-branding"},"textContent":"Tone of Voice"},{"kind":"inline","textContent":" to communicate your "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/the-elements-of-value"},"textContent":"product value"},{"kind":"inline","textContent":"."}]},{"kind":"block","type":"paragraph","textContent":"By understanding the target audience and how to communicate your product’s benefits compellingly, you can develop key messages and choose the right communication channels."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/100/320_focussegmentation.jpg","altText":null,"width":1208,"height":719,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/100/@100/320_focussegmentation.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/100/@200/320_focussegmentation.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/100/@500/320_focussegmentation.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/100/@768/320_focussegmentation.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/100/@1024/320_focussegmentation.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/100/@100/320_focussegmentation.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/100/@200/320_focussegmentation.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/100/@500/320_focussegmentation.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/100/@768/320_focussegmentation.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/100/@1024/320_focussegmentation.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/100/@100/320_focussegmentation.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/100/@200/320_focussegmentation.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/100/@500/320_focussegmentation.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/100/@768/320_focussegmentation.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/100/@1024/320_focussegmentation.avif","width":1024}]}]},{"title":{"text":"Craft your Statement"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"After a complex and detailed market study, the result should be a "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/product-strategy-mission-statement"},"textContent":"cohesive vision of the product positioning consolidated in a one to two sentence statement"},{"kind":"inline","textContent":". This statement should define your target audience, what sets your product apart from the competition, and how it cares for the customers’ needs. It’s your product positioning sum up in a sentence."}]},{"kind":"block","type":"paragraph","textContent":"A statement conveys how your product is different (and better) than the competition while addressing the features and benefits that are important to your target market. It can emphasize the unique value proposition of your product, by stating what your product stands for and it’s message."},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"A well-crafted statement can help you reinforce your product positioning, identify effective marketing channels, and improve your "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services/product-design"},"textContent":"product design."}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/101/321_productmessage.jpg","altText":null,"width":1208,"height":719,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/101/@100/321_productmessage.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/101/@200/321_productmessage.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/101/@500/321_productmessage.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/101/@768/321_productmessage.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/101/@1024/321_productmessage.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/101/@100/321_productmessage.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/101/@200/321_productmessage.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/101/@500/321_productmessage.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/101/@768/321_productmessage.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/101/@1024/321_productmessage.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/101/@100/321_productmessage.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/101/@200/321_productmessage.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/101/@500/321_productmessage.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/101/@768/321_productmessage.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/101/@1024/321_productmessage.avif","width":1024}]}]},{"title":{"text":"Whole Product"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Once an effective product positioning has been developed, you now have a solid foundation to start creating the "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services/product-strategy"},"textContent":"Whole Product"},{"kind":"inline","textContent":". Building a product has many different dimensions, and to have a whole product, you need to approach every facet in the best way possible, from development to launch. Product positioning will give you the information you need to develop and present your product in a way that will entice your target customers to buy it, use it, and eventually recommend it."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Whole "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services/growth-marketing"},"textContent":"product strategy"},{"kind":"inline","textContent":" begins with defining and prioritizing your target market segments. Therefore, product positioning is, alongside product values, the obvious first step because it helps you to know your target customer. By understanding which of your product’s benefits and features are the most appealing and can meet with the customer’s needs, you have the tools to create and launch a successful product."}]}]},"videos":null,"images":null}]}}]},{"topics":[{"name":"Growth Strategy"}],"name":"Content Strategy for Exponential Growth Marketing","path":"/assets/blog/content-strategy-for-exponential-growth-marketing","id":"675fd3f9b5ccfc2c91b6ace0","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"Content Strategy for Exponential Growth Marketing"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/47/growth_strategy_sb_blog.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/47/@100/growth_strategy_sb_blog.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/47/@200/growth_strategy_sb_blog.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/47/@500/growth_strategy_sb_blog.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/47/@768/growth_strategy_sb_blog.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/47/@1024/growth_strategy_sb_blog.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/47/@1366/growth_strategy_sb_blog.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/47/@1600/growth_strategy_sb_blog.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/47/@1920/growth_strategy_sb_blog.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/47/@100/growth_strategy_sb_blog.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/47/@200/growth_strategy_sb_blog.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/47/@500/growth_strategy_sb_blog.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/47/@768/growth_strategy_sb_blog.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/47/@1024/growth_strategy_sb_blog.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/47/@1366/growth_strategy_sb_blog.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/47/@1600/growth_strategy_sb_blog.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/47/@1920/growth_strategy_sb_blog.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/47/@100/growth_strategy_sb_blog.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/47/@200/growth_strategy_sb_blog.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/47/@500/growth_strategy_sb_blog.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/47/@768/growth_strategy_sb_blog.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/47/@1024/growth_strategy_sb_blog.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/47/@1366/growth_strategy_sb_blog.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/47/@1600/growth_strategy_sb_blog.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/47/@1920/growth_strategy_sb_blog.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Bård Farstad"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"February 5th, 2019"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"A well executed "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services/growth-marketing"},"textContent":"content strategy"},{"kind":"inline","textContent":" can be the explosive fuel to organic growth in traffic. For Crystallize we have achieved 3 000% increase in organic visits in 10 months. The growth marketing funnel consists of three main parts: organic, social and paid traffic. We focus on organic as the main vehicle, and social and paid traffic to create authority as well as awareness. The juicy mix of "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services/growth-marketing"},"textContent":"content strategy"},{"kind":"inline","textContent":" with content marketing, "},{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com/blog/frontend-performance-measuring-kpis"},"textContent":"frontend performance"},{"kind":"inline","textContent":" and continuous KPI monitoring for improvement delivers results."}]}],"plainText":["A well executed content strategy can be the explosive fuel to organic growth in traffic. For Crystallize we have achieved 3 000% increase in organic visits in 10 months. The growth marketing funnel consists of three main parts: organic, social and paid traffic. We focus on organic as the main vehicle, and social and paid traffic to create authority as well as awareness. The juicy mix of content strategy with content marketing, frontend performance and continuous KPI monitoring for improvement delivers results."]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":{"text":"Exponential Growth in Organic Traffic"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com/"},"textContent":"Crystallize"},{"kind":"inline","textContent":" is a "},{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com/product"},"textContent":"PIM"},{"kind":"inline","textContent":" service ideal for "},{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com/"},"textContent":"headless commerce"},{"kind":"inline","textContent":". At Snowball we are delivering "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services/product-strategy"},"textContent":"product strategy"},{"kind":"inline","textContent":", "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services/product-design"},"textContent":"product design"},{"kind":"inline","textContent":", "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services/engineering"},"textContent":"software engineering"},{"kind":"inline","textContent":" and "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services/growth-marketing"},"textContent":"growth marketing"},{"kind":"inline","textContent":" for Crystallize. The content strategy has resulted in 3 000% increase in organic visits in 10 months so far, and the trend is accelerating. The traffic is global and counting 190 countries in the last 3 months alone. The graph below is from the Moz dashboard for "},{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com/"},"textContent":"Crystallize.com"},{"kind":"inline","textContent":"."}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/102/307_growthmarketingcrystallize.png","altText":null,"width":1245,"height":775,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/102/@100/307_growthmarketingcrystallize.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/102/@200/307_growthmarketingcrystallize.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/102/@500/307_growthmarketingcrystallize.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/102/@768/307_growthmarketingcrystallize.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/102/@1024/307_growthmarketingcrystallize.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/102/@100/307_growthmarketingcrystallize.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/102/@200/307_growthmarketingcrystallize.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/102/@500/307_growthmarketingcrystallize.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/102/@768/307_growthmarketingcrystallize.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/102/@1024/307_growthmarketingcrystallize.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/102/@100/307_growthmarketingcrystallize.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/102/@200/307_growthmarketingcrystallize.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/102/@500/307_growthmarketingcrystallize.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/102/@768/307_growthmarketingcrystallize.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/102/@1024/307_growthmarketingcrystallize.avif","width":1024}]}]},{"title":{"text":"Content Strategy"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"The key elements of the content strategy is to know who your target persona is and what you are delivering as a message. You can define many personas but to focus we suggest to start with one and keep one consistent message per channel. Simplify."},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Crystallize is built mainly for developers with a "},{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com/"},"textContent":"GraphQL based PIM"},{"kind":"inline","textContent":" for building "},{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com/developers"},"textContent":"tailor-made ecommerce solutions"},{"kind":"inline","textContent":". Our focus persona is therefore a frontend developer looking to build "},{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com/product"},"textContent":"fast ecommerce"},{"kind":"inline","textContent":" experiences typically working in a "},{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com/partner"},"textContent":"digital agency"},{"kind":"inline","textContent":"."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"So, we know who we are targeting. Next is the messaging. We try to keep it simple and focus around what matters for our target customers. This includes messaging around "},{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com/product/product-information-management"},"textContent":"super structured product information"},{"kind":"inline","textContent":", "},{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com/product/graphql-commerce-api"},"textContent":"blazing fast GraphQL API"},{"kind":"inline","textContent":", "},{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com/blog/frontend-performance-measuring-kpis"},"textContent":"frontend performance"},{"kind":"inline","textContent":", "},{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com/product/subscription-commerce"},"textContent":"subscription commerce"},{"kind":"inline","textContent":" and of course "},{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com/blog/ecommerce-seo-checklist"},"textContent":"SEO for ecommerce"},{"kind":"inline","textContent":"."}]},{"kind":"block","type":"paragraph","textContent":"We are organizing content hierarchically in a pyramid where the content with biggest impact (and most effort to create) is a the top and with blogs in the middle and the social media drips are at the bottom."},{"kind":"block","type":"paragraph","textContent":"Technically we are building out a keyword hierarchy of the most relevant topics we want to cover. We are typically organizing the keywords in a topic map to make it easier to visualize."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/103/content-pyramid.jpg","altText":null,"width":2416,"height":1438,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/103/@100/content-pyramid.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/103/@200/content-pyramid.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/103/@500/content-pyramid.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/103/@768/content-pyramid.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/103/@1024/content-pyramid.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/103/@1366/content-pyramid.jpeg","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/103/@1600/content-pyramid.jpeg","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/103/@1920/content-pyramid.jpeg","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/103/@100/content-pyramid.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/103/@200/content-pyramid.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/103/@500/content-pyramid.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/103/@768/content-pyramid.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/103/@1024/content-pyramid.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/103/@1366/content-pyramid.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/103/@1600/content-pyramid.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/103/@1920/content-pyramid.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/103/@100/content-pyramid.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/103/@200/content-pyramid.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/103/@500/content-pyramid.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/103/@768/content-pyramid.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/103/@1024/content-pyramid.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/103/@1366/content-pyramid.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/103/@1600/content-pyramid.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/103/@1920/content-pyramid.avif","width":1920}]}]},{"title":{"text":"Editorial Calendar for Continuity"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"A content strategy only has value when executed. We have established an editorial calendar with several updates weekly for continuity in content marketing. "},{"kind":"inline","type":"link","metadata":{"href":"https://trello.com"},"textContent":"Trello"},{"kind":"inline","textContent":" is used to manage our editorial calendar. This makes it easy to see who is in charge and what the status of each post is. The main vehicle of our content pyramid are the blogs where we target useful insight for developers."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"For social channels and for a reason to come back we have also introduced weekly "},{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com/comics"},"textContent":"developer comics"},{"kind":"inline","textContent":". We find that both Twitter and LinkedIn are consistently delivering relevant traffic and helps in building authority and keeps visibility up for followers. The developer comics has a fixed spot in the editorial calendar every friday."}]}]},"videos":null,"images":null},{"title":{"text":"Quality Content"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Once you get traffic to land your website you need to have quality content to avoid a high bounce rate. For Crystallize we have achieved a 35% bounce rate and 7.2 pages per visit in average. You need to create relevant content so your visitors are staying and looking around."},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"The content include some high quality React components that are delivered as "},{"kind":"inline","type":"link","metadata":{"href":"https://opensource.org/licenses/MIT"},"textContent":"MIT licensed"},{"kind":"inline","textContent":" "},{"kind":"inline","type":"link","metadata":{"href":"https://www.npmjs.com/~crystallize"},"textContent":"npm"},{"kind":"inline","textContent":" packages also on "},{"kind":"inline","type":"link","metadata":{"href":"https://github.com/CrystallizeAPI"},"textContent":"GitHub"},{"kind":"inline","textContent":". These are fully reusable components for delivering "},{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com/developers"},"textContent":"tailor-made ecommerce solutions with React"},{"kind":"inline","textContent":". Totally Open Source and free to use."}]},{"kind":"block","type":"paragraph","textContent":"Remember: your goal is ultimately conversion by having the visitor sign up, contact or follow on social media. So, keep the content relevant."}]},"videos":null,"images":null},{"title":{"text":"SEO"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"There is no way around it. For content marketing to succeed you need to get SEO right. For Crystallize we are now ranking #1 in Google for quite some relevant terms and are getting more feature snippets and image packs on a regular basis. To get SEO working for you you need to tick absolutely all the boxes from "},{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com/blog/frontend-performance-measuring-kpis"},"textContent":"frontend performance"},{"kind":"inline","textContent":" to canonical links and meta descriptions."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Check out the "},{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com/blog/ecommerce-seo-checklist"},"textContent":"ecommerce SEO checklist"},{"kind":"inline","textContent":" for tips on better SERP ranking."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"For the execution of a successful content strategy you really need to understand all elements involved in reaching #1 SERP ranking. Like the "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/work/lounge-chair-concept"},"textContent":"lounge chair concept"},{"kind":"inline","textContent":" we designed at Snowball with #1 placement and four images in the image pack. I really want that chair. Make one mistake related to SEO like forgetting https and you loose. Remember that "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/https-is-faster-than-http"},"textContent":"https is faster than http"},{"kind":"inline","textContent":" anyways."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Curious to understand more about how we do growth marketing? "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/team"},"textContent":"Just reach out to chat"},{"kind":"inline","textContent":"."}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/104/309_loungechairconceptserpranking.png","altText":null,"width":1648,"height":990,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/104/@100/309_loungechairconceptserpranking.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/104/@200/309_loungechairconceptserpranking.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/104/@500/309_loungechairconceptserpranking.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/104/@768/309_loungechairconceptserpranking.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/104/@1024/309_loungechairconceptserpranking.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/104/@1366/309_loungechairconceptserpranking.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/104/@1600/309_loungechairconceptserpranking.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/104/@100/309_loungechairconceptserpranking.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/104/@200/309_loungechairconceptserpranking.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/104/@500/309_loungechairconceptserpranking.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/104/@768/309_loungechairconceptserpranking.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/104/@1024/309_loungechairconceptserpranking.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/104/@1366/309_loungechairconceptserpranking.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/104/@1600/309_loungechairconceptserpranking.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/104/@100/309_loungechairconceptserpranking.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/104/@200/309_loungechairconceptserpranking.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/104/@500/309_loungechairconceptserpranking.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/104/@768/309_loungechairconceptserpranking.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/104/@1024/309_loungechairconceptserpranking.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/104/@1366/309_loungechairconceptserpranking.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/104/@1600/309_loungechairconceptserpranking.avif","width":1600}]}]}]}}]},{"topics":[{"name":"Product Design"},{"name":"User Experience"}],"name":"User Interface Design (UI) and User Experience (UX) for Crystallize","path":"/assets/blog/user-interface-design-ui-and-user-experience-ux-for-crystallize","id":"675fd486c7d4476784131a35","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"User Interface Design (UI) and User Experience (UX) for Crystallize"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/93/adobe_illustrator_sb_blog.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/93/@100/adobe_illustrator_sb_blog.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/93/@200/adobe_illustrator_sb_blog.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/93/@500/adobe_illustrator_sb_blog.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/93/@768/adobe_illustrator_sb_blog.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/93/@1024/adobe_illustrator_sb_blog.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/93/@1366/adobe_illustrator_sb_blog.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/93/@1600/adobe_illustrator_sb_blog.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/93/@1920/adobe_illustrator_sb_blog.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/93/@100/adobe_illustrator_sb_blog.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/93/@200/adobe_illustrator_sb_blog.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/93/@500/adobe_illustrator_sb_blog.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/93/@768/adobe_illustrator_sb_blog.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/93/@1024/adobe_illustrator_sb_blog.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/93/@1366/adobe_illustrator_sb_blog.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/93/@1600/adobe_illustrator_sb_blog.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/93/@1920/adobe_illustrator_sb_blog.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/93/@100/adobe_illustrator_sb_blog.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/93/@200/adobe_illustrator_sb_blog.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/93/@500/adobe_illustrator_sb_blog.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/93/@768/adobe_illustrator_sb_blog.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/93/@1024/adobe_illustrator_sb_blog.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/93/@1366/adobe_illustrator_sb_blog.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/93/@1600/adobe_illustrator_sb_blog.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/93/@1920/adobe_illustrator_sb_blog.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Didrik Steen Hegna"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"April 9th, 2019"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"We believe in design driven user experience. Visually pleasing and efficiency hand in hand. The UI design should represent the personality of the brand and be a backdrop for a super efficient user experience for the different target groups. For Crystallize we had shop managers, information architects and developers as personas using the UI. Here are some thoughts on the "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services"},"textContent":"product design"},{"kind":"inline","textContent":" thinking for the "},{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com/"},"textContent":"headless ecommerce service"},{"kind":"inline","textContent":" Crystallize."}]}],"plainText":["We believe in design driven user experience. Visually pleasing and efficiency hand in hand. The UI design should represent the personality of the brand and be a backdrop for a super efficient user experience for the different target groups. For Crystallize we had shop managers, information architects and developers as personas using the UI. Here are some thoughts on the product design thinking for the headless ecommerce service Crystallize."]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":{"text":"Product Creation User Experience"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Shop managers manage products in the "},{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com/product/product-information-management"},"textContent":"PIM"},{"kind":"inline","textContent":" administration interface. The product creation interface is the most frequently used feature. We aimed to make this powerful for power users and as intuitive as possible for newbies."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"The user experience (UX) focus here is to make product creation as efficient as possible. This includes points like using clear illustrations and iconography and non-visual things like tab index and keyboard shortcuts. The "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services/product-design"},"textContent":"user interface design"},{"kind":"inline","textContent":" (UI) is heavily reflecting the personality of the Crystallize brand."}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/105/331_product_creation_pim_crystallize.jpg","altText":null,"width":1597,"height":1154,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/105/@100/331_product_creation_pim_crystallize.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/105/@200/331_product_creation_pim_crystallize.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/105/@500/331_product_creation_pim_crystallize.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/105/@768/331_product_creation_pim_crystallize.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/105/@1024/331_product_creation_pim_crystallize.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/105/@1366/331_product_creation_pim_crystallize.jpeg","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/105/@100/331_product_creation_pim_crystallize.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/105/@200/331_product_creation_pim_crystallize.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/105/@500/331_product_creation_pim_crystallize.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/105/@768/331_product_creation_pim_crystallize.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/105/@1024/331_product_creation_pim_crystallize.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/105/@1366/331_product_creation_pim_crystallize.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/105/@100/331_product_creation_pim_crystallize.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/105/@200/331_product_creation_pim_crystallize.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/105/@500/331_product_creation_pim_crystallize.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/105/@768/331_product_creation_pim_crystallize.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/105/@1024/331_product_creation_pim_crystallize.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/105/@1366/331_product_creation_pim_crystallize.avif","width":1366}]}]},{"title":{"text":"Custom Product Shapes in Seconds"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Custom product shapes is the candy store for information architects. Products come in different shapes and sizes. The "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services/product-design"},"textContent":"user interface design"},{"kind":"inline","textContent":" goal was to define "},{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com/blog/structured-content-pim-with-products-of-any-shape"},"textContent":"structured content with products of any shape"},{"kind":"inline","textContent":" in seconds. The visual shape creator enables you to define and modify product shapes when you need it. If you are selling books, cars or subscriptions to a streaming service you can define it all here."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"This is a complex topic where our "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services/product-design"},"textContent":"user experience design"},{"kind":"inline","textContent":" focus was to visualize as clearly as possible the type of shape you are creating. Since this is an abstract definition of information structures we also added a visualization that shows how this type of shape could be presented."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Developer can of course also just use the "},{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com/product/graphql-commerce-api"},"textContent":"ecommerce API"},{"kind":"inline","textContent":" in Crystallize to create and modify shapes."}]}]},"videos":null,"images":null},{"title":{"text":"Topic Maps for Rich Taxonomies"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Crystallize has different ways of organizing products. The main organizer is a rather traditional tree organizer. This is basically a folder structure where you can organize products. Familiar and efficient."},{"kind":"block","type":"paragraph","textContent":"However, you often want to create a rich taxonomy to organize products. We have introduced the concept of a topic maps based organizer. You can define any number of topic maps in the topics user interface. Each topic map contains a hierarchical set of topics."},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Topics are extremely useful for things like multi faceted product navigation and semantically linking of products. We find topic maps also useful for organizing keywords to be used in "},{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com/blog/ecommerce-seo-checklist"},"textContent":"ecommerce SEO"},{"kind":"inline","textContent":". Topic maps were used strategically in the "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/content-strategy-for-exponential-growth-marketing"},"textContent":"content strategy for exponential growth marketing"},{"kind":"inline","textContent":". It works."}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/106/333_topic_map_topics.jpg","altText":null,"width":1593,"height":1149,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/106/@100/333_topic_map_topics.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/106/@200/333_topic_map_topics.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/106/@500/333_topic_map_topics.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/106/@768/333_topic_map_topics.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/106/@1024/333_topic_map_topics.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/106/@1366/333_topic_map_topics.jpeg","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/106/@100/333_topic_map_topics.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/106/@200/333_topic_map_topics.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/106/@500/333_topic_map_topics.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/106/@768/333_topic_map_topics.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/106/@1024/333_topic_map_topics.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/106/@1366/333_topic_map_topics.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/106/@100/333_topic_map_topics.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/106/@200/333_topic_map_topics.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/106/@500/333_topic_map_topics.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/106/@768/333_topic_map_topics.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/106/@1024/333_topic_map_topics.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/106/@1366/333_topic_map_topics.avif","width":1366}]}]},{"title":{"text":"Headless Ecommerce Data Explorer"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Ok, this one is targeted for frontend developers. Crystallize is a headless ecommerce service which means that all products and content stored are available in a super fast ecommerce API. To make it easier for developers to create queries for their "},{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com/developers"},"textContent":"tailor-made ecommerce"},{"kind":"inline","textContent":" frontends we designed an in-editor user interface for the GraphQL playground. You can switch directly between product creation and product edit. Simple and sweet, yet immensely powerful. Simply a great user experience."}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/107/334_graphql_explorer_pim_crystallize.jpg","altText":null,"width":1596,"height":1136,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/107/@100/334_graphql_explorer_pim_crystallize.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/107/@200/334_graphql_explorer_pim_crystallize.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/107/@500/334_graphql_explorer_pim_crystallize.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/107/@768/334_graphql_explorer_pim_crystallize.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/107/@1024/334_graphql_explorer_pim_crystallize.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/107/@1366/334_graphql_explorer_pim_crystallize.jpeg","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/107/@100/334_graphql_explorer_pim_crystallize.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/107/@200/334_graphql_explorer_pim_crystallize.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/107/@500/334_graphql_explorer_pim_crystallize.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/107/@768/334_graphql_explorer_pim_crystallize.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/107/@1024/334_graphql_explorer_pim_crystallize.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/107/@1366/334_graphql_explorer_pim_crystallize.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/107/@100/334_graphql_explorer_pim_crystallize.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/107/@200/334_graphql_explorer_pim_crystallize.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/107/@500/334_graphql_explorer_pim_crystallize.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/107/@768/334_graphql_explorer_pim_crystallize.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/107/@1024/334_graphql_explorer_pim_crystallize.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/107/@1366/334_graphql_explorer_pim_crystallize.avif","width":1366}]}]},{"title":null,"body":null,"videos":null,"images":null}]}}]},{"topics":[{"name":"Product Design"}],"name":"Seat Clamp Product Design","path":"/assets/blog/seat-clamp-product-design","id":"675fd509ed4383af9fa4ed17","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"Seat Clamp Product Design"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/49/industrial_design_sb_blog.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/49/@100/industrial_design_sb_blog.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/49/@200/industrial_design_sb_blog.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/49/@500/industrial_design_sb_blog.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/49/@768/industrial_design_sb_blog.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/49/@1024/industrial_design_sb_blog.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/49/@1366/industrial_design_sb_blog.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/49/@1600/industrial_design_sb_blog.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/49/@1920/industrial_design_sb_blog.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/49/@100/industrial_design_sb_blog.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/49/@200/industrial_design_sb_blog.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/49/@500/industrial_design_sb_blog.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/49/@768/industrial_design_sb_blog.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/49/@1024/industrial_design_sb_blog.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/49/@1366/industrial_design_sb_blog.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/49/@1600/industrial_design_sb_blog.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/49/@1920/industrial_design_sb_blog.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/49/@100/industrial_design_sb_blog.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/49/@200/industrial_design_sb_blog.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/49/@500/industrial_design_sb_blog.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/49/@768/industrial_design_sb_blog.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/49/@1024/industrial_design_sb_blog.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/49/@1366/industrial_design_sb_blog.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/49/@1600/industrial_design_sb_blog.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/49/@1920/industrial_design_sb_blog.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Eduardo Morán Alvarado"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"January 22nd, 2019"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"A product is a sum of its parts. We are in the middle of the "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services"},"textContent":"product design process"},{"kind":"inline","textContent":" of a new line of "},{"kind":"inline","type":"link","metadata":{"href":"https://speedcykkel.com/"},"textContent":"classic city bicycles"},{"kind":"inline","textContent":" for "},{"kind":"inline","type":"link","metadata":{"href":"https://speedcykkel.com/"},"textContent":"Skiens Cykkelfabrik"},{"kind":"inline","textContent":". One of the parts we are designing is the new seat clamp. The process starts with "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/cad-product-design-of-bicycle-dropout-for-cnc"},"textContent":"CAD product design"},{"kind":"inline","textContent":" for CNC production. 3D visualization of the final part and of course making real prototype parts in aluminum before we iterate."}]}],"plainText":["A product is a sum of its parts. We are in the middle of the product design process of a new line of classic city bicycles for Skiens Cykkelfabrik. One of the parts we are designing is the new seat clamp. The process starts with CAD product design for CNC production. 3D visualization of the final part and of course making real prototype parts in aluminum before we iterate."]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":{"text":"CAD Product Design"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"The first step is modeling out the shape in CAD with the exact measurements and details. This is where we can test the fit of the component with the rest of the bike while we get the first visualization of the proportions etc. At this step we can also easily calculate the exact weight of the seat clamp."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/108/272_seatclampcad.jpg","altText":null,"width":1200,"height":785,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/108/@100/272_seatclampcad.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/108/@200/272_seatclampcad.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/108/@500/272_seatclampcad.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/108/@768/272_seatclampcad.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/108/@1024/272_seatclampcad.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/108/@100/272_seatclampcad.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/108/@200/272_seatclampcad.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/108/@500/272_seatclampcad.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/108/@768/272_seatclampcad.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/108/@1024/272_seatclampcad.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/108/@100/272_seatclampcad.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/108/@200/272_seatclampcad.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/108/@500/272_seatclampcad.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/108/@768/272_seatclampcad.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/108/@1024/272_seatclampcad.avif","width":1024}]}]},{"title":{"text":"CNC Machined Prototype"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"As we design out the seat clamp in CAD to a high level of detail we can easily get all performance numbers like weight. But at a certain point we like to have a physical prototype. We typically start with a simple 3D printed version of the part. But especially to get a feel of the material finish and weight we really like to CNC machine a real seat clamp."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/109/273_seatclamptechnicaldrawing.jpg","altText":null,"width":1500,"height":1060,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/109/@100/273_seatclamptechnicaldrawing.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/109/@200/273_seatclamptechnicaldrawing.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/109/@500/273_seatclamptechnicaldrawing.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/109/@768/273_seatclamptechnicaldrawing.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/109/@1024/273_seatclamptechnicaldrawing.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/109/@1366/273_seatclamptechnicaldrawing.jpeg","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/109/@100/273_seatclamptechnicaldrawing.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/109/@200/273_seatclamptechnicaldrawing.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/109/@500/273_seatclamptechnicaldrawing.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/109/@768/273_seatclamptechnicaldrawing.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/109/@1024/273_seatclamptechnicaldrawing.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/109/@1366/273_seatclamptechnicaldrawing.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/109/@100/273_seatclamptechnicaldrawing.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/109/@200/273_seatclamptechnicaldrawing.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/109/@500/273_seatclamptechnicaldrawing.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/109/@768/273_seatclamptechnicaldrawing.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/109/@1024/273_seatclamptechnicaldrawing.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/109/@1366/273_seatclamptechnicaldrawing.avif","width":1366}]}]},{"title":null,"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Below is a picture of our first CNC machined prototype of the seat clamp. We found that the design of the seat clamp was a bit too fat to our liking. The weight of the seat clamp also was a bit too much. This was invaluable information that is much easier to obtain when having a physical seat clamp in your hands."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/110/274_seatclampprototype.jpg","altText":null,"width":1200,"height":800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/110/@100/274_seatclampprototype.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/110/@200/274_seatclampprototype.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/110/@500/274_seatclampprototype.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/110/@768/274_seatclampprototype.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/110/@1024/274_seatclampprototype.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/110/@100/274_seatclampprototype.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/110/@200/274_seatclampprototype.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/110/@500/274_seatclampprototype.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/110/@768/274_seatclampprototype.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/110/@1024/274_seatclampprototype.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/110/@100/274_seatclampprototype.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/110/@200/274_seatclampprototype.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/110/@500/274_seatclampprototype.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/110/@768/274_seatclampprototype.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/110/@1024/274_seatclampprototype.avif","width":1024}]}]},{"title":{"text":"Product Design Iteration"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Based on the first iteration we tuned the product design. The seat clamp is made more streamlined and clean. Less bulky styling which also makes it lighter. We are also considering changing the bolts to titanium to save even more weight."},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/details-matter-in-product-design"},"textContent":"Details matter"},{"kind":"inline","textContent":" and on in our design process we iterate until the seat clamp is just so. No compromise. We are now (most likely) in the last product design iteration for this seat clamp before they are added to the next series of production models of "},{"kind":"inline","type":"link","metadata":{"href":"https://speedcykkel.com/bikes"},"textContent":"classic bikes"},{"kind":"inline","textContent":". The seat clamp is also being added to Skiens Cykkelfabrik’s "},{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com/product/product-information-management"},"textContent":"PIM"},{"kind":"inline","textContent":" making it available from the webshop as one of the "},{"kind":"inline","type":"link","metadata":{"href":"https://speedcykkel.com/parts"},"textContent":"bicycle parts"},{"kind":"inline","textContent":"."}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/111/275_seatclamprender.jpg","altText":null,"width":1200,"height":648,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/111/@100/275_seatclamprender.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/111/@200/275_seatclamprender.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/111/@500/275_seatclamprender.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/111/@768/275_seatclamprender.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/111/@1024/275_seatclamprender.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/111/@100/275_seatclamprender.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/111/@200/275_seatclamprender.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/111/@500/275_seatclamprender.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/111/@768/275_seatclamprender.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/111/@1024/275_seatclamprender.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/111/@100/275_seatclamprender.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/111/@200/275_seatclamprender.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/111/@500/275_seatclamprender.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/111/@768/275_seatclamprender.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/111/@1024/275_seatclamprender.avif","width":1024}]}]}]}}]},{"topics":[{"name":"Product Design"},{"name":"User Experience"},{"name":"Branding"}],"name":"Different types of designers explained","path":"/assets/blog/different-types-of-designers-explained","id":"675fd593299fd38154a7aad0","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"Types of Designers Explained"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/blog3.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@100/blog3.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@200/blog3.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@500/blog3.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@768/blog3.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@1024/blog3.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@1366/blog3.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@1600/blog3.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@1920/blog3.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@100/blog3.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@200/blog3.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@500/blog3.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@768/blog3.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@1024/blog3.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@1366/blog3.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@1600/blog3.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@1920/blog3.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@100/blog3.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@200/blog3.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@500/blog3.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@768/blog3.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@1024/blog3.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@1366/blog3.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@1600/blog3.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@1920/blog3.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Filipa Amado"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"January 18th, 2019"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"You've probably heard of 'graphic designers,' '"},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services"},"textContent":"product designers"},{"kind":"inline","textContent":",' or even' fashion designers.' But why not just call all of them 'designers'? In this blog, we take a quick look at the different design roles and why they are crucial in their respective industries."}]}],"plainText":["You've probably heard of 'graphic designers,' 'product designers,' or even' fashion designers.' But why not just call all of them 'designers'? In this blog, we take a quick look at the different design roles and why they are crucial in their respective industries."]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":{"text":"Understanding the Design World"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"As technology and innovation continue to evolve, so does the design world. This constant change can make it difficult to identify every relevant design area. Still, it does not take away from the fact that new products and services come forward every day that require the assistance of designers. "},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"The word 'design' is a pretty broad term that applies to a wide range of industries. From magazine editorials to car development, the sheer number of ways that design can be used has created an equally large number of "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/careers"},"textContent":"design jobs"},{"kind":"inline","textContent":". Every designer's role is usually defined by what they create. However, every design job shares one common goal: to "},{"kind":"inline","type":"strong","textContent":"service people by developing innovative products that improve their quality of life"},{"kind":"inline","textContent":"."}]},{"kind":"block","type":"paragraph","textContent":"Since there are a large number of different types of designer, I will share some insight into some of the most design roles within the following fields:"},{"kind":"block","type":"paragraph"},{"kind":"block","type":"unordered-list","children":[{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services"},"textContent":"Product Design"}]},{"kind":"block","type":"list-item","textContent":"Graphic Design"},{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services/product-design"},"textContent":"Branding"}]},{"kind":"block","type":"list-item","textContent":"Interaction Design"},{"kind":"block","type":"list-item","textContent":"Motion Graphics Design"},{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services/engineering"},"textContent":"Industrial Design"}]}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/112/271_product_design.jpg","altText":null,"width":1208,"height":719,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/112/@100/271_product_design.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/112/@200/271_product_design.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/112/@500/271_product_design.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/112/@768/271_product_design.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/112/@1024/271_product_design.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/112/@100/271_product_design.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/112/@200/271_product_design.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/112/@500/271_product_design.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/112/@768/271_product_design.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/112/@1024/271_product_design.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/112/@100/271_product_design.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/112/@200/271_product_design.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/112/@500/271_product_design.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/112/@768/271_product_design.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/112/@1024/271_product_design.avif","width":1024}]}]},{"title":{"text":"Product Design"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services"},"textContent":"Product design"},{"kind":"inline","textContent":" is the "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/introduction-to-the-new-product-design"},"children":[{"kind":"inline","type":"emphasized","textContent":"process of making shippable, physical, or digital products"}]},{"kind":"inline","textContent":". Product design is about problem-solving and creating usable products and experiences, all while visualizing the user's needs and developing a possible solution - here, "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/details-matter-in-product-design"},"textContent":"details truly matter."}]},{"kind":"block","type":"paragraph","textContent":"Product designers go through an analytical process and rely on a problem-solving approach to improve the end-user quality of life. They create meaningful products and experiences capable of solving problems."},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services"},"textContent":"Product design"},{"kind":"inline","textContent":" applies in many different fields, and the designer usually works with other professionals when developing a product. While a product designer is not necessarily in charge of a product's mechanical and technological aspects, they put their efforts into the user experience. They are constantly analyzing, designing, testing, launching, monitoring, and improving."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"The product design and engineering of the"},{"kind":"inline","type":"link","metadata":{"href":"https://speedcykkel.com/bikes/single-speed-bike-speed-one-le"},"textContent":" single-speed bike Speed ONE"},{"kind":"inline","textContent":" is a solid example of product design."}]}]},"videos":null,"images":null},{"title":{"text":"Graphic Design"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"link","metadata":{"href":"https://www.interaction-design.org/literature/topics/graphic-design"},"textContent":"Graphic Design"},{"kind":"inline","textContent":" is a form of communication that utilizes visual elements to convey ideas. It has become an umbrella term covering various types of design work, from logos to brochures to packaging, and so much more."}]},{"kind":"block","type":"paragraph","textContent":"A graphic designer uses typographies, colors, shapes, and images to bring a concept, idea, or message to life. They use visually appealing elements to create attractive designs that apply in multiples areas, like marketing, advertising, and production. A well-designed graphic material can catch the audience's attention and entice them to buy or use a particular product/service."},{"kind":"block","type":"paragraph","textContent":"Thus, a graphic designer is one of the most in-demand professionals out there in the market, particularly for their ability to talk to the client through a visually appealing medium that combines technical and artistic skills."}]},"videos":null,"images":null},{"title":{"text":"Interaction Design"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"In "},{"kind":"inline","type":"link","metadata":{"href":"https://www.interaction-design.org/literature/article/what-is-interaction-design"},"textContent":"interaction design"},{"kind":"inline","textContent":", designers create a wide range of web interfaces. This includes anything from blog templates and simple landing pages to "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/work/bunad-magasinet"},"textContent":"fully functional responsive websites"},{"kind":"inline","textContent":" and "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/work/okay"},"textContent":"mobile applications"},{"kind":"inline","textContent":"."}]},{"kind":"block","type":"paragraph","textContent":"Because of their field, interactive designers also need to understand the technology used to build the web interfaces and online experiences they designed. As a result, some designers have a basic knowledge of front-end web development and might even learn programming languages such as JavaScript."},{"kind":"block","type":"paragraph","textContent":"Because of the web's complexity, an interactive designer may specialize in a variety of high-demand fields. Below are two relatively recent examples:"},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"link","metadata":{"href":"https://www.interaction-design.org/literature/topics/ux-design"},"children":[{"kind":"inline","type":"strong","textContent":"User Experience (UX)"}]},{"kind":"inline","type":"strong","textContent":":"},{"kind":"inline","textContent":" A UX designer is responsible for creating user experiences by designing every interaction between the user and the digital product. With "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/the-easy-way-to-a-successful-user-testing"},"textContent":"User Testing"},{"kind":"inline","textContent":", the designer analyses and evaluates the customer's experience when using a particular site or app, ensuring the experience caters to all of the client's needs. While analyzing a specific experience, the UX designer also focuses on these seven factors: usability, usefulness, value, credibility, desirability, findability, and accessibility."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"link","metadata":{"href":"https://searchapparchitecture.techtarget.com/definition/user-interface-UI"},"children":[{"kind":"inline","type":"strong","textContent":"User Interface (UI)"}]},{"kind":"inline","type":"strong","textContent":":"},{"kind":"inline","textContent":" A UI designer focuses on how users navigate a site or an app by creating visual elements such as buttons and menus. Essentially, the designer creates an interface using certain features and functions on a web product for the user to interact with. A UI designer not only designs the graphics but also defines how users interact with those graphics."}]}]},"videos":null,"images":null},{"title":{"text":"Motion Graphics Design"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"In this field, a motion graphics designer is responsible for bringing movement to otherwise static graphic elements, such as images or text. The world of motion graphics involves various work, whether animated presentations, product demos, or movie title sequences."},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Kindly note, however, that motion graphics are not the same as animation. The two are quite different in terms of what each one wants to tell. While animation is the visual representation of a story, motion graphics give life to something usually static. For example, the filmmakers at "},{"kind":"inline","type":"link","metadata":{"href":"https://xn--splsh-ura.com/"},"textContent":"Splæsh"},{"kind":"inline","textContent":" are using motion graphics to tell "},{"kind":"inline","type":"link","metadata":{"href":"https://xn--splsh-ura.com/"},"children":[{"kind":"inline","type":"emphasized","textContent":"stories with impact"}]},{"kind":"inline","textContent":"."}]}]},"videos":null,"images":null},{"title":{"text":"Industrial Design"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"In this field, the role of an industrial designer is to develop every and any kind of physical product one can imagine. They typically specialize in one type of product design, with their work going towards multiple manufacturing industries (i.e., "},{"kind":"inline","type":"link","metadata":{"href":"https://speedcykkel.com/bikes"},"textContent":"city bikes"},{"kind":"inline","textContent":", automotives, "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/work/lounge-chair-concept"},"textContent":"lounge chairs"},{"kind":"inline","textContent":", or houseware). While considering its function and form, an industrial designer uses prototypes, tests, and iterates any product from idea to life."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"The "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/cad-product-design-of-bicycle-dropout-for-cnc"},"textContent":"industrial design process"},{"kind":"inline","textContent":" that was used as part of the "},{"kind":"inline","type":"link","metadata":{"href":"https://speedcykkel.com/bikes/single-speed-bike-speed-one-le"},"textContent":"single-speed bike Speed ONE"},{"kind":"inline","textContent":" construction is to ensure the manufacturability of the initial concept."}]}]},"videos":null,"images":null},{"title":{"text":"Conclusion"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"As the world becomes ever more reliant on technological platforms, the need for designers will only continue to grow. As an integral part of any company, and because they are often producing work that can make or break a product, it is vital that you build your design team up with passionate, talented, and curious people. People who aren’t afraid to be different, think different, and ultimately challenge the status quo."},{"kind":"block","type":"paragraph","textContent":"Happy designing! "}]},"videos":null,"images":null}]}}]},{"topics":[{"name":"Product Design"},{"name":"Development"}],"name":"Gamification in Product Design Make Enterprise Software Suck Less","path":"/assets/blog/gamification-in-product-design-make-enterprise-software-suck-less","id":"675fd63ded4383af9fa4ed1a","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"Gamification in Product Design Make Enterprise Software Suck Less"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/51/seo_sb_blog.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/51/@100/seo_sb_blog.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/51/@200/seo_sb_blog.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/51/@500/seo_sb_blog.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/51/@768/seo_sb_blog.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/51/@1024/seo_sb_blog.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/51/@1366/seo_sb_blog.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/51/@1600/seo_sb_blog.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/51/@1920/seo_sb_blog.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/51/@100/seo_sb_blog.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/51/@200/seo_sb_blog.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/51/@500/seo_sb_blog.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/51/@768/seo_sb_blog.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/51/@1024/seo_sb_blog.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/51/@1366/seo_sb_blog.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/51/@1600/seo_sb_blog.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/51/@1920/seo_sb_blog.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/51/@100/seo_sb_blog.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/51/@200/seo_sb_blog.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/51/@500/seo_sb_blog.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/51/@768/seo_sb_blog.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/51/@1024/seo_sb_blog.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/51/@1366/seo_sb_blog.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/51/@1600/seo_sb_blog.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/51/@1920/seo_sb_blog.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Robert Mulcahy"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"January 7th, 2019"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Gamification can be key for "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services"},"textContent":"designing a great product"},{"kind":"inline","textContent":". Heck, it can make a bad product a successful one. Gamification tickles the part of our brain that’s thirsty for entertainment and when it is applied to mundane tasks that we all have to do in life… it makes us want to do these tasks. Chores become amusing, they no longer are chores. How can we apply gamification to "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/"},"textContent":"product design"},{"kind":"inline","textContent":" in "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/gamification-in-enterprise-software-user-guidance"},"textContent":"enterprise software"},{"kind":"inline","textContent":"?"}]}],"plainText":["Gamification can be key for designing a great product. Heck, it can make a bad product a successful one. Gamification tickles the part of our brain that’s thirsty for entertainment and when it is applied to mundane tasks that we all have to do in life… it makes us want to do these tasks. Chores become amusing, they no longer are chores. How can we apply gamification to product design in enterprise software?"]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":{"text":"Gamification Juice"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Ever have a rather satisfying feeling after watching "},{"kind":"inline","type":"link","metadata":{"href":"https://en.wikipedia.org/wiki/Jell-O"},"textContent":"Jell-O"},{"kind":"inline","textContent":" being pushed out of a mold, cut into a perfect cube, jiggle about, or "},{"kind":"inline","type":"link","metadata":{"href":"https://www.google.com/search?q=jello+hit+tennis+racket"},"textContent":"being hit by a tennis racket"},{"kind":"inline","textContent":" (if you haven’t seen this, do yourself a favor and look it up)? Yeah, something about this jiggly substance provides an aesthetic enjoyment that scientists are still learning about. It relieves stress, improves mood, and even boosts energy. In short, it feels great."}]},{"kind":"block","type":"paragraph","textContent":"Game designers have a term that describe this called “Juice” or “Juiciness” and they apply these visual effects to their products. By adding some Juice to their games, they give their users all those positive vibes while they’re using their product (often without the user's awareness). Reinforcing a positive stimulant everytime someone is using your product… can you see where I am going with this? They’re going to want to return and use or buy your product again."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/113/268_subscriptionmanagement.jpg","altText":null,"width":1200,"height":1010,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/113/@100/268_subscriptionmanagement.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/113/@200/268_subscriptionmanagement.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/113/@500/268_subscriptionmanagement.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/113/@768/268_subscriptionmanagement.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/113/@1024/268_subscriptionmanagement.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/113/@100/268_subscriptionmanagement.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/113/@200/268_subscriptionmanagement.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/113/@500/268_subscriptionmanagement.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/113/@768/268_subscriptionmanagement.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/113/@1024/268_subscriptionmanagement.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/113/@100/268_subscriptionmanagement.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/113/@200/268_subscriptionmanagement.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/113/@500/268_subscriptionmanagement.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/113/@768/268_subscriptionmanagement.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/113/@1024/268_subscriptionmanagement.avif","width":1024}]}]},{"title":{"text":"Gamification in Enterprise Software"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Enterprise software is by definition on the boring side of things to do. It is work. Serious work stuff. When working with the "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services"},"textContent":"product design"},{"kind":"inline","textContent":" for "},{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com/product"},"textContent":"headless ecommerce service"},{"kind":"inline","textContent":" "},{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com/"},"textContent":"Crystallize"},{"kind":"inline","textContent":" we are working with gamification as part of the process. We started with the basics of tone of voice and visual aesthetics. Making it visually more enjoyable to work with. No boring business diagrams."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Part of the "},{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com/product"},"textContent":"ecommerce service"},{"kind":"inline","textContent":" is to provide so called webhooks for sending packages of data to different systems when e.g. a new customer makes a purchase. This is serious "},{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com/product/graphql-commerce-api"},"textContent":"enterprise software integrations"},{"kind":"inline","textContent":". It is of course personified as a pirate squid. You cannot go wrong with pirates, can you?"}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/114/269_webhookscrystallize.jpg","altText":null,"width":1200,"height":930,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/114/@100/269_webhookscrystallize.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/114/@200/269_webhookscrystallize.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/114/@500/269_webhookscrystallize.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/114/@768/269_webhookscrystallize.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/114/@1024/269_webhookscrystallize.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/114/@100/269_webhookscrystallize.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/114/@200/269_webhookscrystallize.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/114/@500/269_webhookscrystallize.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/114/@768/269_webhookscrystallize.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/114/@1024/269_webhookscrystallize.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/114/@100/269_webhookscrystallize.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/114/@200/269_webhookscrystallize.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/114/@500/269_webhookscrystallize.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/114/@768/269_webhookscrystallize.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/114/@1024/269_webhookscrystallize.avif","width":1024}]}]},{"title":{"text":"A Juicy Reason to Come Back"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Part of the complete product for Crystallize is the marketing and communication. We decided early on that there must be a weekly cartoon. There was no other way. Every friday there is a new "},{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com/comics"},"textContent":"developer comic strip"},{"kind":"inline","textContent":" published. We are also introducing the cartoon of the day in the administration interface of Crystallize so you get a new cartoon every day when you log on. Nice."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Oh, btw: there are easter eggs in the "},{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com/comics"},"textContent":"comics"},{"kind":"inline","textContent":" on the Crystallize website. Someone told me there is a dirty version of the cartoons available. Another gamification component."}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/115/266_npminstallpackagescomic.jpg","altText":null,"width":1180,"height":290,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/115/@100/266_npminstallpackagescomic.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/115/@200/266_npminstallpackagescomic.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/115/@500/266_npminstallpackagescomic.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/115/@768/266_npminstallpackagescomic.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/115/@1024/266_npminstallpackagescomic.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/115/@100/266_npminstallpackagescomic.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/115/@200/266_npminstallpackagescomic.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/115/@500/266_npminstallpackagescomic.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/115/@768/266_npminstallpackagescomic.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/115/@1024/266_npminstallpackagescomic.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/115/@100/266_npminstallpackagescomic.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/115/@200/266_npminstallpackagescomic.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/115/@500/266_npminstallpackagescomic.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/115/@768/266_npminstallpackagescomic.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/115/@1024/266_npminstallpackagescomic.avif","width":1024}]}]},{"title":{"text":"Gamification of a Sign-up Process"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"One way to both gamify the sign up process and teach users how to use the product is to put it in the opposite order. It is very popular for mobile app games (I think in China but it has been flooding into Western app markets) to have a very basic version of the game that can run without any download or installation, often in a browser. The user gains points or another kind of reward while using this light version. THEN after all that, the player is asked to sign up and download the game to save their progress. Which if they did a good job in presenting their game, the user doesn’t think twice about the sign up."},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Okay, so how to apply this to Crystalize? We already demonstrate on the awesome website what the product does and even how to use it. I think we are almost there. Customers can play with the GraphQL API directly by hitting play on the website before signing up. Hit the play button and see the "},{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com/product/product-information-management"},"textContent":"product information"},{"kind":"inline","textContent":" unfold from the "},{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com/product/product-information-management"},"textContent":"PIM"},{"kind":"inline","textContent":" in real time. Try before you buy."}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/116/267_headlesscommerceapiplaygroundcrystallize.gif","altText":null,"width":800,"height":404,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/116/@100/267_headlesscommerceapiplaygroundcrystallize.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/116/@200/267_headlesscommerceapiplaygroundcrystallize.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/116/@500/267_headlesscommerceapiplaygroundcrystallize.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/116/@768/267_headlesscommerceapiplaygroundcrystallize.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/116/@100/267_headlesscommerceapiplaygroundcrystallize.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/116/@200/267_headlesscommerceapiplaygroundcrystallize.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/116/@500/267_headlesscommerceapiplaygroundcrystallize.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/116/@768/267_headlesscommerceapiplaygroundcrystallize.avif","width":768}]}]},{"title":{"text":"Progression in Enterprise Software"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"The next step for us here is to look at progression in Crystallize and get more juiciness that helps users discover the different parts of the system. This is work in progress. We will follow up with some of the findings that work for us in another post."},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"For now, check out "},{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com/"},"textContent":"Crystallize"},{"kind":"inline","textContent":" - at least take a peek at the "},{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com/comics"},"textContent":"developer comics"},{"kind":"inline","textContent":"."}]}]},"videos":null,"images":null}]}}]},{"topics":[{"name":"Product Design"}],"name":"CAD Product Design of Bicycle Dropout for CNC","path":"/assets/blog/cad-product-design-of-bicycle-dropout-for-cnc","id":"675fd6cded4383af9fa4fd9e","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"CAD Product Design of Bicycle Dropout for CNC"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/blog2.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@100/blog2.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@200/blog2.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@500/blog2.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@768/blog2.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@1024/blog2.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@1366/blog2.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@1600/blog2.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@1920/blog2.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@100/blog2.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@200/blog2.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@500/blog2.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@768/blog2.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@1024/blog2.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@1366/blog2.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@1600/blog2.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@1920/blog2.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@100/blog2.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@200/blog2.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@500/blog2.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@768/blog2.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@1024/blog2.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@1366/blog2.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@1600/blog2.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@1920/blog2.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Audun Ask Blaker"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"December 23rd, 2018"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"When working on "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services"},"textContent":"product design"},{"kind":"inline","textContent":" for clients like "},{"kind":"inline","type":"link","metadata":{"href":"https://speedcykkel.com/"},"textContent":"Skiens Cykkelfabrik"},{"kind":"inline","textContent":" we always start with the "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/product-design-from-idea-to-production-ready-bicycle"},"textContent":"visual design process"},{"kind":"inline","textContent":". How should the bicycle look? What should it make customers feel? We want products to be desirable. Then comes engineering. How do we manufacture the bicycle? This is where "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/details-matter-in-product-design"},"textContent":"details matter"},{"kind":"inline","textContent":" as with this dropout for a new Speed "},{"kind":"inline","type":"link","metadata":{"href":"https://speedcykkel.com/"},"textContent":"ladies bicycle"},{"kind":"inline","textContent":" model."}]}],"plainText":["When working on product design for clients like Skiens Cykkelfabrik we always start with the visual design process. How should the bicycle look? What should it make customers feel? We want products to be desirable. Then comes engineering. How do we manufacture the bicycle? This is where details matter as with this dropout for a new Speed ladies bicycle model."]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":{"text":"Design & Manufacturability"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"A great "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services"},"textContent":"product design"},{"kind":"inline","textContent":" works well both aesthetically and functionally, while at the same time being efficient to manufacture. For even simple designs there are many decisions that needs to be made to properly balance these three values and create the best possible design."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"At "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/"},"textContent":"Snowball"},{"kind":"inline","textContent":" we have "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/product-design-from-idea-to-production-ready-bicycle"},"textContent":"design driven product processes"},{"kind":"inline","textContent":" with no compromise on details or quality. "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/details-matter-in-product-design"},"textContent":"Details matter"},{"kind":"inline","textContent":"."}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/117/264_speed_curve_dropout_cad_for_cnc.gif","altText":null,"width":1920,"height":1080,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/117/@100/264_speed_curve_dropout_cad_for_cnc.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/117/@200/264_speed_curve_dropout_cad_for_cnc.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/117/@500/264_speed_curve_dropout_cad_for_cnc.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/117/@768/264_speed_curve_dropout_cad_for_cnc.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/117/@1024/264_speed_curve_dropout_cad_for_cnc.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/117/@1366/264_speed_curve_dropout_cad_for_cnc.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/117/@1600/264_speed_curve_dropout_cad_for_cnc.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/117/@1920/264_speed_curve_dropout_cad_for_cnc.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/117/@100/264_speed_curve_dropout_cad_for_cnc.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/117/@200/264_speed_curve_dropout_cad_for_cnc.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/117/@500/264_speed_curve_dropout_cad_for_cnc.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/117/@768/264_speed_curve_dropout_cad_for_cnc.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/117/@1024/264_speed_curve_dropout_cad_for_cnc.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/117/@1366/264_speed_curve_dropout_cad_for_cnc.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/117/@1600/264_speed_curve_dropout_cad_for_cnc.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/117/@1920/264_speed_curve_dropout_cad_for_cnc.avif","width":1920}]}]},{"title":{"text":"Buy standard or design and manufacture custom?"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Bicycle dropouts are available in a lot of variants from many suppliers. However choosing a standard dropout from a catalog would almost always represent a compromise. Unless you can find the perfect fit, you are out of luck."},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"We decided it would be better to design our own. That way we can control not only looks but also function, and change it as we would like. This way we retain control over the "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services"},"textContent":"product design"},{"kind":"inline","textContent":". We will also control supply chain, which can be useful in many cases."}]}]},"videos":null,"images":null},{"title":{"text":"CNC Machining or Molding?"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"For a part like this it would usually be a matter of choosing between machining and molding. For a first batch and low volume and to adjust design we will usually start with CNC machining. When a design is thoroughly tested and tried we will consider moving towards a mold method. This is more of a costing issue than anything else. One thing to remember is that molding will have some impact regarding “crispness” of design. Details will be duller and e.g. text will be less visible. Molding is less precise."}]},"videos":null,"images":null},{"title":{"text":"CAD design for CNC Production"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"In this case we were looking at the manufacturing process of the dropouts for the new "},{"kind":"inline","type":"link","metadata":{"href":"https://speedcykkel.com/"},"textContent":"ladies city bicycle"},{"kind":"inline","textContent":" model. The dropout itself is being CNC machined in 7000 series aluminium. It needs to have mounting points for mudguards and a luggage rack. The dropout also needs to fit the stainless steel protection plate to mount the wheels. There are many details in this tiny part of the bicycle."}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/117/265_cadbicycledropoutcnc.jpg","altText":null,"width":1200,"height":839,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/117/@100/265_cadbicycledropoutcnc.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/117/@200/265_cadbicycledropoutcnc.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/117/@500/265_cadbicycledropoutcnc.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/117/@768/265_cadbicycledropoutcnc.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/117/@1024/265_cadbicycledropoutcnc.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/117/@100/265_cadbicycledropoutcnc.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/117/@200/265_cadbicycledropoutcnc.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/117/@500/265_cadbicycledropoutcnc.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/117/@768/265_cadbicycledropoutcnc.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/117/@1024/265_cadbicycledropoutcnc.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/117/@100/265_cadbicycledropoutcnc.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/117/@200/265_cadbicycledropoutcnc.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/117/@500/265_cadbicycledropoutcnc.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/117/@768/265_cadbicycledropoutcnc.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/117/@1024/265_cadbicycledropoutcnc.avif","width":1024}]}]},{"title":{"text":"CNC Manufacturing Specifications"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"To get this part machined we need to define the tolerance and level of quality. This is required to ensure that we can produce thousands of bicycles and ensure that the first made is exactly the same as the last one."}]},"videos":null,"images":null},{"title":{"text":"Geometric Dimensioning and Tolerancing (GD&T)"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Dimensioning and tolerancing is an art. There are mainly four viewpoints:"},{"kind":"block","type":"unordered-list","children":[{"kind":"block","type":"list-item","textContent":"The spline loving and curve conscious designer "},{"kind":"block","type":"list-item","textContent":"The “fully constrained” and interface loving engineer"},{"kind":"block","type":"list-item","textContent":"The “usable dimensions” machinist"},{"kind":"block","type":"list-item","textContent":"The “measurable dimensions” QA inspector."}]},{"kind":"block","type":"paragraph","textContent":"Each of these have their own preferences. Often the most important will be that all details, dimensions and tolerances are crystal clear and possible to control against a manufactured part for quality control."}]},"videos":null,"images":null},{"title":{"text":"CAD"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Different CAD tools are suitable for different jobs. There are also a lot of different approaches to be used. Bottom-up, top-down. Multibody. Skeletal. Part modeling and assembly modeling. Polygonal, surface or solid. For straight forward engineering job like this we use a parametric solid modeller and use single bodies that are mated in an assembly."},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"CAD is key for us in a "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/product-design-from-idea-to-production-ready-bicycle"},"textContent":"product design process of a new bicycle model"},{"kind":"inline","textContent":"."}]}]},"videos":null,"images":null}]}}]},{"topics":[{"name":"Product Design"}],"name":"Product Design: from Idea to Production Ready Bicycle","path":"/assets/blog/product-design-from-idea-to-production-ready-bicycle","id":"675fd78c299fd38154a7fa56","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"Product Design: from Idea to Production Ready Bicycle"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/52/product_design_sb_blog.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/52/@100/product_design_sb_blog.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/52/@200/product_design_sb_blog.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/52/@500/product_design_sb_blog.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/52/@768/product_design_sb_blog.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/52/@1024/product_design_sb_blog.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/52/@1366/product_design_sb_blog.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/52/@1600/product_design_sb_blog.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/52/@1920/product_design_sb_blog.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/52/@100/product_design_sb_blog.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/52/@200/product_design_sb_blog.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/52/@500/product_design_sb_blog.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/52/@768/product_design_sb_blog.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/52/@1024/product_design_sb_blog.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/52/@1366/product_design_sb_blog.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/52/@1600/product_design_sb_blog.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/52/@1920/product_design_sb_blog.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/52/@100/product_design_sb_blog.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/52/@200/product_design_sb_blog.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/52/@500/product_design_sb_blog.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/52/@768/product_design_sb_blog.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/52/@1024/product_design_sb_blog.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/52/@1366/product_design_sb_blog.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/52/@1600/product_design_sb_blog.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/52/@1920/product_design_sb_blog.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Bård Farstad"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"December 17th, 2018"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"link","metadata":{"href":"https://speedcykkel.com/"},"textContent":"Skiens Cykkelfabrik"},{"kind":"inline","textContent":" is an institution. Originally located in the same factory building as Snowball, the bicycle factory was founded in 1926 and produced bikes until 1961. The vision was to bring back the brand and design bikes with a timeless style and no-compromise quality. "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital"},"textContent":"Snowball"},{"kind":"inline","textContent":" was tasked with "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services"},"textContent":"product design"},{"kind":"inline","textContent":" for the "},{"kind":"inline","type":"link","metadata":{"href":"https://speedcykkel.com/bikes/single-speed-bike-speed-one-le"},"textContent":"single-speed bike Speed ONE"},{"kind":"inline","textContent":", a re-launch edition city bike designed on the legacy from Skiens Cykkelfabrik."}]}],"plainText":["Skiens Cykkelfabrik is an institution. Originally located in the same factory building as Snowball, the bicycle factory was founded in 1926 and produced bikes until 1961. The vision was to bring back the brand and design bikes with a timeless style and no-compromise quality. Snowball was tasked with product design for the single-speed bike Speed ONE, a re-launch edition city bike designed on the legacy from Skiens Cykkelfabrik."]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":{"text":"Product Idea and Inspiration"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"The inspiration for the Speed ONE was found in the history books. We based the geometry and styling on models from the 1930s and 1940s. Our thought was: What if the first bikes from Skiens Cykkelfabrik were built today with the modern techniques and material that are available now?"}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/118/252_speedvintagebrochure.jpg","altText":null,"width":1200,"height":600,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/118/@100/252_speedvintagebrochure.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/118/@200/252_speedvintagebrochure.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/118/@500/252_speedvintagebrochure.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/118/@768/252_speedvintagebrochure.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/118/@1024/252_speedvintagebrochure.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/118/@100/252_speedvintagebrochure.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/118/@200/252_speedvintagebrochure.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/118/@500/252_speedvintagebrochure.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/118/@768/252_speedvintagebrochure.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/118/@1024/252_speedvintagebrochure.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/118/@100/252_speedvintagebrochure.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/118/@200/252_speedvintagebrochure.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/118/@500/252_speedvintagebrochure.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/118/@768/252_speedvintagebrochure.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/118/@1024/252_speedvintagebrochure.avif","width":1024}]}]},{"title":null,"body":{"json":[{"kind":"block","type":"paragraph","textContent":"In addition to taking the heritage from the first Speed bikes into consideration, we also defined guidelines including:"},{"kind":"block","type":"unordered-list","children":[{"kind":"block","type":"list-item","textContent":"Timeless design: minimalistic styling that is modern now and in 50 years from now"},{"kind":"block","type":"list-item","textContent":"Natural materials: aluminium, stainless steel, leather and cork"},{"kind":"block","type":"list-item","textContent":"No plastic: there are no plastic components on the bike"},{"kind":"block","type":"list-item","textContent":"No compromise on quality: the bike is designed to last for the next generation"}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"With this minimalistic approach, we also decided that this first bicycle from Skiens Cykkelfabrik should be named "},{"kind":"inline","type":"link","metadata":{"href":"https://speedcykkel.com/bikes/speed-one-launch-edition"},"textContent":"Speed ONE"},{"kind":"inline","textContent":". The name reflects that it is the first bike from the re-launch of the company. It is also a single speed bike."}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/119/253_bicyclesketchconcept.jpg","altText":null,"width":1200,"height":812,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/119/@100/253_bicyclesketchconcept.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/119/@200/253_bicyclesketchconcept.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/119/@500/253_bicyclesketchconcept.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/119/@768/253_bicyclesketchconcept.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/119/@1024/253_bicyclesketchconcept.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/119/@100/253_bicyclesketchconcept.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/119/@200/253_bicyclesketchconcept.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/119/@500/253_bicyclesketchconcept.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/119/@768/253_bicyclesketchconcept.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/119/@1024/253_bicyclesketchconcept.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/119/@100/253_bicyclesketchconcept.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/119/@200/253_bicyclesketchconcept.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/119/@500/253_bicyclesketchconcept.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/119/@768/253_bicyclesketchconcept.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/119/@1024/253_bicyclesketchconcept.avif","width":1024}]}]},{"title":{"text":"Product Concept Sketches"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"The "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services"},"textContent":"product design process"},{"kind":"inline","textContent":" at Snowball started with visualization via sketches. This usually includes simple ball-pen sketches to quickly visualize the direction and style language. Such a process quickly helps us define the direction and align the vision for the project."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"The Snowball "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/work/lounge-chair-concept"},"textContent":"Lounge Chair Concept"},{"kind":"inline","textContent":" is another example of "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services"},"textContent":"product design"},{"kind":"inline","textContent":"."}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/120/262_bicycleconceptsketchspeedone.jpg","altText":null,"width":1200,"height":960,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/120/@100/262_bicycleconceptsketchspeedone.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/120/@200/262_bicycleconceptsketchspeedone.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/120/@500/262_bicycleconceptsketchspeedone.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/120/@768/262_bicycleconceptsketchspeedone.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/120/@1024/262_bicycleconceptsketchspeedone.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/120/@100/262_bicycleconceptsketchspeedone.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/120/@200/262_bicycleconceptsketchspeedone.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/120/@500/262_bicycleconceptsketchspeedone.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/120/@768/262_bicycleconceptsketchspeedone.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/120/@1024/262_bicycleconceptsketchspeedone.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/120/@100/262_bicycleconceptsketchspeedone.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/120/@200/262_bicycleconceptsketchspeedone.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/120/@500/262_bicycleconceptsketchspeedone.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/120/@768/262_bicycleconceptsketchspeedone.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/120/@1024/262_bicycleconceptsketchspeedone.avif","width":1024}]}]},{"title":{"text":"Bicycle 3D CAD Design"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services"},"textContent":"3D CAD design"},{"kind":"inline","textContent":" is central when "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services"},"textContent":"designing a product"},{"kind":"inline","textContent":". In the CAD process, we can quickly iterate and change components in a visual way. This is where we can verify details like clearance and fit. We can combine oem parts like brakes and stem with our custom-designed parts like frame, crank, grips and so on. Make sure it all fits and can be produced. Neat!"}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/121/254_bicycle3dmodel.jpg","altText":null,"width":1200,"height":800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/121/@100/254_bicycle3dmodel.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/121/@200/254_bicycle3dmodel.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/121/@500/254_bicycle3dmodel.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/121/@768/254_bicycle3dmodel.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/121/@1024/254_bicycle3dmodel.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/121/@100/254_bicycle3dmodel.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/121/@200/254_bicycle3dmodel.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/121/@500/254_bicycle3dmodel.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/121/@768/254_bicycle3dmodel.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/121/@1024/254_bicycle3dmodel.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/121/@100/254_bicycle3dmodel.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/121/@200/254_bicycle3dmodel.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/121/@500/254_bicycle3dmodel.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/121/@768/254_bicycle3dmodel.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/121/@1024/254_bicycle3dmodel.avif","width":1024}]}]},{"title":{"text":"3D Rendering & Visualization"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Ultimately, our goal is to design products that are desirable. With high quality 3D renderings of the product design, we can get a good idea of what the final product will look like. And let's face it, it is a lot quicker to iterate in CAD than physical prototyping."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/122/256_speedonerebder.jpg","altText":null,"width":1200,"height":900,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/122/@100/256_speedonerebder.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/122/@200/256_speedonerebder.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/122/@500/256_speedonerebder.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/122/@768/256_speedonerebder.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/122/@1024/256_speedonerebder.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/122/@100/256_speedonerebder.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/122/@200/256_speedonerebder.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/122/@500/256_speedonerebder.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/122/@768/256_speedonerebder.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/122/@1024/256_speedonerebder.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/122/@100/256_speedonerebder.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/122/@200/256_speedonerebder.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/122/@500/256_speedonerebder.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/122/@768/256_speedonerebder.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/122/@1024/256_speedonerebder.avif","width":1024}]}]},{"title":null,"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Parts are designed in detail and prepared for CNC production."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/123/257_speedonerendercloseup.jpg","altText":null,"width":1200,"height":900,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/123/@100/257_speedonerendercloseup.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/123/@200/257_speedonerendercloseup.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/123/@500/257_speedonerendercloseup.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/123/@768/257_speedonerendercloseup.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/123/@1024/257_speedonerendercloseup.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/123/@100/257_speedonerendercloseup.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/123/@200/257_speedonerendercloseup.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/123/@500/257_speedonerendercloseup.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/123/@768/257_speedonerendercloseup.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/123/@1024/257_speedonerendercloseup.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/123/@100/257_speedonerendercloseup.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/123/@200/257_speedonerendercloseup.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/123/@500/257_speedonerendercloseup.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/123/@768/257_speedonerendercloseup.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/123/@1024/257_speedonerendercloseup.avif","width":1024}]}]},{"title":{"text":"Details matter"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Product design is all in the details. Why? Because "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/details-matter-in-product-design"},"textContent":"details matter"},{"kind":"inline","textContent":". A product like a bicycle is relatively simple, making the details matter even more. The product "},{"kind":"inline","type":"emphasized","textContent":"is in its details"},{"kind":"inline","textContent":". For the Speed ONE, we pulled out all the stops and custom-designed almost every single component including custom:"}]},{"kind":"block","type":"unordered-list","children":[{"kind":"block","type":"list-item","textContent":"hand welded aluminum frame"},{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"link","metadata":{"href":"https://speedcykkel.com/parts/leather-city-bike-saddle"},"textContent":"leather city saddle"},{"kind":"inline","textContent":" "}]},{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"link","metadata":{"href":"https://speedcykkel.com/parts/leather-handlebar-grip"},"textContent":"leather handlebar grips"},{"kind":"inline","textContent":" with custom engraving"}]},{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"link","metadata":{"href":"https://speedcykkel.com/stories/workshop/spcialits-ta-crank-with-style"},"textContent":"custom aluminium crank and chainring"}]},{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"link","metadata":{"href":"https://speedcykkel.com/parts/700c-white-tires-twin-spires"},"textContent":"700c white tires"}]},{"kind":"block","type":"list-item","textContent":"wheel hubs"}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/124/258_speedleathersaddle.jpg","altText":null,"width":1200,"height":800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/124/@100/258_speedleathersaddle.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/124/@200/258_speedleathersaddle.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/124/@500/258_speedleathersaddle.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/124/@768/258_speedleathersaddle.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/124/@1024/258_speedleathersaddle.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/124/@100/258_speedleathersaddle.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/124/@200/258_speedleathersaddle.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/124/@500/258_speedleathersaddle.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/124/@768/258_speedleathersaddle.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/124/@1024/258_speedleathersaddle.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/124/@100/258_speedleathersaddle.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/124/@200/258_speedleathersaddle.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/124/@500/258_speedleathersaddle.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/124/@768/258_speedleathersaddle.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/124/@1024/258_speedleathersaddle.avif","width":1024}]}]},{"title":null,"body":null,"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/124/259_speedenohub.jpg","altText":null,"width":1200,"height":731,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/124/@100/259_speedenohub.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/124/@200/259_speedenohub.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/124/@500/259_speedenohub.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/124/@768/259_speedenohub.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/124/@1024/259_speedenohub.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/124/@100/259_speedenohub.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/124/@200/259_speedenohub.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/124/@500/259_speedenohub.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/124/@768/259_speedenohub.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/124/@1024/259_speedenohub.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/124/@100/259_speedenohub.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/124/@200/259_speedenohub.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/124/@500/259_speedenohub.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/124/@768/259_speedenohub.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/124/@1024/259_speedenohub.avif","width":1024}]}]},{"title":{"text":"Finally a Production-Ready Bicycle"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"The final part of the design process is physical prototyping. This is where we weld up custom frame and assemble all custom and stock components. The final prototype is test ridden and quality controlled. The Speed ONE was tested by "},{"kind":"inline","type":"link","metadata":{"href":"https://www.eiriktrials.com/"},"textContent":"the worlds best Norwegian trials rider Eirik Ulltang"},{"kind":"inline","textContent":"."}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/125/263_bicyclespeed_one.jpg","altText":null,"width":1200,"height":900,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/125/@100/263_bicyclespeed_one.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/125/@200/263_bicyclespeed_one.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/125/@500/263_bicyclespeed_one.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/125/@768/263_bicyclespeed_one.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/125/@1024/263_bicyclespeed_one.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/125/@100/263_bicyclespeed_one.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/125/@200/263_bicyclespeed_one.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/125/@500/263_bicyclespeed_one.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/125/@768/263_bicyclespeed_one.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/125/@1024/263_bicyclespeed_one.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/125/@100/263_bicyclespeed_one.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/125/@200/263_bicyclespeed_one.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/125/@500/263_bicyclespeed_one.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/125/@768/263_bicyclespeed_one.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/125/@1024/263_bicyclespeed_one.avif","width":1024}]}]},{"title":null,"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"The final Speed ONE product is nothing less than a "},{"kind":"inline","type":"link","metadata":{"href":"https://speedcykkel.com"},"textContent":"luxury bicycle"},{"kind":"inline","textContent":". "},{"kind":"inline","type":"link","metadata":{"href":"https://speedcykkel.com/bikes/speed-one-launch-edition"},"textContent":"Check out all the details of the Speed ONE Launch Edition"},{"kind":"inline","textContent":". It is produced in only 91 numbered bikes."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Once the Speed ONE was ready for production we started the product "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services"},"textContent":"marketing and growth marketing"},{"kind":"inline","textContent":". Starting with storing the product information in a "},{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com/"},"textContent":"headless PIM"},{"kind":"inline","textContent":" so customers can "},{"kind":"inline","type":"link","metadata":{"href":"https://speedcykkel.com/bikes/speed-one-launch-edition"},"textContent":"buy the Speed ONE online"},{"kind":"inline","textContent":"."}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/126/261_speedoneproductionbatch.jpg","altText":null,"width":960,"height":1200,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/126/@100/261_speedoneproductionbatch.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/126/@200/261_speedoneproductionbatch.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/126/@500/261_speedoneproductionbatch.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/126/@768/261_speedoneproductionbatch.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/126/@100/261_speedoneproductionbatch.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/126/@200/261_speedoneproductionbatch.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/126/@500/261_speedoneproductionbatch.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/126/@768/261_speedoneproductionbatch.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/126/@100/261_speedoneproductionbatch.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/126/@200/261_speedoneproductionbatch.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/126/@500/261_speedoneproductionbatch.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/126/@768/261_speedoneproductionbatch.avif","width":768}]}]}]}}]},{"topics":[{"name":"Product Design"}],"name":"Details Matter in Product Design","path":"/assets/blog/details-matter-in-product-design","id":"675fd963b5ccfc2c91b72845","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"Details Matter in Product Design"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/53/product_design_sb_blog.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/53/@100/product_design_sb_blog.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/53/@200/product_design_sb_blog.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/53/@500/product_design_sb_blog.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/53/@768/product_design_sb_blog.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/53/@1024/product_design_sb_blog.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/53/@1366/product_design_sb_blog.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/53/@1600/product_design_sb_blog.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/53/@1920/product_design_sb_blog.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/53/@100/product_design_sb_blog.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/53/@200/product_design_sb_blog.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/53/@500/product_design_sb_blog.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/53/@768/product_design_sb_blog.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/53/@1024/product_design_sb_blog.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/53/@1366/product_design_sb_blog.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/53/@1600/product_design_sb_blog.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/53/@1920/product_design_sb_blog.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/53/@100/product_design_sb_blog.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/53/@200/product_design_sb_blog.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/53/@500/product_design_sb_blog.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/53/@768/product_design_sb_blog.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/53/@1024/product_design_sb_blog.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/53/@1366/product_design_sb_blog.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/53/@1600/product_design_sb_blog.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/53/@1920/product_design_sb_blog.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Bård Farstad"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"December 13th, 2018"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Designing products is hard but reating a desirable product that customers actually want to buy is an extremely rewarding feeling. "},{"kind":"inline","type":"emphasized","textContent":"Want to buy"},{"kind":"inline","textContent":" are the active words here. A design-driven iterative process with the right team is key to succeed. You need buy-in from the stakeholders that the product is done when it is ready. When the product has the magic touch. The product is in its details. Details matter."}]}],"plainText":["Designing products is hard but reating a desirable product that customers actually want to buy is an extremely rewarding feeling. Want to buy are the active words here. A design-driven iterative process with the right team is key to succeed. You need buy-in from the stakeholders that the product is done when it is ready. When the product has the magic touch. The product is in its details. Details matter."]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":{"text":"Design-driven iterative process"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"A "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services"},"textContent":"product design process"},{"kind":"inline","textContent":" does not start with engineering or specifications. At least not great products. You start with the vision and customer experience. What does the customer feel when they see and experience the product. A visual design-driven product design process can make magic."}]},{"kind":"block","type":"paragraph","textContent":"At Snowball our approach is to have a diverse team working on any product we launch. A product team typically consists of strategists, designers, illustrators and engineers. Different perspectives are good. Friction is good."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/131/246_detailsmattersnowballprocess.png","altText":null,"width":1200,"height":790,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/131/@100/246_detailsmattersnowballprocess.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/131/@200/246_detailsmattersnowballprocess.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/131/@500/246_detailsmattersnowballprocess.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/131/@768/246_detailsmattersnowballprocess.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/131/@1024/246_detailsmattersnowballprocess.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/131/@100/246_detailsmattersnowballprocess.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/131/@200/246_detailsmattersnowballprocess.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/131/@500/246_detailsmattersnowballprocess.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/131/@768/246_detailsmattersnowballprocess.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/131/@1024/246_detailsmattersnowballprocess.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/131/@100/246_detailsmattersnowballprocess.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/131/@200/246_detailsmattersnowballprocess.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/131/@500/246_detailsmattersnowballprocess.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/131/@768/246_detailsmattersnowballprocess.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/131/@1024/246_detailsmattersnowballprocess.avif","width":1024}]}]},{"title":{"text":"Iterate until magic"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"If you are "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/work/skien-cykkelfabrikk"},"textContent":"building a bicycle"},{"kind":"inline","textContent":", doing a "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/work/lounge-chair-concept"},"textContent":"chair concept"},{"kind":"inline","textContent":" or building an "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/work/crystallize"},"textContent":"e-commerce software startup"},{"kind":"inline","textContent":" the approach is the same. Iterate until magic. The product is in the details. Details matter."}]},{"kind":"block","type":"paragraph","textContent":"A product is done when it is done. It is worth doing that extra iteration to get the juiciness or the magic into the product. That is why we never set a specific deadline for a product to be released in the beginning of a process. We believe that the best products come from rapid iteration with relevant feedback for direction adjustments. Just like a startup."}]},"videos":null,"images":null}]}}]},{"topics":[{"name":"Branding"},{"name":"Growth Strategy"}],"name":"Tone of Voice: The New Level of Branding","path":"/assets/blog/tone-of-voice-the-new-level-of-branding","id":"675fd9d6c7d447678413b3ea","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"Tone of Voice: The New Level of Branding"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/54/branding_sb_blog.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/54/@100/branding_sb_blog.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/54/@200/branding_sb_blog.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/54/@500/branding_sb_blog.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/54/@768/branding_sb_blog.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/54/@1024/branding_sb_blog.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/54/@1366/branding_sb_blog.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/54/@1600/branding_sb_blog.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/54/@1920/branding_sb_blog.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/54/@100/branding_sb_blog.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/54/@200/branding_sb_blog.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/54/@500/branding_sb_blog.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/54/@768/branding_sb_blog.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/54/@1024/branding_sb_blog.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/54/@1366/branding_sb_blog.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/54/@1600/branding_sb_blog.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/54/@1920/branding_sb_blog.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/54/@100/branding_sb_blog.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/54/@200/branding_sb_blog.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/54/@500/branding_sb_blog.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/54/@768/branding_sb_blog.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/54/@1024/branding_sb_blog.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/54/@1366/branding_sb_blog.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/54/@1600/branding_sb_blog.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/54/@1920/branding_sb_blog.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Filipa Amado"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"May 6th, 2019"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services/product-design"},"textContent":"Branding"},{"kind":"inline","textContent":" is so much more than a logo or a name; it’s the combination of visual elements and communication methods that create a whole identity. One element and communication method that has become quite relevant in the last years is Tone of Voice, which communicates how your brand feels about its message to the client."}]}],"plainText":["Branding is so much more than a logo or a name; it’s the combination of visual elements and communication methods that create a whole identity. One element and communication method that has become quite relevant in the last years is Tone of Voice, which communicates how your brand feels about its message to the client."]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":{"text":"Understanding Tone of Voice"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"In common literature, tone of voice is defined as the expression through the writing of someone’s feelings towards something or someone. In a marketing and "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services/product-design"},"textContent":"product design"},{"kind":"inline","textContent":" context, the concept refers to how you "},{"kind":"inline","type":"link","metadata":{"href":"https://medium.com/s/how-to-build-a-brand/lets-talk-about-brand-personality-voice-and-tone-28276a48d5c1"},"textContent":"communicate your brand’s personality to your users"},{"kind":"inline","textContent":", which will influence how they feel about your message."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"emphasized","textContent":"Tone of voice is how your brand comes through in words, both written and spoken. It’s not exactly what you say, but rather how you say it and its impression on the receiver. It’s about using language to give your brand its own distinct and recognizable presence."},{"kind":"inline","textContent":" ("},{"kind":"inline","type":"link","metadata":{"href":"https://www.acrolinx.com/author/acrolinx-team/"},"textContent":"The Acrolinx Team"},{"kind":"inline","textContent":", February 2015)"}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"A brand’s tone of voice needs to embody and express its personality, "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/the-elements-of-value"},"textContent":"product values"},{"kind":"inline","textContent":", and, finally, "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/product-strategy-understanding-product-positioning"},"textContent":"product positioning"},{"kind":"inline","textContent":". And it should be included in all your business content, including your website, social media, emails, and even packaging. It’s also important that all of these pieces of communication have a similar tone of voice to help with your brand’s consistency."}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/132/366_understandingtoneofvoice.jpg","altText":null,"width":1208,"height":719,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/132/@100/366_understandingtoneofvoice.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/132/@200/366_understandingtoneofvoice.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/132/@500/366_understandingtoneofvoice.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/132/@768/366_understandingtoneofvoice.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/132/@1024/366_understandingtoneofvoice.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/132/@100/366_understandingtoneofvoice.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/132/@200/366_understandingtoneofvoice.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/132/@500/366_understandingtoneofvoice.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/132/@768/366_understandingtoneofvoice.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/132/@1024/366_understandingtoneofvoice.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/132/@100/366_understandingtoneofvoice.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/132/@200/366_understandingtoneofvoice.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/132/@500/366_understandingtoneofvoice.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/132/@768/366_understandingtoneofvoice.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/132/@1024/366_understandingtoneofvoice.avif","width":1024}]}]},{"title":{"text":"The Four Dimensions of Tone of Voice"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Despite the concept of ‘tone of voice’ being relevant in the current Marketing world, the information about it tends to be vague and superficial. To get a deeper insight, a study by "},{"kind":"inline","type":"link","metadata":{"href":"https://www.nngroup.com/articles/author/kate-moran/"},"children":[{"kind":"inline","type":"strong","textContent":"Kate Moran"}]},{"kind":"inline","type":"strong","textContent":" "},{"kind":"inline","textContent":"from the "},{"kind":"inline","type":"link","metadata":{"href":"https://www.nngroup.com/"},"textContent":"Nielsen Norman Group"},{"kind":"inline","textContent":" reduced the complex world of "},{"kind":"inline","type":"link","metadata":{"href":"https://www.nngroup.com/articles/tone-of-voice-dimensions/"},"textContent":"tone of voice to 4 dimensions"},{"kind":"inline","textContent":": humor, formality, respectfulness, and enthusiasm. Any brand’s tone of voice could fall at either extreme of each dimension or somewhere between and can be varied to create different effects."}]},{"kind":"block","type":"unordered-list","children":[{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"strong","textContent":"Humour"},{"kind":"inline","textContent":" (funny vs. serious): delivering a brand’s message can be done with a humorous tone or done more seriously."}]},{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"strong","textContent":"Formality "},{"kind":"inline","textContent":"(formal vs. casual): formal language can convey a sense of professionalism, while an informal tone can more easily portrait a brand’s personality."}]},{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"strong","textContent":"Respectfulness"},{"kind":"inline","textContent":" (respectful vs. irreverent): the writer needs to decide if they will approach a subject respectfully or take a more irreverent approach."}]},{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"strong","textContent":"Enthusiasm"},{"kind":"inline","textContent":" (enthusiastic vs. matter-of-fact): the writer can be enthusiastic about the product or service, but they can also deliver a message in a more dry and matter-of-fact way."}]}]},{"kind":"block","type":"paragraph"}]},"videos":null,"images":null},{"title":{"text":"Develop your brand’s tone of voice"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Working on a tone of voice can be an excellent exercise to think about your brand and "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/product-design-process"},"textContent":"product design process"},{"kind":"inline","textContent":" since you’ll need to have a clear vision about its purpose, "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/product-strategy-understanding-product-positioning"},"textContent":"position, and target"},{"kind":"inline","textContent":" to develop your tone. "}]},{"kind":"block","type":"paragraph","textContent":"It’s critical to understand who is speaking and what viewpoint you want to portray to the world. It will then help if you decide what combination makes more sense for your brand from the dimensions already described. Then, the final result should be a tone of voice distinctive, recognizable, and unique."},{"kind":"block","type":"paragraph","textContent":"But no matter what tone of voice you end up choosing for your brand, the most important factor is that it needs to connect with the audience. You need to study your target and figure out what type of communication would be the most effective to create a relationship."},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Unlike the brand’s message, which should remain fairly consistent, your tone of voice can be changeable. This means that you need to keep your brand’s personality as consistent as possible, but the delivery of it should vary to fit a specific target or communication medium. By doing this, it "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/the-elements-of-value"},"textContent":"adds value to your brand"},{"kind":"inline","textContent":" and also keeps your content new and interesting."}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/133/367_toneofvoice.jpg","altText":null,"width":1208,"height":719,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/133/@100/367_toneofvoice.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/133/@200/367_toneofvoice.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/133/@500/367_toneofvoice.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/133/@768/367_toneofvoice.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/133/@1024/367_toneofvoice.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/133/@100/367_toneofvoice.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/133/@200/367_toneofvoice.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/133/@500/367_toneofvoice.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/133/@768/367_toneofvoice.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/133/@1024/367_toneofvoice.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/133/@100/367_toneofvoice.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/133/@200/367_toneofvoice.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/133/@500/367_toneofvoice.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/133/@768/367_toneofvoice.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/133/@1024/367_toneofvoice.avif","width":1024}]}]},{"title":{"text":"Tone of Voice and Content Strategy"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Your tone of voice should be a part of your "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/content-strategy-for-exponential-growth-marketing"},"textContent":"content strategy"},{"kind":"inline","textContent":" and be used when creating any communication asset. Like any part of the content strategy, tone of voice should be planned out with guidelines and rules. To do this, it’s recommended to create a type of"},{"kind":"inline","type":"link","metadata":{"href":"https://www.semrush.com/blog/how-to-define-your-tone-of-voice/"},"textContent":" tone of voice guide"},{"kind":"inline","textContent":" with:"}]},{"kind":"block","type":"unordered-list","children":[{"kind":"block","type":"list-item","textContent":"An overview of your brand’s personality as well as the tone of voice(s);"},{"kind":"block","type":"list-item","textContent":"A description of the type of language and grammar to use;"},{"kind":"block","type":"list-item","textContent":"Good and bad examples of words or phrases;"},{"kind":"block","type":"list-item","textContent":"And show a few examples of copy across a selection of mediums."}]},{"kind":"block","type":"paragraph","textContent":"As for any content strategy, the more detail you go into, the higher your team's chances are of being on the same page communication-wise, which ultimately contributes to the brand’s consistency. You are dealing with communication; choosing the right dialogue can make or break your chance to connect with the user and a possible transaction. So, when defining your tone of voice, you really need to think from language and grammar to even the choice of pronoun."}]},"videos":null,"images":null},{"title":{"text":"Tone of Voice as a tool of engagement"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Nowadays, more businesses are "},{"kind":"inline","type":"link","metadata":{"href":"https://sproutsocial.com/insights/brand-voice/"},"textContent":"using tone of voice to engage with their customers"},{"kind":"inline","textContent":". Customers like to deal with real people, and a tone of voice can give a brand that human feeling. Using your tone of voice to show authenticity and honesty can make your audience more invested in your content and eventually bond with your brand. And when your tone of voice is consistent, your audience will more easily recognize your brand and message."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Tone of voice can help you build trust with your audience, laying the foundation for a strong relationship. Developing your brand’s personality shows that you have confidence in your message and its real value, making it easier for people to trust your brand. Tone of voice plays a crucial part in "},{"kind":"inline","type":"link","metadata":{"href":"https://www.entrepreneur.com/article/289167"},"textContent":"showing that your brand is reliable"},{"kind":"inline","textContent":", building a trusting relationship with your customer."}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/134/368_toneofvoicetoolofengagement.jpg","altText":null,"width":1208,"height":719,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/134/@100/368_toneofvoicetoolofengagement.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/134/@200/368_toneofvoicetoolofengagement.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/134/@500/368_toneofvoicetoolofengagement.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/134/@768/368_toneofvoicetoolofengagement.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/134/@1024/368_toneofvoicetoolofengagement.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/134/@100/368_toneofvoicetoolofengagement.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/134/@200/368_toneofvoicetoolofengagement.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/134/@500/368_toneofvoicetoolofengagement.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/134/@768/368_toneofvoicetoolofengagement.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/134/@1024/368_toneofvoicetoolofengagement.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/134/@100/368_toneofvoicetoolofengagement.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/134/@200/368_toneofvoicetoolofengagement.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/134/@500/368_toneofvoicetoolofengagement.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/134/@768/368_toneofvoicetoolofengagement.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/134/@1024/368_toneofvoicetoolofengagement.avif","width":1024}]}]}]}}]},{"topics":[{"name":"Development"},{"name":"Growth Strategy"}],"name":"Javascript #1, React #1 while GraphQL is Trending","path":"/assets/blog/javascript-1-react-1-while-graphql-is-trending","id":"675fda64c7d447678413b7c4","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"Javascript #1, React #1 while GraphQL is Trending"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/55/development_sb_blog.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/55/@100/development_sb_blog.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/55/@200/development_sb_blog.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/55/@500/development_sb_blog.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/55/@768/development_sb_blog.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/55/@1024/development_sb_blog.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/55/@1366/development_sb_blog.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/55/@1600/development_sb_blog.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/55/@1920/development_sb_blog.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/55/@100/development_sb_blog.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/55/@200/development_sb_blog.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/55/@500/development_sb_blog.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/55/@768/development_sb_blog.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/55/@1024/development_sb_blog.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/55/@1366/development_sb_blog.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/55/@1600/development_sb_blog.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/55/@1920/development_sb_blog.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/55/@100/development_sb_blog.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/55/@200/development_sb_blog.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/55/@500/development_sb_blog.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/55/@768/development_sb_blog.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/55/@1024/development_sb_blog.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/55/@1366/development_sb_blog.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/55/@1600/development_sb_blog.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/55/@1920/development_sb_blog.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Bård Farstad"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"December 8th, 2018"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"It is the end of the year and and time for some reflection. We can still conclude that "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/javascript-ranked-the-most-popular-programming-language-according-to-redmonk"},"textContent":"Javascript is the most popular programming language"},{"kind":"inline","textContent":". Javascript is now being used in the browser, on servers, for mobile apps as well as IoT. "},{"kind":"inline","type":"link","metadata":{"href":"https://blog.npmjs.org/post/180868064080/this-year-in-javascript-2018-in-review-and-npms"},"textContent":"React has 60% market share of npm users"},{"kind":"inline","textContent":". GraphQL is trending big time."}]}],"plainText":["It is the end of the year and and time for some reflection. We can still conclude that Javascript is the most popular programming language. Javascript is now being used in the browser, on servers, for mobile apps as well as IoT. React has 60% market share of npm users. GraphQL is trending big time."]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":null,"body":null,"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/135/245_cart.png","altText":null,"width":800,"height":467,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/135/@100/245_cart.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/135/@200/245_cart.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/135/@500/245_cart.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/135/@768/245_cart.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/135/@100/245_cart.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/135/@200/245_cart.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/135/@500/245_cart.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/135/@768/245_cart.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/135/@100/245_cart.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/135/@200/245_cart.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/135/@500/245_cart.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/135/@768/245_cart.avif","width":768}]}]},{"title":{"text":"Javascript is the most popular programming language"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"I wrote a blog post earlier this year stating that "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/javascript-ranked-the-most-popular-programming-language-according-to-redmonk"},"textContent":"Javascript is the most popular programming language"},{"kind":"inline","textContent":". This is based on research from RedMonk which based on "},{"kind":"inline","type":"link","metadata":{"href":"https://github.com/"},"textContent":"Github"},{"kind":"inline","textContent":" and "},{"kind":"inline","type":"link","metadata":{"href":"https://stackoverflow.com/"},"textContent":"StackOverflow"},{"kind":"inline","textContent":" data. This is still the case."}]},{"kind":"block","type":"paragraph","textContent":"The usage of Javascript continues to grow. It is being used on:"},{"kind":"block","type":"unordered-list","children":[{"kind":"block","type":"list-item","textContent":"Browsers"},{"kind":"block","type":"list-item","textContent":"Servers"},{"kind":"block","type":"list-item","textContent":"Mobile devices"},{"kind":"block","type":"list-item","textContent":"IoT devices"}]},{"kind":"block","type":"paragraph","textContent":"At Snowball we use Javascript on all of the above and can confirm the use cases."}]},"videos":null,"images":null},{"title":{"text":"React most popular with 60% market share"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"With the growing hunger for React information and best practices we see a growth in conferences on the topic. Even up here in Norway we are having a "},{"kind":"inline","type":"link","metadata":{"href":"https://reactnorway.com/"},"textContent":"React Day Norway"},{"kind":"inline","textContent":" conference. Of course we support that by sponsoring."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"According to the "},{"kind":"inline","type":"link","metadata":{"href":"https://blog.npmjs.org/"},"textContent":"npm blog"},{"kind":"inline","textContent":" "},{"kind":"inline","type":"link","metadata":{"href":"https://blog.npmjs.org/post/180868064080/this-year-in-javascript-2018-in-review-and-npms"},"textContent":"React has 60% market share"},{"kind":"inline","textContent":". This is huge. The npm growth has apparently slowed a bit down, but React is still most widely adopted and still grows."}]}]},"videos":null,"images":null},{"title":{"text":"GraphQL gaining momentum"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Read more about the "},{"kind":"inline","type":"link","metadata":{"href":"https://blog.npmjs.org/post/180868064080/this-year-in-javascript-2018-in-review-and-npms"},"textContent":"stats in the Javascript world"},{"kind":"inline","textContent":" on the npm blog."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"As one of the "},{"kind":"inline","type":"link","metadata":{"href":"https://blog.npmjs.org/post/180868064080/this-year-in-javascript-2018-in-review-and-npms"},"textContent":"predictions for 2019 from the npm blog"},{"kind":"inline","textContent":" there is this one:"}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"emphasized","textContent":"“You’ll need to learn GraphQL. It might be too early to put GraphQL into production, especially if your API is already done, but 2019 is the year you should get your mind around the concepts of GraphQL. There’s a good chance you’ll be using them in new projects later in the year and in 2020.” - "},{"kind":"inline","type":"link","metadata":{"href":"https://twitter.com/seldo"},"children":[{"kind":"inline","type":"emphasized","textContent":"@seldo"}]}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"We believe this to be very true. Our own experience with GraphQL is awesome. We based our spin-off "},{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com/"},"textContent":"Crystallize"},{"kind":"inline","textContent":" on "},{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com/"},"textContent":"GraphQL for headless ecommerce"},{"kind":"inline","textContent":". It enabled us to build a powerful and "},{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com/blog/milliseconds-matter-fast-apis-matter"},"textContent":"fast API for PIM"},{"kind":"inline","textContent":"."}]}]},"videos":null,"images":null}]}}]},{"topics":[{"name":"Product Design"},{"name":"Growth Strategy"},{"name":"User Experience"}],"name":"Vision, Mission, and Values","path":"/assets/blog/vision-mission-and-values","id":"675fdac8ed4383af9fa58aa6","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"Vision, Mission, and Values"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/56/growth_strategy_sb_blog.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/56/@100/growth_strategy_sb_blog.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/56/@200/growth_strategy_sb_blog.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/56/@500/growth_strategy_sb_blog.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/56/@768/growth_strategy_sb_blog.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/56/@1024/growth_strategy_sb_blog.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/56/@1366/growth_strategy_sb_blog.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/56/@1600/growth_strategy_sb_blog.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/56/@1920/growth_strategy_sb_blog.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/56/@100/growth_strategy_sb_blog.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/56/@200/growth_strategy_sb_blog.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/56/@500/growth_strategy_sb_blog.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/56/@768/growth_strategy_sb_blog.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/56/@1024/growth_strategy_sb_blog.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/56/@1366/growth_strategy_sb_blog.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/56/@1600/growth_strategy_sb_blog.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/56/@1920/growth_strategy_sb_blog.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/56/@100/growth_strategy_sb_blog.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/56/@200/growth_strategy_sb_blog.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/56/@500/growth_strategy_sb_blog.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/56/@768/growth_strategy_sb_blog.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/56/@1024/growth_strategy_sb_blog.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/56/@1366/growth_strategy_sb_blog.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/56/@1600/growth_strategy_sb_blog.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/56/@1920/growth_strategy_sb_blog.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Filipa Amado"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"June 5th, 2019"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Establishing a business’s mission, vision, and values are crucial for setting a direction and reinforce its purpose. The vision statement describes what the business aspires to be in the future. The mission defines the business’s intention and product differentiation. And finally, the values statement provides a guideline for decision making and behavior within the business. All of these together should be applied to everything on your business, from "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services/product-design"},"textContent":"Product Design"},{"kind":"inline","textContent":" to "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/content-strategy-for-exponential-growth-marketing"},"textContent":"Content Strategy"},{"kind":"inline","textContent":"."}]}],"plainText":["Establishing a business’s mission, vision, and values are crucial for setting a direction and reinforce its purpose. The vision statement describes what the business aspires to be in the future. The mission defines the business’s intention and product differentiation. And finally, the values statement provides a guideline for decision making and behavior within the business. All of these together should be applied to everything on your business, from Product Design to Content Strategy."]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":{"text":"Understanding Vision, Mission, and Values "},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Crafting your vision, mission, and values statements are essential to establish your business's foundation and plan for the future. Having this step on your "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services/product-strategy"},"textContent":"Product Strategy"},{"kind":"inline","textContent":" gives you the chance to really think about your business in general and reflect on its purpose and "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/the-elements-of-value"},"textContent":"product value"},{"kind":"inline","textContent":" in the market. It’s about evaluating who you really are as a business, what you believe in, and what you want to achieve."}]},{"kind":"block","type":"paragraph","textContent":"These statements are usually established when a company is initially set up, as they are incorporated into the strategic plan. And although this may sound complex and only suitable for large companies with enough resources, this should be applied to anyone creating a business. With all its difficulties and complexities, the reality is that these statements can be easily overlooked. It’s an easy mistake to make, but it can definitely hurt your business in the long run."},{"kind":"block","type":"paragraph","textContent":"It’s also important to keep in mind that this is an ongoing process, and you should review your statement from time to time. It’s crucial to ensure that the vision, mission, and values statements are still relevant in the current environment the business is in. Vision, Mission, and Values should always reflect the business, both its structure and culture, at any point in time."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/136/vision-mission-values.jpg","altText":null,"width":2416,"height":1438,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/136/@100/vision-mission-values.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/136/@200/vision-mission-values.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/136/@500/vision-mission-values.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/136/@768/vision-mission-values.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/136/@1024/vision-mission-values.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/136/@1366/vision-mission-values.jpeg","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/136/@1600/vision-mission-values.jpeg","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/136/@1920/vision-mission-values.jpeg","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/136/@100/vision-mission-values.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/136/@200/vision-mission-values.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/136/@500/vision-mission-values.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/136/@768/vision-mission-values.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/136/@1024/vision-mission-values.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/136/@1366/vision-mission-values.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/136/@1600/vision-mission-values.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/136/@1920/vision-mission-values.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/136/@100/vision-mission-values.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/136/@200/vision-mission-values.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/136/@500/vision-mission-values.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/136/@768/vision-mission-values.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/136/@1024/vision-mission-values.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/136/@1366/vision-mission-values.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/136/@1600/vision-mission-values.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/136/@1920/vision-mission-values.avif","width":1920}]}]},{"title":{"text":"Vision"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"A "},{"kind":"inline","type":"link","metadata":{"href":"https://www.projectmanager.com/blog/guide-writing-perfect-vision-statement-examples"},"textContent":"vision statement"},{"kind":"inline","textContent":" refers to any aspirations of what you hope your business will achieve and become. It’s about looking forward and creating a visual image of the ideal state you wish to achieve with your business. Essentially, your vision should reflect what you think your business will look like in 5 or even 10 years from now."}]},{"kind":"block","type":"paragraph","textContent":"Finally, the vision statement needs to be inspirational and aspiration. It should challenge your employees and motivate them to want to be a part of and contribute to your business’s culture."},{"kind":"block","type":"paragraph","textContent":"A vision statement shouldn’t provide specific targets but a board description of your business's value instead. An effective statement should be clear and concise and not longer than a short paragraph. When done correctly, your vision statement can help make the best decisions for your business."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/137/vision.jpg","altText":null,"width":2416,"height":1438,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/137/@100/vision.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/137/@200/vision.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/137/@500/vision.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/137/@768/vision.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/137/@1024/vision.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/137/@1366/vision.jpeg","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/137/@1600/vision.jpeg","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/137/@1920/vision.jpeg","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/137/@100/vision.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/137/@200/vision.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/137/@500/vision.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/137/@768/vision.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/137/@1024/vision.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/137/@1366/vision.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/137/@1600/vision.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/137/@1920/vision.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/137/@100/vision.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/137/@200/vision.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/137/@500/vision.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/137/@768/vision.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/137/@1024/vision.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/137/@1366/vision.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/137/@1600/vision.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/137/@1920/vision.avif","width":1920}]}]},{"title":{"text":"Mission"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"The "},{"kind":"inline","type":"link","metadata":{"href":"https://en.wikipedia.org/wiki/Mission_statement"},"textContent":"mission statement"},{"kind":"inline","textContent":" conveys to the stakeholders why the business exists, clarifying its purpose, and how it creates value for the market. It’s a concise explanation of what the business does and overall intention - the "},{"kind":"inline","type":"link","metadata":{"href":"https://www.entrepreneur.com/encyclopedia/mission-statement"},"textContent":"“what,” “who,” and “why” of a business"},{"kind":"inline","textContent":". The statement also serves to communicate purpose and direction to employees, customers, and other stakeholders involved. In the end, the mission should allow you to define strategic goals for your business to achieve."}]},{"kind":"block","type":"paragraph","textContent":"Defining the mission doesn’t have to be complex and difficult to understand. It should be a short and formal statement, easy to memorize, and specific enough that people quickly understand your business and its place in the market. It often includes a small description of the company, alongside its function and objectives."},{"kind":"block","type":"paragraph","textContent":"Vision and Mission are often confused; however, they each have different purposes while at the same time supporting each other. Essentially the mission statement describes what your business needs to do to achieve the vision. It’s the roadmap for the business’s vision."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/138/mission.jpg","altText":null,"width":2416,"height":1438,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/138/@100/mission.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/138/@200/mission.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/138/@500/mission.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/138/@768/mission.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/138/@1024/mission.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/138/@1366/mission.jpeg","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/138/@1600/mission.jpeg","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/138/@1920/mission.jpeg","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/138/@100/mission.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/138/@200/mission.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/138/@500/mission.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/138/@768/mission.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/138/@1024/mission.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/138/@1366/mission.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/138/@1600/mission.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/138/@1920/mission.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/138/@100/mission.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/138/@200/mission.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/138/@500/mission.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/138/@768/mission.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/138/@1024/mission.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/138/@1366/mission.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/138/@1600/mission.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/138/@1920/mission.avif","width":1920}]}]},{"title":{"text":"Values"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"The "},{"kind":"inline","type":"link","metadata":{"href":"https://www.process.st/value-statement/"},"textContent":"values statement"},{"kind":"inline","textContent":" defines the moral direction, guiding not only the decision-making process but also attitudes and actions. It can establish a behavioral standard for how people should act, inside and outside the organization. The statement reflects the essence and identity of a business."}]},{"kind":"block","type":"paragraph","textContent":"The statement should be composed of a list of the core principles and basic beliefs that guide and direct your business. To do this, you need to consider the unique values that move your business and culture."},{"kind":"block","type":"paragraph","textContent":"Try to keep the list simple, limiting your core values to a maximum of five, so it’s easier to follow. And in the end, for a values statement to be effective, it must be applied and reinforced at all levels across the organization to be internalized in its culture."},{"kind":"block","type":"paragraph","textContent":"The values statement differs slightly from both the vision and mission statements. The last two focus on the purpose of a business and what goals and actions want to achieve. And although companies need to focus on these technical guidelines, Values represent the foundation that makes a business run and prosper."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/139/values.jpg","altText":null,"width":2416,"height":1438,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/139/@100/values.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/139/@200/values.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/139/@500/values.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/139/@768/values.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/139/@1024/values.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/139/@1366/values.jpeg","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/139/@1600/values.jpeg","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/139/@1920/values.jpeg","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/139/@100/values.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/139/@200/values.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/139/@500/values.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/139/@768/values.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/139/@1024/values.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/139/@1366/values.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/139/@1600/values.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/139/@1920/values.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/139/@100/values.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/139/@200/values.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/139/@500/values.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/139/@768/values.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/139/@1024/values.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/139/@1366/values.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/139/@1600/values.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/139/@1920/values.avif","width":1920}]}]}]}}]},{"topics":[{"name":"Product Design"}],"name":"Content Strategy with Cartoons for a Software Startup","path":"/assets/blog/content-strategy-with-cartoons-for-a-software-startup","id":"675fdb7ed9ed36a574f9b948","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"Content Strategy with Cartoons for a Software Startup"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/57/seo_sb_blog.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/57/@100/seo_sb_blog.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/57/@200/seo_sb_blog.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/57/@500/seo_sb_blog.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/57/@768/seo_sb_blog.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/57/@1024/seo_sb_blog.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/57/@1366/seo_sb_blog.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/57/@1600/seo_sb_blog.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/57/@1920/seo_sb_blog.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/57/@100/seo_sb_blog.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/57/@200/seo_sb_blog.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/57/@500/seo_sb_blog.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/57/@768/seo_sb_blog.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/57/@1024/seo_sb_blog.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/57/@1366/seo_sb_blog.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/57/@1600/seo_sb_blog.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/57/@1920/seo_sb_blog.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/57/@100/seo_sb_blog.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/57/@200/seo_sb_blog.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/57/@500/seo_sb_blog.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/57/@768/seo_sb_blog.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/57/@1024/seo_sb_blog.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/57/@1366/seo_sb_blog.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/57/@1600/seo_sb_blog.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/57/@1920/seo_sb_blog.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Bård Farstad"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"October 22nd, 2018"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"For "},{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com"},"textContent":"Crystallize"},{"kind":"inline","textContent":" we are executing their content strategy. We want to communicate the personality of the company and create content that is enjoyable and shareable. The target is to communicate the message that "},{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com/comics"},"textContent":"milliseconds matter"},{"kind":"inline","textContent":" when building tailor made e-commerce experience. This applies to user experience, conversion as well as search engine optimization. We decided to launch a weekly cartoon called milliseconds matter. Different."}]}],"plainText":["For Crystallize we are executing their content strategy. We want to communicate the personality of the company and create content that is enjoyable and shareable. The target is to communicate the message that milliseconds matter when building tailor made e-commerce experience. This applies to user experience, conversion as well as search engine optimization. We decided to launch a weekly cartoon called milliseconds matter. Different."]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":{"text":"Developer Cartoons"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Introducing a weekly cartoon series for a software startup company like Crystallize may seem a bit odd. Good. We want to show that we care, even down to the "},{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com/blog/crystallize-terms-of-service-weighing-in-at-only-38-of-slacks-"},"textContent":"friction free legal framework"},{"kind":"inline","textContent":". This underlines the fact that milliseconds matter even in contracts."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"But, cartoons. The "},{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com/comics"},"textContent":"developer cartoons"},{"kind":"inline","textContent":" for Crystallize are mainly ticking three boxes:"}]},{"kind":"block","type":"unordered-list","children":[{"kind":"block","type":"list-item","textContent":"Funny (right?)"},{"kind":"block","type":"list-item","textContent":"We take developer experience seriously, we understand the pain"},{"kind":"block","type":"list-item","textContent":"A reason to come back"}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/140/219_172_developer_comic_refactoring_1.jpg","altText":null,"width":1845,"height":1845,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/140/@100/219_172_developer_comic_refactoring_1.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/140/@200/219_172_developer_comic_refactoring_1.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/140/@500/219_172_developer_comic_refactoring_1.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/140/@768/219_172_developer_comic_refactoring_1.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/140/@1024/219_172_developer_comic_refactoring_1.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/140/@1366/219_172_developer_comic_refactoring_1.jpeg","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/140/@1600/219_172_developer_comic_refactoring_1.jpeg","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/140/@100/219_172_developer_comic_refactoring_1.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/140/@200/219_172_developer_comic_refactoring_1.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/140/@500/219_172_developer_comic_refactoring_1.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/140/@768/219_172_developer_comic_refactoring_1.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/140/@1024/219_172_developer_comic_refactoring_1.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/140/@1366/219_172_developer_comic_refactoring_1.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/140/@1600/219_172_developer_comic_refactoring_1.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/140/@100/219_172_developer_comic_refactoring_1.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/140/@200/219_172_developer_comic_refactoring_1.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/140/@500/219_172_developer_comic_refactoring_1.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/140/@768/219_172_developer_comic_refactoring_1.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/140/@1024/219_172_developer_comic_refactoring_1.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/140/@1366/219_172_developer_comic_refactoring_1.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/140/@1600/219_172_developer_comic_refactoring_1.avif","width":1600}]}]},{"title":{"text":"Creating a company personality"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"The personality of the company Crystallize is important. We want to use the cartoons as a foundation and have this personality be clear from our contracts, marketing to the product itself. Tone of voice is central."},{"kind":"block","type":"paragraph","textContent":"Example growl message when saving in Crystallize:"}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/141/220_crystallize_save_message.jpg","altText":null,"width":800,"height":203,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/141/@100/220_crystallize_save_message.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/141/@200/220_crystallize_save_message.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/141/@500/220_crystallize_save_message.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/141/@768/220_crystallize_save_message.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/141/@100/220_crystallize_save_message.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/141/@200/220_crystallize_save_message.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/141/@500/220_crystallize_save_message.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/141/@768/220_crystallize_save_message.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/141/@100/220_crystallize_save_message.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/141/@200/220_crystallize_save_message.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/141/@500/220_crystallize_save_message.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/141/@768/220_crystallize_save_message.avif","width":768}]}]},{"title":null,"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Example from the legal framework. Irony:"}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/142/221_crystallize_legal_snippet.jpg","altText":null,"width":787,"height":147,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/142/@100/221_crystallize_legal_snippet.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/142/@200/221_crystallize_legal_snippet.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/142/@500/221_crystallize_legal_snippet.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/142/@768/221_crystallize_legal_snippet.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/142/@100/221_crystallize_legal_snippet.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/142/@200/221_crystallize_legal_snippet.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/142/@500/221_crystallize_legal_snippet.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/142/@768/221_crystallize_legal_snippet.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/142/@100/221_crystallize_legal_snippet.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/142/@200/221_crystallize_legal_snippet.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/142/@500/221_crystallize_legal_snippet.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/142/@768/221_crystallize_legal_snippet.avif","width":768}]}]},{"title":null,"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"line-break"}]},{"kind":"block","type":"paragraph","textContent":"What are we saying here? We are easy to do business with."}]},"videos":null,"images":null},{"title":{"text":"Infographics and diagrams in style"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Ugly diagrams and boring slides is typical for software companies. We do not want to go that route. When we are communicating software architectures and diagrams we strive to communicate this in style and on message. Below you see the core diagram showing the PIM (Product Information Management) of Crystallize."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/143/222_crystallize_diagram.jpg","altText":null,"width":1800,"height":1143,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/143/@100/222_crystallize_diagram.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/143/@200/222_crystallize_diagram.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/143/@500/222_crystallize_diagram.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/143/@768/222_crystallize_diagram.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/143/@1024/222_crystallize_diagram.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/143/@1366/222_crystallize_diagram.jpeg","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/143/@1600/222_crystallize_diagram.jpeg","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/143/@100/222_crystallize_diagram.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/143/@200/222_crystallize_diagram.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/143/@500/222_crystallize_diagram.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/143/@768/222_crystallize_diagram.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/143/@1024/222_crystallize_diagram.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/143/@1366/222_crystallize_diagram.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/143/@1600/222_crystallize_diagram.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/143/@100/222_crystallize_diagram.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/143/@200/222_crystallize_diagram.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/143/@500/222_crystallize_diagram.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/143/@768/222_crystallize_diagram.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/143/@1024/222_crystallize_diagram.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/143/@1366/222_crystallize_diagram.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/143/@1600/222_crystallize_diagram.avif","width":1600}]}]},{"title":{"text":"Printed cartoon handouts"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"We wanted to have a small handout for meetings and events. Something that is hopefully not thrown away immediately. The milliseconds matter cartoon booklet is the result. A collection of the cartoons from the last quarter. Hey, this will become a collectable."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/144/223_crystallize_booklet_blog_post.jpg","altText":null,"width":1000,"height":800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/144/@100/223_crystallize_booklet_blog_post.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/144/@200/223_crystallize_booklet_blog_post.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/144/@500/223_crystallize_booklet_blog_post.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/144/@768/223_crystallize_booklet_blog_post.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/144/@100/223_crystallize_booklet_blog_post.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/144/@200/223_crystallize_booklet_blog_post.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/144/@500/223_crystallize_booklet_blog_post.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/144/@768/223_crystallize_booklet_blog_post.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/144/@100/223_crystallize_booklet_blog_post.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/144/@200/223_crystallize_booklet_blog_post.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/144/@500/223_crystallize_booklet_blog_post.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/144/@768/223_crystallize_booklet_blog_post.avif","width":768}]}]},{"title":null,"body":null,"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/145/224_crystallize_comic_blog_post.jpg","altText":null,"width":1000,"height":800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/145/@100/224_crystallize_comic_blog_post.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/145/@200/224_crystallize_comic_blog_post.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/145/@500/224_crystallize_comic_blog_post.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/145/@768/224_crystallize_comic_blog_post.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/145/@100/224_crystallize_comic_blog_post.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/145/@200/224_crystallize_comic_blog_post.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/145/@500/224_crystallize_comic_blog_post.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/145/@768/224_crystallize_comic_blog_post.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/145/@100/224_crystallize_comic_blog_post.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/145/@200/224_crystallize_comic_blog_post.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/145/@500/224_crystallize_comic_blog_post.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/145/@768/224_crystallize_comic_blog_post.avif","width":768}]}]}]}}]},{"topics":[{"name":"Branding"},{"name":"Product Design"},{"name":"Growth Strategy"},{"name":"Marketing"}],"name":"Challenging the world of Paperworks with Origami","path":"/assets/blog/challenging-the-world-of-paperworks-with-origami","id":"675fdc2ac7d447678413b7c5","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"Challenging the world of Paperworks with Origami"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/100/digital_transformation_sb_blog.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/100/@100/digital_transformation_sb_blog.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/100/@200/digital_transformation_sb_blog.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/100/@500/digital_transformation_sb_blog.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/100/@768/digital_transformation_sb_blog.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/100/@1024/digital_transformation_sb_blog.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/100/@1366/digital_transformation_sb_blog.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/100/@1600/digital_transformation_sb_blog.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/100/@1920/digital_transformation_sb_blog.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/100/@100/digital_transformation_sb_blog.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/100/@200/digital_transformation_sb_blog.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/100/@500/digital_transformation_sb_blog.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/100/@768/digital_transformation_sb_blog.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/100/@1024/digital_transformation_sb_blog.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/100/@1366/digital_transformation_sb_blog.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/100/@1600/digital_transformation_sb_blog.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/100/@1920/digital_transformation_sb_blog.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/100/@100/digital_transformation_sb_blog.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/100/@200/digital_transformation_sb_blog.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/100/@500/digital_transformation_sb_blog.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/100/@768/digital_transformation_sb_blog.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/100/@1024/digital_transformation_sb_blog.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/100/@1366/digital_transformation_sb_blog.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/100/@1600/digital_transformation_sb_blog.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/100/@1920/digital_transformation_sb_blog.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Filipa Amado"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"June 7th, 2019"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"For "},{"kind":"inline","type":"link","metadata":{"href":"https://origamipaperworks.com/"},"textContent":"Origami Paperworks"},{"kind":"inline","textContent":" our approach was to change the mindset, with a bold look. It’s about telling a story differently. A story about "},{"kind":"inline","type":"link","metadata":{"href":"https://origamipaperworks.com/"},"textContent":"Paperwork Made Beautiful"},{"kind":"inline","textContent":". Snowball created the brand platform for Origami, which established standards from brand messaging to visual design and "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services/growth-marketing"},"textContent":"content strategy"},{"kind":"inline","textContent":", inspired by the brand’s healthy core. Snowball also created the name. We helped implement new strategic messaging and build a robust communication platform."}]}],"plainText":["For Origami Paperworks our approach was to change the mindset, with a bold look. It’s about telling a story differently. A story about Paperwork Made Beautiful. Snowball created the brand platform for Origami, which established standards from brand messaging to visual design and content strategy, inspired by the brand’s healthy core. Snowball also created the name. We helped implement new strategic messaging and build a robust communication platform."]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":{"text":"Origami - Paperwork Made Beautiful"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Origami shows how a brand stands out in the world of "},{"kind":"inline","type":"link","metadata":{"href":"https://origamipaperworks.com/tjenester"},"textContent":"paperwork, accounting, and legal services"},{"kind":"inline","textContent":" - with an unconventional look. We developed a product that has a strategic messaging with fresh visuals that reflects boldness and accessibility at the same time."}]},{"kind":"block","type":"paragraph","textContent":"As we designed the platform, we established brand guidelines and standards that communicate how to best represent the brand across channels. The brand guidelines help them express their positioning, personality, and beliefs."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/146/origami-paperwork-made-beautiful.jpg","altText":null,"width":2416,"height":396,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/146/@100/origami-paperwork-made-beautiful.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/146/@200/origami-paperwork-made-beautiful.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/146/@500/origami-paperwork-made-beautiful.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/146/@768/origami-paperwork-made-beautiful.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/146/@1024/origami-paperwork-made-beautiful.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/146/@1366/origami-paperwork-made-beautiful.jpeg","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/146/@1600/origami-paperwork-made-beautiful.jpeg","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/146/@1920/origami-paperwork-made-beautiful.jpeg","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/146/@100/origami-paperwork-made-beautiful.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/146/@200/origami-paperwork-made-beautiful.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/146/@500/origami-paperwork-made-beautiful.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/146/@768/origami-paperwork-made-beautiful.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/146/@1024/origami-paperwork-made-beautiful.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/146/@1366/origami-paperwork-made-beautiful.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/146/@1600/origami-paperwork-made-beautiful.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/146/@1920/origami-paperwork-made-beautiful.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/146/@100/origami-paperwork-made-beautiful.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/146/@200/origami-paperwork-made-beautiful.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/146/@500/origami-paperwork-made-beautiful.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/146/@768/origami-paperwork-made-beautiful.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/146/@1024/origami-paperwork-made-beautiful.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/146/@1366/origami-paperwork-made-beautiful.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/146/@1600/origami-paperwork-made-beautiful.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/146/@1920/origami-paperwork-made-beautiful.avif","width":1920}]}]},{"title":{"text":"Challenging the world of company support services"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"link","metadata":{"href":"https://origamipaperworks.com/"},"textContent":"Origami"},{"kind":"inline","textContent":" is a Skien-based firm that offers comprehensive services to startups - like the "},{"kind":"inline","type":"link","metadata":{"href":"https://speedcykkel.com/"},"textContent":"classic bike manufacturing company"},{"kind":"inline","textContent":", Skiens Cykkelfabrik and growth companies like the "},{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com/product"},"textContent":"ecommerce API service Crystallize"},{"kind":"inline","textContent":". With the help of Snowball, the company embarked on a "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services/product-design"},"textContent":"branding"},{"kind":"inline","textContent":" journey for its launch in the market."}]},{"kind":"block","type":"paragraph","textContent":"Firstly it was crucial to assess and define the company’s market position in order to differentiate it from its competition. It was uncovered a focus to help their customers by providing personalized services with accessible material that avoids the complicated language often associated with the industry. This customer-centered thinking settles Origami’s position beyond the norm and what others have to offer in the business consulting landscape."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/147/origami-website.jpg","altText":null,"width":2416,"height":1536,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/147/@100/origami-website.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/147/@200/origami-website.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/147/@500/origami-website.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/147/@768/origami-website.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/147/@1024/origami-website.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/147/@1366/origami-website.jpeg","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/147/@1600/origami-website.jpeg","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/147/@1920/origami-website.jpeg","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/147/@100/origami-website.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/147/@200/origami-website.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/147/@500/origami-website.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/147/@768/origami-website.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/147/@1024/origami-website.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/147/@1366/origami-website.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/147/@1600/origami-website.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/147/@1920/origami-website.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/147/@100/origami-website.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/147/@200/origami-website.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/147/@500/origami-website.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/147/@768/origami-website.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/147/@1024/origami-website.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/147/@1366/origami-website.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/147/@1600/origami-website.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/147/@1920/origami-website.avif","width":1920}]}]},{"title":{"text":"Scope of Branding and Design Work"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Snowball has worked with Origami Paperworks from the brand strategy and research through "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services"},"textContent":"service design"},{"kind":"inline","textContent":" and "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services"},"textContent":"design"},{"kind":"inline","textContent":"."}]},{"kind":"block","type":"unordered-list","children":[{"kind":"block","type":"list-item","textContent":"Brand Research"},{"kind":"block","type":"list-item","textContent":"Brand Strategy"},{"kind":"block","type":"list-item","textContent":"Service Design"},{"kind":"block","type":"list-item","textContent":"Company naming"},{"kind":"block","type":"list-item","textContent":"Visual Brand Guidelines"},{"kind":"block","type":"list-item","textContent":"Website"},{"kind":"block","type":"list-item","textContent":"Ongoing Brand Strategy Consulting"}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/148/origami-illustration.jpg","altText":null,"width":2416,"height":1156,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/148/@100/origami-illustration.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/148/@200/origami-illustration.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/148/@500/origami-illustration.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/148/@768/origami-illustration.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/148/@1024/origami-illustration.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/148/@1366/origami-illustration.jpeg","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/148/@1600/origami-illustration.jpeg","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/148/@1920/origami-illustration.jpeg","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/148/@100/origami-illustration.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/148/@200/origami-illustration.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/148/@500/origami-illustration.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/148/@768/origami-illustration.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/148/@1024/origami-illustration.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/148/@1366/origami-illustration.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/148/@1600/origami-illustration.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/148/@1920/origami-illustration.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/148/@100/origami-illustration.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/148/@200/origami-illustration.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/148/@500/origami-illustration.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/148/@768/origami-illustration.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/148/@1024/origami-illustration.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/148/@1366/origami-illustration.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/148/@1600/origami-illustration.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/148/@1920/origami-illustration.avif","width":1920}]}]},{"title":{"text":"Strategic Intent"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"The company adopted the brand name Origami that is reinforced by the then added tagline ‘Paperwork Made Beautiful’. The tagline focus on the idea of removing the fear out of paperwork, and instead of making it something dreadful it makes something beautiful - just like what origami does to paper. It’s a customer-centric message about the company’s commitment to its clients’ best interests, portraying a sentiment that resonates well with this target audience."},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Origami is all about taking the concept of paperwork to the next level. It’s through this brand positioning that Origami is able to an approach that stands out from its competition. From this, new "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services/product-design"},"textContent":"branding"},{"kind":"inline","textContent":" and visuals elements will be designed to complement this new position."}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/149/origami-stationery.jpg","altText":null,"width":2416,"height":1536,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/149/@100/origami-stationery.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/149/@200/origami-stationery.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/149/@500/origami-stationery.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/149/@768/origami-stationery.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/149/@1024/origami-stationery.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/149/@1366/origami-stationery.jpeg","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/149/@1600/origami-stationery.jpeg","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/149/@1920/origami-stationery.jpeg","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/149/@100/origami-stationery.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/149/@200/origami-stationery.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/149/@500/origami-stationery.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/149/@768/origami-stationery.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/149/@1024/origami-stationery.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/149/@1366/origami-stationery.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/149/@1600/origami-stationery.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/149/@1920/origami-stationery.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/149/@100/origami-stationery.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/149/@200/origami-stationery.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/149/@500/origami-stationery.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/149/@768/origami-stationery.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/149/@1024/origami-stationery.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/149/@1366/origami-stationery.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/149/@1600/origami-stationery.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/149/@1920/origami-stationery.avif","width":1920}]}]},{"title":{"text":"Style & Look"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Larger firms and most of the Origamis competition often lack a personal touch, using muted colors that tend to be calm and cold, as well as complex imagery. So we created a new branding that differentiates Origami from its competition, while conveying the company’s insight and accessibility."},{"kind":"block","type":"paragraph","textContent":"Snowball designed a brand identity composed of bold typography, bright color treatment and an iconic mark; a design that expresses the company’s personality with a minimal elegance. It’s a simple and straightforward design language that achieves a powerful impression; the visual design, aligned with our Paperwork Made Beautiful’ message, contributed to a proactive and confident style that stands from the competition."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/150/origami-business-card.jpg","altText":null,"width":2416,"height":1156,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/150/@100/origami-business-card.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/150/@200/origami-business-card.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/150/@500/origami-business-card.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/150/@768/origami-business-card.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/150/@1024/origami-business-card.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/150/@1366/origami-business-card.jpeg","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/150/@1600/origami-business-card.jpeg","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/150/@1920/origami-business-card.jpeg","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/150/@100/origami-business-card.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/150/@200/origami-business-card.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/150/@500/origami-business-card.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/150/@768/origami-business-card.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/150/@1024/origami-business-card.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/150/@1366/origami-business-card.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/150/@1600/origami-business-card.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/150/@1920/origami-business-card.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/150/@100/origami-business-card.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/150/@200/origami-business-card.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/150/@500/origami-business-card.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/150/@768/origami-business-card.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/150/@1024/origami-business-card.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/150/@1366/origami-business-card.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/150/@1600/origami-business-card.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/150/@1920/origami-business-card.avif","width":1920}]}]},{"title":{"text":"Results: a Happy Happy Customer"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"What separates Origami from its competitors is the ability to deliver an exceptional consulting experience, customizable for the customers’ needs, with deliverables that are accessible and easy to understand. Snowball had the opportunity to create a brand that reinforced the company’s position as a customer-friendly complete back office provider."},{"kind":"block","type":"paragraph","textContent":"We wanted to shift the mindset from the dreadfulness often associated with “paperwork”. The tagline “Paperwork Made Beautiful” was created to capture the company’s expertise, and unique insight and perspective. It’s a brand that tells a different story in the accounting world; a position and point-of-view that differentiates Origami from the competition."},{"kind":"block","type":"paragraph","textContent":"Origami’s new visual identity representing this different personality by applying bold colors playful typography, and a geometric look to create a modern minimal style. The visual design, with its proactive and encouraging style, aligned with the tagline, all combined in a playful and confident branding; with each element of the identity consistent in what we wanted to say."},{"kind":"block","type":"paragraph","textContent":"The new positioning, messaging and imagery were used as the basis for the firm’s brand, which was then consistently incorporated into several marketing pieces."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/151/origami-ad.jpg","altText":null,"width":2416,"height":1536,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/151/@100/origami-ad.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/151/@200/origami-ad.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/151/@500/origami-ad.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/151/@768/origami-ad.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/151/@1024/origami-ad.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/151/@1366/origami-ad.jpeg","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/151/@1600/origami-ad.jpeg","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/151/@1920/origami-ad.jpeg","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/151/@100/origami-ad.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/151/@200/origami-ad.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/151/@500/origami-ad.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/151/@768/origami-ad.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/151/@1024/origami-ad.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/151/@1366/origami-ad.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/151/@1600/origami-ad.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/151/@1920/origami-ad.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/151/@100/origami-ad.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/151/@200/origami-ad.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/151/@500/origami-ad.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/151/@768/origami-ad.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/151/@1024/origami-ad.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/151/@1366/origami-ad.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/151/@1600/origami-ad.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/151/@1920/origami-ad.avif","width":1920}]}]}]}}]},{"topics":[{"name":"Development"}],"name":"Share React components without using npm","path":"/assets/blog/share-react-components-without-using-npm","id":"675fddf4c7d447678413bb57","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"Share React components without using npm"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/59/development_sb_blog.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/59/@100/development_sb_blog.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/59/@200/development_sb_blog.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/59/@500/development_sb_blog.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/59/@768/development_sb_blog.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/59/@1024/development_sb_blog.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/59/@1366/development_sb_blog.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/59/@1600/development_sb_blog.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/59/@1920/development_sb_blog.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/59/@100/development_sb_blog.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/59/@200/development_sb_blog.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/59/@500/development_sb_blog.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/59/@768/development_sb_blog.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/59/@1024/development_sb_blog.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/59/@1366/development_sb_blog.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/59/@1600/development_sb_blog.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/59/@1920/development_sb_blog.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/59/@100/development_sb_blog.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/59/@200/development_sb_blog.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/59/@500/development_sb_blog.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/59/@768/development_sb_blog.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/59/@1024/development_sb_blog.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/59/@1366/development_sb_blog.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/59/@1600/development_sb_blog.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/59/@1920/development_sb_blog.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":" Håkon Gullord Krogh"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"September 20th, 2018"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","textContent":"Sometimes you find that you have a React component that you want to share, but not on NPM. This might be because you want it to be private, or simply because it is not a good fit for NPM."},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"line-break"}]}],"plainText":["Sometimes you find that you have a React component that you want to share, but not on NPM. This might be because you want it to be private, or simply because it is not a good fit for NPM.",""]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":{"text":"Example: our author React component"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"We wanted the author component used at our blog section to be shareable, but it does not make sense bloat the NPM registry with something that no-one else has any interest in installing."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/152/212_reactauthorcomponent.png","altText":null,"width":1814,"height":268,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/152/@100/212_reactauthorcomponent.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/152/@200/212_reactauthorcomponent.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/152/@500/212_reactauthorcomponent.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/152/@768/212_reactauthorcomponent.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/152/@1024/212_reactauthorcomponent.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/152/@1366/212_reactauthorcomponent.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/152/@1600/212_reactauthorcomponent.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/152/@100/212_reactauthorcomponent.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/152/@200/212_reactauthorcomponent.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/152/@500/212_reactauthorcomponent.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/152/@768/212_reactauthorcomponent.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/152/@1024/212_reactauthorcomponent.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/152/@1366/212_reactauthorcomponent.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/152/@1600/212_reactauthorcomponent.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/152/@100/212_reactauthorcomponent.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/152/@200/212_reactauthorcomponent.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/152/@500/212_reactauthorcomponent.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/152/@768/212_reactauthorcomponent.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/152/@1024/212_reactauthorcomponent.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/152/@1366/212_reactauthorcomponent.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/152/@1600/212_reactauthorcomponent.avif","width":1600}]}]},{"title":{"text":"The solution"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Git. Git is the solution. NPM supports installs from Git, so all it takes is to create a repository for the module and not exclude the build files in the .gitignore file. You then do the NPM install a bit different:"},{"kind":"block","type":"preformatted","children":[{"type":"code","kind":"block","textContent":"npm install <git-host>:<git-user>/<repo-name>","metadata":{"language":"javascript"}}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"line-break"}]},{"kind":"block","type":"paragraph","textContent":"Using our react-author module as example:"},{"kind":"block","type":"preformatted","children":[{"type":"code","kind":"block","textContent":"npm install github:snowballdigital/react-author#1.3.0","metadata":{"language":"javascript"}}]},{"kind":"block","type":"paragraph","textContent":"Or using yarn:"},{"kind":"block","type":"preformatted","children":[{"type":"code","kind":"block","textContent":"yarn add github:snowballdigital/react-author#1.3.0","metadata":{"language":"javascript"}}]},{"kind":"block","type":"paragraph","textContent":"Note that we are using tags to specify versions."}]},"videos":null,"images":null}]}}]},{"topics":[{"name":"Branding"},{"name":"Product Design"},{"name":"Growth Strategy"},{"name":"Marketing"}],"name":"Brand Style Guide explained","path":"/assets/blog/brand-style-guide-explained","id":"675fe18dc7d447678413bb9e","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"Explained: Brand Style Guide"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/60/branding_sb_blog.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/60/@100/branding_sb_blog.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/60/@200/branding_sb_blog.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/60/@500/branding_sb_blog.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/60/@768/branding_sb_blog.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/60/@1024/branding_sb_blog.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/60/@1366/branding_sb_blog.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/60/@1600/branding_sb_blog.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/60/@1920/branding_sb_blog.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/60/@100/branding_sb_blog.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/60/@200/branding_sb_blog.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/60/@500/branding_sb_blog.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/60/@768/branding_sb_blog.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/60/@1024/branding_sb_blog.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/60/@1366/branding_sb_blog.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/60/@1600/branding_sb_blog.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/60/@1920/branding_sb_blog.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/60/@100/branding_sb_blog.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/60/@200/branding_sb_blog.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/60/@500/branding_sb_blog.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/60/@768/branding_sb_blog.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/60/@1024/branding_sb_blog.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/60/@1366/branding_sb_blog.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/60/@1600/branding_sb_blog.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/60/@1920/branding_sb_blog.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Filipa Amado"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"June 20th, 2019"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"One of the essential resources a business can have is a ‘Brand Style Guide’. This is a tool that teaches your team how to stay true to any given brand, while also acting as a reference point for any future "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services"},"textContent":"product design"},{"kind":"inline","textContent":" project. A guide goes beyond logos or fancy business cards - a Brand Style Guide contains every core element necessary to make your, or a customer’s brand, consistent and recognizable."}]}],"plainText":["One of the essential resources a business can have is a ‘Brand Style Guide’. This is a tool that teaches your team how to stay true to any given brand, while also acting as a reference point for any future product design project. A guide goes beyond logos or fancy business cards - a Brand Style Guide contains every core element necessary to make your, or a customer’s brand, consistent and recognizable."]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":{"text":"What is a Brand Style Guide?"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"A Brand Style Guide can sometimes be referred to as ‘Brand Guidelines’, ‘Brand Book’, and even ‘Brand Bible’. However, all of these terms represent roughly the same concept: "},{"kind":"inline","type":"emphasized","textContent":"a set of rules that explain how your brand works"},{"kind":"inline","textContent":", or even more simply, "},{"kind":"inline","type":"emphasized","textContent":"a guide to your brand"},{"kind":"inline","textContent":" ("},{"kind":"inline","type":"link","metadata":{"href":"http://www.niftymarketing.co.uk/author/nifty/"},"children":[{"kind":"inline","type":"strong","textContent":"nifty"}]},{"kind":"inline","type":"strong","textContent":", 2012)"},{"kind":"inline","textContent":"."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"If done well, a Brand Style Guide is extremely thorough. It summarizes how a brand expresses itself, from both a "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services"},"textContent":"marketing strategy"},{"kind":"inline","textContent":" perspective and a visual identity perspective. As such, a well-constructed Brand Style Guide should be functional and easy to understand. If anyone, internally or externally, reads it, they should be able to fully grasp your brand and its visual identity. "}]},{"kind":"block","type":"paragraph","textContent":"More so, these guides contain all the information necessary to create every piece of communication, ensuring that all messaging is relevant and related to your brand’s goals. It’s a tool that can be used to help build and maintain the consistency of your brand experience, whether talking about customer service, design or marketing."},{"kind":"block","type":"paragraph"}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/153/brandguides.jpg","altText":null,"width":2416,"height":1536,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/153/@100/brandguides.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/153/@200/brandguides.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/153/@500/brandguides.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/153/@768/brandguides.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/153/@1024/brandguides.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/153/@1366/brandguides.jpeg","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/153/@1600/brandguides.jpeg","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/153/@1920/brandguides.jpeg","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/153/@100/brandguides.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/153/@200/brandguides.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/153/@500/brandguides.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/153/@768/brandguides.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/153/@1024/brandguides.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/153/@1366/brandguides.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/153/@1600/brandguides.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/153/@1920/brandguides.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/153/@100/brandguides.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/153/@200/brandguides.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/153/@500/brandguides.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/153/@768/brandguides.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/153/@1024/brandguides.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/153/@1366/brandguides.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/153/@1600/brandguides.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/153/@1920/brandguides.avif","width":1920}]}]},{"title":{"text":"Why is a Brand Style Guide important?"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Why is a Brand Style Guide is so important to "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services/product-design"},"textContent":"Product Design"},{"kind":"inline","textContent":" and what is its "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/the-elements-of-value"},"textContent":"brand value"},{"kind":"inline","textContent":"? "}]},{"kind":"block","type":"paragraph","textContent":"A brand style guide ensures that your content is cohesive and well distinguished from your competitors. This is important because it helps create a strong voice that speaks to your target market, which is essential for building brand awareness, consistency, and trust."},{"kind":"block","type":"paragraph","textContent":"It’s also a tool designed to give your brand flexibility. This is what we mean: a Brand Style Guide should be flexible enough to allow some creativity and innovation, but rigorous enough to keep consistency and recognizability. If you can successfully combine both sides of the same coin, you will have the foundation for a very strong brand."},{"kind":"block","type":"paragraph","textContent":"When creating your Brand Style Guide, you can choose to have a basic overview of the brand or a very detailed and comprehensive one. The important thing is for you to spend some time and resources on it, so it can have that solid foundation. You can always make adjustments later on down the road. It’s not ever a finished product - it’s something that evolves, just like your brand!"}]},"videos":null,"images":null},{"title":{"text":"Key components of a Brand Style Guide"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"A Brand Style Guide should include the important guidelines of your brand’s identity. Before you create your own, here are six key components that should be included in some way in your Brand Style Guide:"},{"kind":"block","type":"paragraph"},{"kind":"block","type":"paragraph"},{"kind":"block","type":"unordered-list","children":[{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"strong","textContent":"Overview: "},{"kind":"inline","textContent":"an overview of your brand’s history, "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/vision-mission-and-values"},"textContent":"vision, mission, and values"},{"kind":"inline","textContent":"; the rest of the guide should reflect these fundamental components."}]}]},{"kind":"block","type":"paragraph"},{"kind":"block","type":"unordered-list","children":[{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/product-strategy-understanding-product-positioning"},"children":[{"kind":"inline","type":"strong","textContent":"Product Positioning"}]},{"kind":"inline","type":"strong","textContent":" and "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/tone-of-voice-the-new-level-of-branding"},"children":[{"kind":"inline","type":"strong","textContent":"Tone of Voice"}]},{"kind":"inline","type":"strong","textContent":": "},{"kind":"inline","textContent":"a quick summary of how your brand wants to be perceived by the customer."}]}]},{"kind":"block","type":"paragraph"},{"kind":"block","type":"unordered-list","children":[{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"strong","textContent":"Logo and logo variations: "},{"kind":"inline","textContent":"this section includes all approved versions of your logo and gives visual examples showing different sizes and spacing; it also shows what not to do with your logo, preventing mistakes or any unwanted alterations, like stretching or cropping."}]}]},{"kind":"block","type":"paragraph"},{"kind":"block","type":"unordered-list","children":[{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"strong","textContent":"Color palette: "},{"kind":"inline","textContent":"swatches of your primary and secondary color palettes, along with color breakdowns for print and digital ("},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/color-systems-cmyk-pantone-rgb-and-ral-explained"},"textContent":"Color systems CMYK, Pantone, and RGB"},{"kind":"inline","textContent":") to make sure your brand and its colors are accurately reproduced in any medium."}]}]},{"kind":"block","type":"paragraph"},{"kind":"block","type":"unordered-list","children":[{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"strong","textContent":"Typography: "},{"kind":"inline","textContent":"you will need to specify if your brand has one "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/what-is-the-difference-between-a-font-and-a-typeface"},"textContent":"typeface family or multiple ones"},{"kind":"inline","textContent":", along with the different uses and applications."}]}]},{"kind":"block","type":"paragraph"},{"kind":"block","type":"unordered-list","children":[{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"strong","textContent":"Imagery: "},{"kind":"inline","textContent":"define the style of any photography or illustration that complements your logo and brand."}]}]},{"kind":"block","type":"paragraph"},{"kind":"block","type":"paragraph"},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"A tip from "},{"kind":"inline","type":"link","metadata":{"href":"https://www.forbes.com/sites/propointgraphics/2016/07/24/brand-style-guides/"},"textContent":"Forbes"},{"kind":"inline","textContent":": if your company ever goes through a "},{"kind":"inline","type":"link","metadata":{"href":"https://www.propointgraphics.com/blog/rebrand-consumer-perceptions/"},"textContent":"brand redesign"},{"kind":"inline","textContent":", you should always create a new Brand Style Guide to go along with it. It's the best way to announce the rebrand to your company, as well as familiarize everyone with new the design guidelines."}]},{"kind":"block","type":"paragraph","textContent":"Brand on!"}]},"videos":null,"images":null}]}}]},{"topics":[{"name":"Development"}],"name":"React developer insider tip: debug states using extension for Chrome","path":"/assets/blog/react-developer-insider-tip-debug-states-using-extension-for-chrome","id":"675fe1efb5ccfc2c91b72d59","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"React developer insider tip: debug states using extension for Chrome"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/61/development_sb_blog.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/61/@100/development_sb_blog.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/61/@200/development_sb_blog.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/61/@500/development_sb_blog.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/61/@768/development_sb_blog.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/61/@1024/development_sb_blog.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/61/@1366/development_sb_blog.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/61/@1600/development_sb_blog.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/61/@1920/development_sb_blog.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/61/@100/development_sb_blog.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/61/@200/development_sb_blog.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/61/@500/development_sb_blog.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/61/@768/development_sb_blog.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/61/@1024/development_sb_blog.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/61/@1366/development_sb_blog.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/61/@1600/development_sb_blog.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/61/@1920/development_sb_blog.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/61/@100/development_sb_blog.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/61/@200/development_sb_blog.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/61/@500/development_sb_blog.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/61/@768/development_sb_blog.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/61/@1024/development_sb_blog.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/61/@1366/development_sb_blog.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/61/@1600/development_sb_blog.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/61/@1920/development_sb_blog.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Paweł Kawczyński"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"September 10th, 2018"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"When "},{"kind":"inline","type":"link","metadata":{"href":"https://reactjs.org/docs/getting-started.html"},"textContent":"getting started with React development"},{"kind":"inline","textContent":" you first need to wrap your head around concepts like "},{"kind":"inline","type":"link","metadata":{"href":"https://reactjs.org/docs/state-and-lifecycle.html"},"textContent":"states"},{"kind":"inline","textContent":" and "},{"kind":"inline","type":"link","metadata":{"href":"https://reactjs.org/docs/components-and-props.html"},"textContent":"props"},{"kind":"inline","textContent":". "},{"kind":"inline","type":"link","metadata":{"href":"https://developers.google.com/web/tools/chrome-devtools/"},"textContent":"Chrome Developer Tools"},{"kind":"inline","textContent":" quickly becomes your friend. Typically used to inspect your DOM tree and check styles. The insider tip is to install the "},{"kind":"inline","type":"link","metadata":{"href":"https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi?hl=en"},"textContent":"React Developer Tools"},{"kind":"inline","textContent":" extension for Chrome for even more efficient React development."}]}],"plainText":["When getting started with React development you first need to wrap your head around concepts like states and props. Chrome Developer Tools quickly becomes your friend. Typically used to inspect your DOM tree and check styles. The insider tip is to install the React Developer Tools extension for Chrome for even more efficient React development."]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":{"text":"React Developer Tools for Chrome"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"I assume that your React app uses states and props for most mounted components, at least mine does. When building front-ends in React we need to test how the component reacts to state changes. You can always use console api or debugger. But that requires setting breakpoints, console logging etc."},{"kind":"block","type":"paragraph","textContent":"With React developer tools you there is a much smoother way of working with states. Check the gif below, there you see how easy you can simply change the state of a component for more efficient development. Sweet."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/154/209_react_video.gif","altText":null,"width":1000,"height":736,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/154/@100/209_react_video.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/154/@200/209_react_video.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/154/@500/209_react_video.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/154/@768/209_react_video.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/154/@100/209_react_video.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/154/@200/209_react_video.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/154/@500/209_react_video.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/154/@768/209_react_video.avif","width":768}]}]},{"title":{"text":"Control complete App state with React Developer extension"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"I have saved countless hours of debugging after discovering the extension. You can also control props, seek and inspect components. It is basically a fundamental tool for every react developer."},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Developing in React? Install the "},{"kind":"inline","type":"link","metadata":{"href":"https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi?hl=en"},"textContent":"React Developer extension today."}]}]},"videos":null,"images":null}]}}]},{"topics":[{"name":"Growth Strategy"},{"name":"Marketing"}],"name":"How to choose the right Marketing KPIs","path":"/assets/blog/how-to-choose-the-right-marketing-kpis","id":"675fe288c7d447678413bbe5","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"How to choose the right Marketing KPIs"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/62/growth_strategy_sb_blog.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/62/@100/growth_strategy_sb_blog.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/62/@200/growth_strategy_sb_blog.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/62/@500/growth_strategy_sb_blog.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/62/@768/growth_strategy_sb_blog.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/62/@1024/growth_strategy_sb_blog.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/62/@1366/growth_strategy_sb_blog.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/62/@1600/growth_strategy_sb_blog.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/62/@1920/growth_strategy_sb_blog.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/62/@100/growth_strategy_sb_blog.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/62/@200/growth_strategy_sb_blog.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/62/@500/growth_strategy_sb_blog.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/62/@768/growth_strategy_sb_blog.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/62/@1024/growth_strategy_sb_blog.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/62/@1366/growth_strategy_sb_blog.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/62/@1600/growth_strategy_sb_blog.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/62/@1920/growth_strategy_sb_blog.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/62/@100/growth_strategy_sb_blog.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/62/@200/growth_strategy_sb_blog.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/62/@500/growth_strategy_sb_blog.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/62/@768/growth_strategy_sb_blog.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/62/@1024/growth_strategy_sb_blog.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/62/@1366/growth_strategy_sb_blog.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/62/@1600/growth_strategy_sb_blog.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/62/@1920/growth_strategy_sb_blog.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Filipa Amado"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"June 27th, 2019"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Choosing the proper "},{"kind":"inline","type":"link","metadata":{"href":"https://www.investopedia.com/terms/k/kpi.asp"},"textContent":"key performance indicators"},{"kind":"inline","textContent":" (KPIs) is an essential part of "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services/growth-marketing"},"textContent":"Growth Marketing"},{"kind":"inline","textContent":". It makes sure your business can achieve not only your strategic goals but have a measurable improvement. However, with a large amount of data you can easily access, it can be overwhelming to choose the best KPIs with the most value. To make the right choice, you need to think about your business and what exactly you want and need to measure."}]}],"plainText":["Choosing the proper key performance indicators (KPIs) is an essential part of Growth Marketing. It makes sure your business can achieve not only your strategic goals but have a measurable improvement. However, with a large amount of data you can easily access, it can be overwhelming to choose the best KPIs with the most value. To make the right choice, you need to think about your business and what exactly you want and need to measure."]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":{"text":"What are Marketing KPIs?"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"KPIs are individual "},{"kind":"inline","type":"link","metadata":{"href":"https://www.klipfolio.com/blog/kpi-metric-measure"},"textContent":"units of measurement or data points"},{"kind":"inline","textContent":" that provide mathematical input about your business’s performance relative to a specified goal. These are the most important metrics in any "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services/product-strategy"},"textContent":"Product Strategy"},{"kind":"inline","textContent":" and "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services/growth-marketing"},"textContent":"Growth Marketing"},{"kind":"inline","textContent":" since they can make you understand and evaluate how your business is performing. And because of that, choosing the right KPIs is one of the most critical decisions you need to make for your business to succeed."}]},{"kind":"block","type":"paragraph","textContent":"A good set of KPIs to track will allow you to measure your business's health and make any strategic decisions more efficiently. You will quickly identify any business area that may need improvement and take the according to action. And over time, it can not only make sure you reach your goals but actually enhance your overall performance."}]},"videos":null,"images":null},{"title":{"text":"The elements of a good KPI"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"When choosing a KPI without really considering your business or goals, you will end up with a rather trivial and superficial set. And since KPIs are so crucial to the success of your business, they can’t be chosen randomly and for that require some thought. With that said, a good KPI should possess the following attributes:"},{"kind":"block","type":"unordered-list","children":[{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"strong","textContent":"Relevant to your goals"},{"kind":"inline","textContent":" - a valuable KPI must be directly related to your business’s overall goals and objectives."}]},{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"strong","textContent":"Align with growth stage"},{"kind":"inline","textContent":" - it should reflect the current stage of your business, but also take into account its growth."}]},{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"strong","textContent":"Substance"},{"kind":"inline","textContent":" - A KPI must be specific and focused on important and detailed metrics."}]},{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"strong","textContent":"Quantifiable and measurable"},{"kind":"inline","textContent":" - It must be able to be accurately measured on a regular basis, in order to track a business’s progress regularly and with confidence."}]},{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"strong","textContent":"Actionable"},{"kind":"inline","textContent":" - a good KPI should clarify to you where to take action to improve your business's performance and eventual success."}]}]}]},"videos":null,"images":null},{"title":{"text":"Choosing your Marketing KPIs"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Measuring your business performance is crucial, but focusing on the wrong indicators can be destructive in the future. The first step in finding the best metrics for you is to reflect on what your business is working towards. You need to identify your strategic goals and specific objectives and then set achievable and actionable targets. This process is aspirational. It’s about what you envision for your business and having a well-established "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/vision-mission-and-values"},"textContent":"vision, mission, and values"},{"kind":"inline","textContent":" can really help."}]},{"kind":"block","type":"paragraph","textContent":"Your KPIs must be grounded by your business’s goals to measure its progress accurately. And since your KPIs are meant to support your business goals, the more specific the goal is, the better you can choose the right KPI."},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"There are many different types of KPIs, but they typically revolve around increasing sales, process and service improvement, and customer satisfaction. As mentioned before, it really depends on your goals and what stage your business is in. For example, while startups will focus on KPIs related to "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/content-strategy-for-exponential-growth-marketing"},"textContent":"exponential growth in organic traffic"},{"kind":"inline","textContent":", more mature companies will probably put their efforts into improving return."}]}]},"videos":null,"images":null},{"title":{"text":"Filter and Focus"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"You can track and measure everything with very detailed metrics in the current digital age, leaving you with dozens of potential KPIs to choose from. And because of this, companies often end up with many KPIs, leading to confusion and lack of focus. So rather than choosing several metrics to measure and report on, it’s better to focus on just a few key metrics."},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"However, this selection can be complex and difficult to do, especially when applied to your business's subjective or vague areas, like customer satisfaction or "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/the-elements-of-value"},"textContent":"product value"},{"kind":"inline","textContent":". As mentioned before, the selection mustn’t be vague or superfluous. The point of having KPIs is to measure and improve your business’s performance and help you reach your strategic goals."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"When "},{"kind":"inline","type":"link","metadata":{"href":"https://blog.hubspot.com/marketing/choosing-kpis"},"textContent":"choosing KPIs"},{"kind":"inline","textContent":", you will probably want to start with the industry-standard metrics, keeping in mind that it’s more important to choose those more relevant for your specific situation and business. It would help if you only chose the KPIs that are the most reflective of your strategic goals. Your goals are unique to your business, and so should your KPIs be."}]}]},"videos":null,"images":null}]}}]},{"topics":[{"name":"Development"},{"name":"User Experience"}],"name":"Responsive cartoon in React","path":"/assets/blog/responsive-cartoon-in-react","id":"675fe2e7d9ed36a574f9bd14","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"Responsive cartoon in React"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/64/user_experience_sb_blog.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/64/@100/user_experience_sb_blog.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/64/@200/user_experience_sb_blog.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/64/@500/user_experience_sb_blog.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/64/@768/user_experience_sb_blog.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/64/@1024/user_experience_sb_blog.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/64/@1366/user_experience_sb_blog.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/64/@1600/user_experience_sb_blog.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/64/@1920/user_experience_sb_blog.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/64/@100/user_experience_sb_blog.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/64/@200/user_experience_sb_blog.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/64/@500/user_experience_sb_blog.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/64/@768/user_experience_sb_blog.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/64/@1024/user_experience_sb_blog.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/64/@1366/user_experience_sb_blog.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/64/@1600/user_experience_sb_blog.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/64/@1920/user_experience_sb_blog.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/64/@100/user_experience_sb_blog.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/64/@200/user_experience_sb_blog.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/64/@500/user_experience_sb_blog.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/64/@768/user_experience_sb_blog.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/64/@1024/user_experience_sb_blog.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/64/@1366/user_experience_sb_blog.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/64/@1600/user_experience_sb_blog.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/64/@1920/user_experience_sb_blog.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Håkon Gullord Krogh"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"August 24th, 2018"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","textContent":"Crystallize wanted to feature cartoons on their webpage, which is awesome. The challenge was using a single image as the source so that a Google image search would display a 1:1 image and desktop screens would get a 2:1 format. How to make a cartoon strip responsive?"}],"plainText":["Crystallize wanted to feature cartoons on their webpage, which is awesome. The challenge was using a single image as the source so that a Google image search would display a 1:1 image and desktop screens would get a 2:1 format. How to make a cartoon strip responsive?"]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":{"text":"The baseline"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"The cartoon is a 1:1 format which makes it a perfect fit for smaller screens and Google image search. For larger screens though, the square format does not work that well. A wider format, 2:1 would be much better for larger screens."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/155/_resized_1280.png","altText":null,"width":1280,"height":467,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/155/@100/_resized_1280.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/155/@200/_resized_1280.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/155/@500/_resized_1280.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/155/@768/_resized_1280.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/155/@1024/_resized_1280.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/155/@100/_resized_1280.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/155/@200/_resized_1280.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/155/@500/_resized_1280.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/155/@768/_resized_1280.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/155/@1024/_resized_1280.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/155/@100/_resized_1280.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/155/@200/_resized_1280.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/155/@500/_resized_1280.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/155/@768/_resized_1280.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/155/@1024/_resized_1280.avif","width":1024}]}]},{"title":{"text":"The comic"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"The starting point is a square comic divided into 4 boxes, each with the equal margin around each box."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/156/195_blamethecompiler.svg","altText":null,"width":443,"height":443,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/156/@100/195_blamethecompiler.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/156/@200/195_blamethecompiler.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/156/@100/195_blamethecompiler.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/156/@200/195_blamethecompiler.avif","width":200}]}]},{"title":{"text":"The solution"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"The way to make this responsive is in fact quite simple. For smaller screens, we just show the image. For larger screens, we divide the image in to halfes, and place them next to each other. It makes up for a nice, smooth responsive experience."},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Check out the "},{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com/comics"},"textContent":"live examples on Crystallize"}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/157/200_responsivecartoon.gif","altText":null,"width":876,"height":696,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/157/@100/200_responsivecartoon.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/157/@200/200_responsivecartoon.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/157/@500/200_responsivecartoon.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/157/@768/200_responsivecartoon.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/157/@100/200_responsivecartoon.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/157/@200/200_responsivecartoon.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/157/@500/200_responsivecartoon.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/157/@768/200_responsivecartoon.avif","width":768}]}]},{"title":{"text":"Code"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"So, you want to see how me made this happen in React? The source code is on our CodePen space, "},{"kind":"inline","type":"link","metadata":{"href":"https://codepen.io/snowballdigital/pen/XPmxaj?editors=0010"},"textContent":"check it out"},{"kind":"inline","textContent":"."}]}]},"videos":null,"images":null}]}}]},{"topics":[{"name":"Product Design"}],"name":"InDesign Basics: Imposition and Booklets Types","path":"/assets/blog/indesign-basics-imposition-and-booklets-types","id":"675fe35bb5ccfc2c91b73244","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"InDesign Basics: Imposition and Booklets Types"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/65/adobe_illustrator_sb_blog.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/65/@100/adobe_illustrator_sb_blog.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/65/@200/adobe_illustrator_sb_blog.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/65/@500/adobe_illustrator_sb_blog.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/65/@768/adobe_illustrator_sb_blog.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/65/@1024/adobe_illustrator_sb_blog.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/65/@1366/adobe_illustrator_sb_blog.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/65/@1600/adobe_illustrator_sb_blog.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/65/@1920/adobe_illustrator_sb_blog.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/65/@100/adobe_illustrator_sb_blog.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/65/@200/adobe_illustrator_sb_blog.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/65/@500/adobe_illustrator_sb_blog.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/65/@768/adobe_illustrator_sb_blog.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/65/@1024/adobe_illustrator_sb_blog.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/65/@1366/adobe_illustrator_sb_blog.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/65/@1600/adobe_illustrator_sb_blog.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/65/@1920/adobe_illustrator_sb_blog.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/65/@100/adobe_illustrator_sb_blog.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/65/@200/adobe_illustrator_sb_blog.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/65/@500/adobe_illustrator_sb_blog.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/65/@768/adobe_illustrator_sb_blog.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/65/@1024/adobe_illustrator_sb_blog.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/65/@1366/adobe_illustrator_sb_blog.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/65/@1600/adobe_illustrator_sb_blog.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/65/@1920/adobe_illustrator_sb_blog.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Filipa Amado"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"July 3rd, 2019"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"When designing any editorial product, it’s generally easier to work with the pages ordered sequentially. However, before you are ready to print, you will need to convert your file through a process called "},{"kind":"inline","type":"link","metadata":{"href":"https://en.wikipedia.org/wiki/Imposition"},"textContent":"imposition"},{"kind":"inline","textContent":". It arranges the pages to obtain a faster printing process, and it simplifies "},{"kind":"inline","type":"link","metadata":{"href":"https://en.wikipedia.org/wiki/Bookbinding"},"children":[{"kind":"inline","type":"emphasized","textContent":"bookbinding"}]},{"kind":"inline","textContent":"."}]}],"plainText":["When designing any editorial product, it’s generally easier to work with the pages ordered sequentially. However, before you are ready to print, you will need to convert your file through a process called imposition. It arranges the pages to obtain a faster printing process, and it simplifies bookbinding."]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":{"text":"Imposition in InDesign"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Imposition is one of the fundamental steps in the "},{"kind":"inline","type":"link","metadata":{"href":"https://www.soloprinting.com/blog/what-is-prepress/"},"textContent":"prepress printing process"},{"kind":"inline","textContent":" that many see as tricky and difficult to manage. But thanks to "},{"kind":"inline","type":"link","metadata":{"href":"http://www.adobe.com/InDesign%E2%80%8E"},"textContent":"InDesign"},{"kind":"inline","textContent":", this process has gotten a lot easier. You can now design an entire booklet with the pages in sequential order and then use the “Print Booklet” feature to create the imposition and format your document to be print-ready. This feature offers a range of options for any booklet you may be looking for."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"However, depending on the type of final product, you may need to export your file in a specific booklet format. Below are brief descriptions of the different types of booklets to help you choose the best option for your "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services/product-design"},"textContent":"Product Design"},{"kind":"inline","textContent":" process."}]},{"kind":"block","type":"paragraph","textContent":"There are several types of print products, with different sizes and formats, and with that, the imposition may vary. Think about your final product, how many pages it will have, and if you need several booklets or just one. If you have all of these into consideration, the imposition process will not feel overwhelming, and you will end up with a correctly printed booklet."}]},"videos":null,"images":null},{"title":{"text":"About the feature"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"After you finish designing your book or magazine in InDesign, you then go to "},{"kind":"inline","type":"strong","textContent":"File>Print Booklet"},{"kind":"inline","textContent":", and on the "},{"kind":"inline","type":"strong","textContent":"Booklet Type"},{"kind":"inline","textContent":" menu, you can choose between three different options ("},{"kind":"inline","type":"link","metadata":{"href":"https://helpx.adobe.com/indesign/user-guide.html/indesign/using/printing-booklets.ug.html"},"textContent":"Helpx Adobe"},{"kind":"inline","textContent":"):"}]},{"kind":"block","type":"unordered-list","children":[{"kind":"block","type":"list-item","textContent":"2-up Saddle Stitch,"},{"kind":"block","type":"list-item","textContent":"2-up Perfect Bound"},{"kind":"block","type":"list-item","textContent":"and Consecutive."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Keep in mind that you can use "},{"kind":"inline","type":"strong","textContent":"Preview"},{"kind":"inline","textContent":" to see if the imposition you choose is the correct one for your product. InDesign may need to add blank pages to the finished document if you don’t have enough pages for the option chosen."}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/158/403_indesignbookletstypes.png","altText":null,"width":753,"height":582,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/158/@100/403_indesignbookletstypes.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/158/@200/403_indesignbookletstypes.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/158/@500/403_indesignbookletstypes.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/158/@100/403_indesignbookletstypes.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/158/@200/403_indesignbookletstypes.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/158/@500/403_indesignbookletstypes.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/158/@100/403_indesignbookletstypes.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/158/@200/403_indesignbookletstypes.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/158/@500/403_indesignbookletstypes.avif","width":500}]}]},{"title":{"text":"2-up Saddle Stitch"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"This option creates two-pages, side-by-side printer spreads suitable for printing on both sides, collating, folding, and stapling. Saddle Stitch is the most common and cost-effective option because it gives your booklet a simple binding - the folded sheets are gathered and then bound (by stitch or staple) through the fold line. However, this type of binding cannot hold many pages, and it works best with smaller booklets containing less than 100 pages (i.e., a notebook, manual, small magazine…). The perfect example is the "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/content-strategy-with-cartoons-for-a-software-startup"},"textContent":"comic booklet"},{"kind":"inline","textContent":" we created for Crystalize with their "},{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com/comics"},"textContent":"developer comics"},{"kind":"inline","textContent":"."}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/159/saddle-stitch-diagram.jpg","altText":null,"width":1920,"height":1440,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/159/@100/saddle-stitch-diagram.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/159/@200/saddle-stitch-diagram.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/159/@500/saddle-stitch-diagram.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/159/@768/saddle-stitch-diagram.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/159/@1024/saddle-stitch-diagram.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/159/@1366/saddle-stitch-diagram.jpeg","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/159/@1600/saddle-stitch-diagram.jpeg","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/159/@1920/saddle-stitch-diagram.jpeg","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/159/@100/saddle-stitch-diagram.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/159/@200/saddle-stitch-diagram.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/159/@500/saddle-stitch-diagram.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/159/@768/saddle-stitch-diagram.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/159/@1024/saddle-stitch-diagram.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/159/@1366/saddle-stitch-diagram.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/159/@1600/saddle-stitch-diagram.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/159/@1920/saddle-stitch-diagram.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/159/@100/saddle-stitch-diagram.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/159/@200/saddle-stitch-diagram.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/159/@500/saddle-stitch-diagram.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/159/@768/saddle-stitch-diagram.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/159/@1024/saddle-stitch-diagram.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/159/@1366/saddle-stitch-diagram.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/159/@1600/saddle-stitch-diagram.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/159/@1920/saddle-stitch-diagram.avif","width":1920}]}]},{"title":{"text":"2-up Perfect Bound"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"This option "},{"kind":"inline","type":"link","metadata":{"href":"https://helpx.adobe.com/indesign/user-guide.html/indesign/using/printing-booklets.ug.html"},"children":[{"kind":"inline","type":"emphasized","textContent":"creates two-page, side-by-side printer spreads that fit within the specified signature size"}]},{"kind":"inline","textContent":". The perfect bound option divides your file into several booklets, depending on the number of pages. In "},{"kind":"inline","type":"strong","textContent":"Signature Style"},{"kind":"inline","textContent":", you can have each booklet with 4, 8, 12, 16, or 32 pages."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"This option has the same principle as the 2-up saddle stitch in terms of binding, but instead of just binding one booklet, you are binding several and then collecting them into one final product. The Perfect Bound is used for bigger editorial projects and is widely used in soft- and hard-cover books. "},{"kind":"inline","type":"link","metadata":{"href":"https://bunad-magasinet.no"},"textContent":"Bunad magasinet"},{"kind":"inline","textContent":" uses this type of imposition for their magazines."}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/160/perfect-bound-diagram.jpg","altText":null,"width":1920,"height":1440,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/160/@100/perfect-bound-diagram.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/160/@200/perfect-bound-diagram.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/160/@500/perfect-bound-diagram.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/160/@768/perfect-bound-diagram.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/160/@1024/perfect-bound-diagram.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/160/@1366/perfect-bound-diagram.jpeg","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/160/@1600/perfect-bound-diagram.jpeg","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/160/@1920/perfect-bound-diagram.jpeg","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/160/@100/perfect-bound-diagram.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/160/@200/perfect-bound-diagram.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/160/@500/perfect-bound-diagram.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/160/@768/perfect-bound-diagram.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/160/@1024/perfect-bound-diagram.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/160/@1366/perfect-bound-diagram.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/160/@1600/perfect-bound-diagram.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/160/@1920/perfect-bound-diagram.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/160/@100/perfect-bound-diagram.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/160/@200/perfect-bound-diagram.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/160/@500/perfect-bound-diagram.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/160/@768/perfect-bound-diagram.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/160/@1024/perfect-bound-diagram.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/160/@1366/perfect-bound-diagram.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/160/@1600/perfect-bound-diagram.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/160/@1920/perfect-bound-diagram.avif","width":1920}]}]},{"title":{"text":"Consecutive"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Creates a two-, three-, or four-page spread in which it shows the pages in consecutive order. This is the perfect option to print fold-out booklets or brochures because it gathers the pages to be printed on one page and next to each other."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/161/consecutive-diagram.jpg","altText":null,"width":1920,"height":1440,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/161/@100/consecutive-diagram.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/161/@200/consecutive-diagram.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/161/@500/consecutive-diagram.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/161/@768/consecutive-diagram.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/161/@1024/consecutive-diagram.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/161/@1366/consecutive-diagram.jpeg","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/161/@1600/consecutive-diagram.jpeg","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/161/@1920/consecutive-diagram.jpeg","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/161/@100/consecutive-diagram.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/161/@200/consecutive-diagram.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/161/@500/consecutive-diagram.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/161/@768/consecutive-diagram.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/161/@1024/consecutive-diagram.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/161/@1366/consecutive-diagram.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/161/@1600/consecutive-diagram.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/161/@1920/consecutive-diagram.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/161/@100/consecutive-diagram.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/161/@200/consecutive-diagram.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/161/@500/consecutive-diagram.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/161/@768/consecutive-diagram.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/161/@1024/consecutive-diagram.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/161/@1366/consecutive-diagram.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/161/@1600/consecutive-diagram.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/161/@1920/consecutive-diagram.avif","width":1920}]}]}]}}]},{"topics":[{"name":"Product Design"},{"name":"User Experience"}],"name":"Test: Speed ONE as a commuting bike","path":"/assets/blog/test-speed-one-as-a-commuting-bike","id":"675fe3e7d9ed36a574f9c0f9","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"Test: Speed ONE as a commuting bike"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/66/industrial_design_sb_blog.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/66/@100/industrial_design_sb_blog.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/66/@200/industrial_design_sb_blog.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/66/@500/industrial_design_sb_blog.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/66/@768/industrial_design_sb_blog.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/66/@1024/industrial_design_sb_blog.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/66/@1366/industrial_design_sb_blog.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/66/@1600/industrial_design_sb_blog.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/66/@1920/industrial_design_sb_blog.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/66/@100/industrial_design_sb_blog.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/66/@200/industrial_design_sb_blog.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/66/@500/industrial_design_sb_blog.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/66/@768/industrial_design_sb_blog.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/66/@1024/industrial_design_sb_blog.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/66/@1366/industrial_design_sb_blog.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/66/@1600/industrial_design_sb_blog.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/66/@1920/industrial_design_sb_blog.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/66/@100/industrial_design_sb_blog.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/66/@200/industrial_design_sb_blog.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/66/@500/industrial_design_sb_blog.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/66/@768/industrial_design_sb_blog.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/66/@1024/industrial_design_sb_blog.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/66/@1366/industrial_design_sb_blog.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/66/@1600/industrial_design_sb_blog.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/66/@1920/industrial_design_sb_blog.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Audun Ask Blaker"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"July 30th, 2018"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","textContent":"As a daily commuter Speed ONE works. I know as a product designer on the team making the bicycle I am biased. But it really does work and it looks damn good also."}],"plainText":["As a daily commuter Speed ONE works. I know as a product designer on the team making the bicycle I am biased. But it really does work and it looks damn good also."]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":{"text":"More used to be more"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"When I was young, there was only one rule that applied to bicycle gears. The more, the better. As I got older and started using the bicycle more actively for races and also was responsible for maintenance this has changed a bit. I use the same bicycle for off road racing and commute and I am now down to 2 chainrings on the front gear, and looking to reduce this to a 1x11 setup. The trend is clear, fewer gears means that you can focus less on shifting and more on riding your bike. In addition, you get less maintenance and less weight."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/162/_resized_1280.jpg","altText":null,"width":1280,"height":946,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/162/@100/_resized_1280.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/162/@200/_resized_1280.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/162/@500/_resized_1280.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/162/@768/_resized_1280.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/162/@1024/_resized_1280.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/162/@100/_resized_1280.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/162/@200/_resized_1280.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/162/@500/_resized_1280.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/162/@768/_resized_1280.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/162/@1024/_resized_1280.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/162/@100/_resized_1280.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/162/@200/_resized_1280.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/162/@500/_resized_1280.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/162/@768/_resized_1280.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/162/@1024/_resized_1280.avif","width":1024}]}]},{"title":{"text":"Less is more: simplicity is elegant"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Fewer gears is good, but no gears (or one as some would say) is a whole different thing and something that many are sceptical about. But as a everyday bike commuter I had the perfect opportunity to explore first-hand what single speed bikes are capable of and the battle of 1 vs 22 gears."}]},"videos":null,"images":null},{"title":{"text":"The nerdy part: facts"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"My engineering background has provided me with a love for metrics. This includes statistics knowledge telling me that an experiment with only one sample might not be very good, if we wanted this post released anytime this year and be enjoyable to read, we had to cut some corners."},{"kind":"block","type":"paragraph","textContent":"I used a GPS wristwatch to record my daily commute both on my MTB and the Speed One. Se the table below."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/163/_resized_1280.png","altText":null,"width":1280,"height":379,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/163/@100/_resized_1280.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/163/@200/_resized_1280.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/163/@500/_resized_1280.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/163/@768/_resized_1280.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/163/@1024/_resized_1280.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/163/@100/_resized_1280.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/163/@200/_resized_1280.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/163/@500/_resized_1280.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/163/@768/_resized_1280.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/163/@1024/_resized_1280.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/163/@100/_resized_1280.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/163/@200/_resized_1280.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/163/@500/_resized_1280.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/163/@768/_resized_1280.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/163/@1024/_resized_1280.avif","width":1024}]}]},{"title":{"text":"The Route"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"My commute is from Porsgrunn to Skien. About 8 kilometers. The route profile is pretty flat, with a few steep hills, about 70m elevation."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/164/179_commute_map.png","altText":null,"width":1262,"height":852,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/164/@100/179_commute_map.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/164/@200/179_commute_map.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/164/@500/179_commute_map.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/164/@768/179_commute_map.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/164/@1024/179_commute_map.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/164/@100/179_commute_map.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/164/@200/179_commute_map.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/164/@500/179_commute_map.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/164/@768/179_commute_map.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/164/@1024/179_commute_map.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/164/@100/179_commute_map.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/164/@200/179_commute_map.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/164/@500/179_commute_map.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/164/@768/179_commute_map.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/164/@1024/179_commute_map.avif","width":1024}]}]},{"title":{"text":"I Enjoyed the ride with Speed ONE"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"First off, the Speed One is LIGHT. It weighs in at about 3 kg / 6 pounds less than my MTB. This is very nice when carrying the bike into the office building and in the stairwell where I live."},{"kind":"block","type":"paragraph","textContent":"It has a pretty aggressive geometry which begs for speed. Its steering is more agile than it is stable. It feels sporty and perfect for tight maneuvering in urban environments."},{"kind":"block","type":"paragraph","textContent":"Second, it is very stiff. It feels like all power you out into it is transferred to speed. It could be more comfortable but the sporty feel is very nice."},{"kind":"block","type":"paragraph","textContent":"The lack of gears took me about 3 minutes and one uphill to get used to. You will need to pedal a bit slower than usual but I had no problems getting both ways without getting of the bike. I was able to go comfortably at 28 km/h which is more than fast enough for transportation. In these speeds you need to output very much power just because of the wind drag, and the bike could really be geared even lower to make up hills easier. Oh, that is also what we have done on the production version of Speed ONE."},{"kind":"block","type":"paragraph","textContent":"I like the MTB because I can go fast over curbs, gravel and obstacles, and was a bit worried that the Speed ONE would require me to slow down. I have to admit that I didn’t go as hard as usual but a couple of curbs and gravel was no problem at all. It just didn't feel right to put this very nice looking bike through the abuse that my MTB gets."},{"kind":"block","type":"paragraph","textContent":"As you see from the table, the sporty feel had me going faster than I usually go with my MTB. From a practical point of view the Speed ONE is perfectly capable of filling my daily commute."},{"kind":"block","type":"paragraph","textContent":"As a designer I am also interested in the look and feel of the bicycle. This is a very big point in this evaluation. Riding my MTB with everyday clothes looks practical, but not particularly stylish. The Speed ONE is a really nice bike and does a better job at making me look and feel good. I would compare it to choosing between a good old station wagon and a nice vintage sports car."}]},"videos":null,"images":null}]}}]},{"topics":[{"name":"Product Design"},{"name":"Branding"}],"name":"Color Systems: CMYK, PANTONE, RGB and RAL explained","path":"/assets/blog/color-systems-cmyk-pantone-rgb-and-ral-explained","id":"675fe47ab5ccfc2c91b73405","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"Color Systems: CMYK, PANTONE, RGB and RAL explained"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/67/adobe_illustrator_sb_blog.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/67/@100/adobe_illustrator_sb_blog.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/67/@200/adobe_illustrator_sb_blog.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/67/@500/adobe_illustrator_sb_blog.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/67/@768/adobe_illustrator_sb_blog.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/67/@1024/adobe_illustrator_sb_blog.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/67/@1366/adobe_illustrator_sb_blog.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/67/@1600/adobe_illustrator_sb_blog.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/67/@1920/adobe_illustrator_sb_blog.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/67/@100/adobe_illustrator_sb_blog.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/67/@200/adobe_illustrator_sb_blog.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/67/@500/adobe_illustrator_sb_blog.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/67/@768/adobe_illustrator_sb_blog.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/67/@1024/adobe_illustrator_sb_blog.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/67/@1366/adobe_illustrator_sb_blog.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/67/@1600/adobe_illustrator_sb_blog.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/67/@1920/adobe_illustrator_sb_blog.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/67/@100/adobe_illustrator_sb_blog.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/67/@200/adobe_illustrator_sb_blog.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/67/@500/adobe_illustrator_sb_blog.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/67/@768/adobe_illustrator_sb_blog.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/67/@1024/adobe_illustrator_sb_blog.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/67/@1366/adobe_illustrator_sb_blog.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/67/@1600/adobe_illustrator_sb_blog.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/67/@1920/adobe_illustrator_sb_blog.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":" Filipa Amado"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"February 1st, 2019"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"CMYK, Pantone, RGB, and RAL are four distinct color systems. Each color system has its own unique usage, with CMYK for print, RGB for on-screen like web, Pantone for accuracy or calibration, and RAL being used in powder coating and plastics. By understanding color systems, you can achieve consistency for your "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services/product-design"},"textContent":"product design"},{"kind":"inline","textContent":" across printed materials, digital experiences, and even production, like the coating of a "},{"kind":"inline","type":"link","metadata":{"href":"https://speedcykkel.com/bikes/single-speed-bike-speed-one-le"},"textContent":"classic single speed bicycle"},{"kind":"inline","textContent":"."}]}],"plainText":["CMYK, Pantone, RGB, and RAL are four distinct color systems. Each color system has its own unique usage, with CMYK for print, RGB for on-screen like web, Pantone for accuracy or calibration, and RAL being used in powder coating and plastics. By understanding color systems, you can achieve consistency for your product design across printed materials, digital experiences, and even production, like the coating of a classic single speed bicycle."]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":{"text":"Why Different Color Systems?"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"I think it’s not a secret when I say that color can greatly impact your business’ "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services/product-design"},"textContent":"branding"},{"kind":"inline","textContent":". It’s an element that shouldn’t be underestimated or even overlooked. Color plays an important role in keeping all your marketing materials looking sharp and consistent across print, web, and production. However, many companies fail to reach this consistency because they don’t understand how to use colors across different mediums."}]},{"kind":"block","type":"paragraph","textContent":"Whether you are designing for print or web, using the right color or color combination is crucial for establishing a strong message, connecting better with your target audience, and eventually improving your brand recognition. However, it is important to understand that the process of picking colors can be a bit complex, considering that colors can look completely different across print and on-screen - even between two screens, color can appear different."},{"kind":"block","type":"paragraph","textContent":"There are four main color systems in the massive world of print and on-screen design: CMYK, Pantone, RGB, and RAL. Knowing the differences between these color systems can help you choose the best option for the type of design you are working with. It can be the difference between a perfect final design and something that looks completely different from what was expected."},{"kind":"block","type":"paragraph","textContent":"Below, I provide a simple explanation of the color systems mentioned and an overview of the main differences between them. This post aims to give you a better understanding of the main color systems for you to keep your color choices as consistent as possible across all product design materials."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/165/302_colorsystems.jpg","altText":null,"width":2038,"height":1509,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/165/@100/302_colorsystems.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/165/@200/302_colorsystems.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/165/@500/302_colorsystems.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/165/@768/302_colorsystems.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/165/@1024/302_colorsystems.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/165/@1366/302_colorsystems.jpeg","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/165/@1600/302_colorsystems.jpeg","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/165/@1920/302_colorsystems.jpeg","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/165/@100/302_colorsystems.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/165/@200/302_colorsystems.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/165/@500/302_colorsystems.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/165/@768/302_colorsystems.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/165/@1024/302_colorsystems.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/165/@1366/302_colorsystems.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/165/@1600/302_colorsystems.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/165/@1920/302_colorsystems.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/165/@100/302_colorsystems.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/165/@200/302_colorsystems.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/165/@500/302_colorsystems.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/165/@768/302_colorsystems.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/165/@1024/302_colorsystems.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/165/@1366/302_colorsystems.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/165/@1600/302_colorsystems.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/165/@1920/302_colorsystems.avif","width":1920}]}]},{"title":{"text":"CMYK for Print"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"link","metadata":{"href":"https://en.wikipedia.org/wiki/CMYK_color_model"},"textContent":"CMYK"},{"kind":"inline","textContent":" stands for the four colors applied during the printing process: Cyan, Magenta, Yellow, and Black (key). This is a subtractive color system, which means that the ink must be removed to obtain lighter colors. With the CMYK color system, the goal is to use ink to absorb the light reflected on a white background - in this case, it' is the printer paper. This also means that when all colors are combined, all light is absorbed and will appear black."}]},{"kind":"block","type":"paragraph","textContent":"The CMYK color system is mostly used with print design work like magazines or books. Nowadays, most at-home printers and high-end color laser printers use these 4 colored inks to print texts and images. It is also important to mention that because of this process of using ink instead of light, CMYK colors are usually less vibrant than RGB color."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/166/color-systems-cmyk.jpg","altText":null,"width":1920,"height":1440,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/166/@100/color-systems-cmyk.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/166/@200/color-systems-cmyk.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/166/@500/color-systems-cmyk.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/166/@768/color-systems-cmyk.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/166/@1024/color-systems-cmyk.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/166/@1366/color-systems-cmyk.jpeg","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/166/@1600/color-systems-cmyk.jpeg","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/166/@1920/color-systems-cmyk.jpeg","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/166/@100/color-systems-cmyk.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/166/@200/color-systems-cmyk.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/166/@500/color-systems-cmyk.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/166/@768/color-systems-cmyk.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/166/@1024/color-systems-cmyk.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/166/@1366/color-systems-cmyk.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/166/@1600/color-systems-cmyk.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/166/@1920/color-systems-cmyk.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/166/@100/color-systems-cmyk.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/166/@200/color-systems-cmyk.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/166/@500/color-systems-cmyk.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/166/@768/color-systems-cmyk.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/166/@1024/color-systems-cmyk.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/166/@1366/color-systems-cmyk.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/166/@1600/color-systems-cmyk.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/166/@1920/color-systems-cmyk.avif","width":1920}]}]},{"title":{"text":"PANTONE for Color Accuracy"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"The "},{"kind":"inline","type":"link","metadata":{"href":"https://en.wikipedia.org/wiki/Pantone"},"textContent":"Pantone Matching System (PMS)"},{"kind":"inline","textContent":" revolutionized the printing color process by providing a standardized system. This system is widely used on most printers to replicate tones and graphics through a standardized guideline. The guideline ensures that any manufacturer can refer to any color and be able to match on print."}]},{"kind":"block","type":"paragraph","textContent":"PANTONE varies from CMYK in that it doesn’t require a combination of various colors; instead, PANTONE colors are defined as singular units. The majority of Pantone colors are generated with thirteen base pigments that create a variety of unique colors. Each unique color is then labeled via a number, which makes it easy to avoid color inconsistencies. Currently, the Pantone colors palette includes a total of over 1,800 different colors."},{"kind":"block","type":"paragraph","textContent":"This numeric system creates a more accurate color match than other systems, making it perfect for brand identity work. Although using this process can be extremely time and money consuming, it’s perfect for a 1 or 2 color print job (i.e., business card…) because it requires less ink that the 4-color model (CMYK)."},{"kind":"block","type":"paragraph","textContent":"Pantone is known worldwide as the standard language for color communication in the printing world. The system was initially designed for the graphics industry, but it has also proven useful across a surprising range of industries."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/167/304_colorsystemspantone.jpg","altText":null,"width":1800,"height":1103,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/167/@100/304_colorsystemspantone.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/167/@200/304_colorsystemspantone.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/167/@500/304_colorsystemspantone.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/167/@768/304_colorsystemspantone.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/167/@1024/304_colorsystemspantone.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/167/@1366/304_colorsystemspantone.jpeg","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/167/@1600/304_colorsystemspantone.jpeg","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/167/@100/304_colorsystemspantone.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/167/@200/304_colorsystemspantone.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/167/@500/304_colorsystemspantone.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/167/@768/304_colorsystemspantone.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/167/@1024/304_colorsystemspantone.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/167/@1366/304_colorsystemspantone.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/167/@1600/304_colorsystemspantone.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/167/@100/304_colorsystemspantone.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/167/@200/304_colorsystemspantone.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/167/@500/304_colorsystemspantone.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/167/@768/304_colorsystemspantone.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/167/@1024/304_colorsystemspantone.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/167/@1366/304_colorsystemspantone.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/167/@1600/304_colorsystemspantone.avif","width":1600}]}]},{"title":{"text":"RGB for Web & Screen"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"The "},{"kind":"inline","type":"link","metadata":{"href":"https://en.wikipedia.org/wiki/RGB_color_model"},"textContent":"RGB color model"},{"kind":"inline","textContent":" is one of the most important and recognizable systems for color in digital media. This color system uses a series of numbers from 0-255, and it’s based on the three primary colors, which then form all the other colors: Red, Green, and Blue."}]},{"kind":"block","type":"paragraph","textContent":"While the CMYK color system is subtractive, RGB is a light additive color model, and colors are added together to create lighter colors. The system starts with Black (screen), then adds the variations of Red, Green, and Blue lights to create colors, and when all the lights are combined, the result is White."},{"kind":"block","type":"paragraph","textContent":"Most digital images and graphics are produced using the RGB color system in which each pixel on a computer screen display represents a certain color. However, it’s important to understand that each computer monitor has a specific color profile, making it difficult to pin down how colors are displayed."},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Although there is CSS syntax to define RGB colors, most developers use a "},{"kind":"inline","type":"link","metadata":{"href":"https://en.wikipedia.org/wiki/Web_colors"},"textContent":"hexadecimal (HEX) code"},{"kind":"inline","textContent":", which is basically a shorter and easier version to work with. The code replaces the 0-255 series, and it changes to a six-digit combination of letters (A to F) and numbers (0 to 9). In most programs, the HEX number is automatically generated."}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/168/color-systems-rgb.jpg","altText":null,"width":1920,"height":1440,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/168/@100/color-systems-rgb.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/168/@200/color-systems-rgb.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/168/@500/color-systems-rgb.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/168/@768/color-systems-rgb.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/168/@1024/color-systems-rgb.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/168/@1366/color-systems-rgb.jpeg","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/168/@1600/color-systems-rgb.jpeg","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/168/@1920/color-systems-rgb.jpeg","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/168/@100/color-systems-rgb.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/168/@200/color-systems-rgb.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/168/@500/color-systems-rgb.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/168/@768/color-systems-rgb.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/168/@1024/color-systems-rgb.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/168/@1366/color-systems-rgb.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/168/@1600/color-systems-rgb.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/168/@1920/color-systems-rgb.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/168/@100/color-systems-rgb.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/168/@200/color-systems-rgb.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/168/@500/color-systems-rgb.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/168/@768/color-systems-rgb.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/168/@1024/color-systems-rgb.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/168/@1366/color-systems-rgb.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/168/@1600/color-systems-rgb.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/168/@1920/color-systems-rgb.avif","width":1920}]}]},{"title":{"text":"RAL Colors for Coatings"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"The RAL color system defines matte, glossy, and metallic surface colors. RAL is the baseline for coatings. For specific coatings like automotive, other systems are more used, typically vendor-specific color systems from the likes of PPG or "},{"kind":"inline","type":"link","metadata":{"href":"https://www.glasurit.com/en-int/"},"textContent":"Glasurit"},{"kind":"inline","textContent":". It all boils down to achieving consistency in the coating of, for example, "},{"kind":"inline","type":"link","metadata":{"href":"https://speedcykkel.com/bikes"},"textContent":"classic bicycles"},{"kind":"inline","textContent":"."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"The "},{"kind":"inline","type":"link","metadata":{"href":"https://en.wikipedia.org/wiki/RAL_colour_standard"},"textContent":"RAL color system"},{"kind":"inline","textContent":" is used mainly for powder coating, varnish, and plastic coloring. It is the go-to system when you’re designing physical products that need to be coated. When talking about RAL colors, it is the RAL classic system we are referring to."}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/169/306_colorsystemsral.jpg","altText":null,"width":1800,"height":1324,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/169/@100/306_colorsystemsral.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/169/@200/306_colorsystemsral.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/169/@500/306_colorsystemsral.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/169/@768/306_colorsystemsral.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/169/@1024/306_colorsystemsral.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/169/@1366/306_colorsystemsral.jpeg","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/169/@1600/306_colorsystemsral.jpeg","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/169/@100/306_colorsystemsral.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/169/@200/306_colorsystemsral.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/169/@500/306_colorsystemsral.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/169/@768/306_colorsystemsral.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/169/@1024/306_colorsystemsral.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/169/@1366/306_colorsystemsral.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/169/@1600/306_colorsystemsral.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/169/@100/306_colorsystemsral.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/169/@200/306_colorsystemsral.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/169/@500/306_colorsystemsral.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/169/@768/306_colorsystemsral.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/169/@1024/306_colorsystemsral.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/169/@1366/306_colorsystemsral.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/169/@1600/306_colorsystemsral.avif","width":1600}]}]}]}}]},{"topics":[{"name":"Product Design"},{"name":"Marketing"},{"name":"Growth Strategy"},{"name":"Branding"}],"name":"Personas in Product Design","path":"/assets/blog/personas-in-product-design","id":"675fe50fd9ed36a574f9c943","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"Personas in Product Design"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/blog2.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@100/blog2.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@200/blog2.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@500/blog2.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@768/blog2.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@1024/blog2.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@1366/blog2.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@1600/blog2.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@1920/blog2.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@100/blog2.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@200/blog2.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@500/blog2.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@768/blog2.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@1024/blog2.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@1366/blog2.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@1600/blog2.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@1920/blog2.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@100/blog2.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@200/blog2.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@500/blog2.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@768/blog2.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@1024/blog2.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@1366/blog2.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@1600/blog2.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/15/@1920/blog2.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":" Filipa Amado"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"August 7th, 2019"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"link","metadata":{"href":"https://en.wikipedia.org/wiki/Persona_(user_experience)"},"textContent":"Personas"},{"kind":"inline","textContent":" are fictional characters created to represent a product’s core customer demographics. They can help you communicate with your stakeholders who your ideal users are, along with their motivations and needs. It’s a personification process that relies on research and data, and it’s essential to your "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services"},"textContent":"product strategy"},{"kind":"inline","textContent":" and "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/product-strategy-understanding-product-positioning"},"textContent":"product positioning"},{"kind":"inline","textContent":". By understanding your ideal customer, you will make better marketing decisions and efforts."}]}],"plainText":["Personas are fictional characters created to represent a product’s core customer demographics. They can help you communicate with your stakeholders who your ideal users are, along with their motivations and needs. It’s a personification process that relies on research and data, and it’s essential to your product strategy and product positioning. By understanding your ideal customer, you will make better marketing decisions and efforts."]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":{"text":"What is a Persona?"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Persona (a.k.a user persona, customer persona, or marketing persona), in the context of Marketing and "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services"},"textContent":"Product Design"},{"kind":"inline","textContent":", is a model that describes your target customer based on detailed audience research. It’s a “fictional” profile that closely matches a group of real users, the humanization of the groups that represents your ideal customer."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"A persona can be vital to a product's success because it drives decisions of growth and improvement of your business. It essentially helps you understand your customer and the different ways they search, choose, buy, and eventually use your product. With this information, you will then make the appropriate decisions in terms of "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/product-strategy-understanding-product-positioning"},"textContent":"Product Positioning"},{"kind":"inline","textContent":" and "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/tone-of-voice-the-new-level-of-branding"},"textContent":"Tone of Voice"},{"kind":"inline","textContent":". Creating a persona helps you "},{"kind":"inline","type":"link","metadata":{"href":"https://buffer.com/library/marketing-personas-beginners-guide/"},"textContent":"craft effective and targeted messages"},{"kind":"inline","textContent":" that speak directly to your customer."}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/170/407_productpersonas.jpg","altText":null,"width":1208,"height":515,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/170/@100/407_productpersonas.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/170/@200/407_productpersonas.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/170/@500/407_productpersonas.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/170/@768/407_productpersonas.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/170/@1024/407_productpersonas.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/170/@100/407_productpersonas.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/170/@200/407_productpersonas.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/170/@500/407_productpersonas.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/170/@768/407_productpersonas.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/170/@1024/407_productpersonas.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/170/@100/407_productpersonas.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/170/@200/407_productpersonas.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/170/@500/407_productpersonas.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/170/@768/407_productpersonas.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/170/@1024/407_productpersonas.avif","width":1024}]}]},{"title":{"text":"Creating Personas"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"To build a persona, a product manager needs to reach out to the customer base. As previously mentioned, personas are created based on data. You need to do some thorough "},{"kind":"inline","type":"link","metadata":{"href":"https://sapioresearch.com/tutorials/audience-understanding-research"},"textContent":"audience research"},{"kind":"inline","textContent":" and gather all the necessary information."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Through social media analytics or simple direct contact, you have easy access to tools that can help you and don’t require you to spend many resources. However, there are some "},{"kind":"inline","type":"link","metadata":{"href":"https://uxplanet.org/ultimate-guide-to-user-research-bed4a57d260"},"textContent":"key data points"},{"kind":"inline","textContent":" you’ll need to collect, no matter the research method you choose."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Your "},{"kind":"inline","type":"link","metadata":{"href":"https://www.lightercapital.com/blog/what-is-consumer-research-why-is-it-important/"},"textContent":"customer research"},{"kind":"inline","textContent":" should include insights such as basic demographic details, buying behavior, interests and activities, and life stage. You will also need to study their goals, needs, and aspirations to understand where your product can add "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/the-elements-of-value"},"textContent":"product value"},{"kind":"inline","textContent":" to your customer’s øofe."}]},{"kind":"block","type":"paragraph","textContent":"With the data collected, you can start building your persona and a profile that reflects all the research you did. Here are some points about what makes a good persona:"},{"kind":"block","type":"unordered-list","children":[{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"strong","textContent":"Well-researched"},{"kind":"inline","textContent":": regardless of the resources you might have available, you should always try to choose the best tool to perform the necessary market research."}]},{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"strong","textContent":"Concise"},{"kind":"inline","textContent":": after the in-depth research, you need to edit and focus only on the relevant information for the persona profile."}]},{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"strong","textContent":"Relatable"},{"kind":"inline","textContent":": although a persona describes an imaginary person, the description should feel real and be quickly recognizable to everyone involved. "}]},{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"strong","textContent":"Presentable"},{"kind":"inline","textContent":": the persona profile should be designed in a legible and easily understandable format."}]}]},{"kind":"block","type":"paragraph","textContent":"Depending on the situation and product, you may need to create more than one persona. And although there is no ideal number, most businesses work with 1 to 3 personas. Ideally, it would be best to create a persona to represent every customer segment you want your product to target."},{"kind":"block","type":"paragraph","textContent":"When working with personas, it’s important to understand that every profile you create should be as different and distinct from the other ones as much as possible. Although your product stays relatively the same in its market lifetime, your customer groups have distinct needs, and you may need to approach each of them differently. You need to study these different customer groups, build personas around them, and then build your product strategy and message accordingly."}]},"videos":null,"images":null}]}}]},{"topics":[{"name":"Development"}],"name":"Javascript ranked the most popular programming language according to RedMonk","path":"/assets/blog/javascript-ranked-the-most-popular-programming-language-according-to-redmonk","id":"675fe558d9ed36a574f9c9e6","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"Javascript ranked the most popular programming language according to RedMonk"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/68/development_sb_blog.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/68/@100/development_sb_blog.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/68/@200/development_sb_blog.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/68/@500/development_sb_blog.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/68/@768/development_sb_blog.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/68/@1024/development_sb_blog.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/68/@1366/development_sb_blog.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/68/@1600/development_sb_blog.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/68/@1920/development_sb_blog.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/68/@100/development_sb_blog.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/68/@200/development_sb_blog.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/68/@500/development_sb_blog.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/68/@768/development_sb_blog.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/68/@1024/development_sb_blog.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/68/@1366/development_sb_blog.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/68/@1600/development_sb_blog.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/68/@1920/development_sb_blog.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/68/@100/development_sb_blog.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/68/@200/development_sb_blog.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/68/@500/development_sb_blog.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/68/@768/development_sb_blog.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/68/@1024/development_sb_blog.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/68/@1366/development_sb_blog.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/68/@1600/development_sb_blog.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/68/@1920/development_sb_blog.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Bård Farstad"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"August 20th, 2018"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"link","metadata":{"href":"https://redmonk.com/"},"textContent":"RedMonk"},{"kind":"inline","textContent":" analyst firm recently released their programming language ranking with Javascript at the top. The research is based on data from "},{"kind":"inline","type":"link","metadata":{"href":"https://github.com/"},"textContent":"Github"},{"kind":"inline","textContent":" and "},{"kind":"inline","type":"link","metadata":{"href":"https://stackoverflow.com/"},"textContent":"StackOverflow"},{"kind":"inline","textContent":", you can "},{"kind":"inline","type":"link","metadata":{"href":"https://redmonk.com/sogrady/2018/08/10/language-rankings-6-18/"},"textContent":"read the good stuff at the RedMonk site"},{"kind":"inline","textContent":"."}]}],"plainText":["RedMonk analyst firm recently released their programming language ranking with Javascript at the top. The research is based on data from Github and StackOverflow, you can read the good stuff at the RedMonk site."]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":{"text":"Javascript: all grown up?"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"We have seen for years that "},{"kind":"inline","type":"link","metadata":{"href":"https://www.javascript.com/"},"textContent":"Javascript"},{"kind":"inline","textContent":" has gained momentum. "},{"kind":"inline","type":"link","metadata":{"href":"https://nodejs.org/"},"textContent":"Node.js"},{"kind":"inline","textContent":" and "},{"kind":"inline","type":"link","metadata":{"href":"https://reactjs.org/"},"textContent":"React"},{"kind":"inline","textContent":" have been big accelerators especially for enterprise adoption. Back in the day Javascript was really not consider for “anything serious”. But times have changed: today Javascript is normally the go-to language for back-end and front-end development. At least for me."}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/171/189_programming_language_ranking_redmonk.png","altText":null,"width":1050,"height":726,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/171/@100/189_programming_language_ranking_redmonk.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/171/@200/189_programming_language_ranking_redmonk.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/171/@500/189_programming_language_ranking_redmonk.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/171/@768/189_programming_language_ranking_redmonk.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/171/@1024/189_programming_language_ranking_redmonk.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/171/@100/189_programming_language_ranking_redmonk.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/171/@200/189_programming_language_ranking_redmonk.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/171/@500/189_programming_language_ranking_redmonk.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/171/@768/189_programming_language_ranking_redmonk.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/171/@1024/189_programming_language_ranking_redmonk.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/171/@100/189_programming_language_ranking_redmonk.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/171/@200/189_programming_language_ranking_redmonk.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/171/@500/189_programming_language_ranking_redmonk.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/171/@768/189_programming_language_ranking_redmonk.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/171/@1024/189_programming_language_ranking_redmonk.avif","width":1024}]}]},{"title":{"text":"Technology is chosen based on gut feelings"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"I love the phrase from "},{"kind":"inline","type":"link","metadata":{"href":"https://twitter.com/monkchips"},"textContent":"James Governor"},{"kind":"inline","textContent":" that “people choose technology because of gut instincts not facts”. It is very true. I think in general that is how people choose products. Products are bought based on feelings."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"People can argue all day that the BMW is a better car than an Alfa Romeo based on facts and figures. I will still go and buy my next Alfa Romeo any day. It is not based on facts - it just feels right. (Oh, btw now "},{"kind":"inline","type":"link","metadata":{"href":"https://www.topgear.com/car-news/top-gear-magazine/revealed-winners-tg-mags-best-cars-world-2016#18"},"textContent":"Alfa Romeo also has their numbers stacked."},{"kind":"inline","textContent":" )"}]},{"kind":"block","type":"paragraph","textContent":"When starting Snowball a few years back the decision for going for a Javascript based stack was an easy one. Not based on facts or figures, it felt right for all of us."},{"kind":"block","type":"paragraph","textContent":"Anyway, give the post a read."}]},"videos":null,"images":null}]}}]},{"topics":[{"name":"Product Design"},{"name":"Branding"}],"name":"Coloring and shading in Illustrator CC","path":"/assets/blog/coloring-and-shading-in-illustrator-cc","id":"675fe5a4b5ccfc2c91b741a7","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"Coloring and shading in Illustrator CC"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/69/adobe_illustrator_sb_blog.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/69/@100/adobe_illustrator_sb_blog.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/69/@200/adobe_illustrator_sb_blog.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/69/@500/adobe_illustrator_sb_blog.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/69/@768/adobe_illustrator_sb_blog.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/69/@1024/adobe_illustrator_sb_blog.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/69/@1366/adobe_illustrator_sb_blog.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/69/@1600/adobe_illustrator_sb_blog.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/69/@1920/adobe_illustrator_sb_blog.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/69/@100/adobe_illustrator_sb_blog.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/69/@200/adobe_illustrator_sb_blog.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/69/@500/adobe_illustrator_sb_blog.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/69/@768/adobe_illustrator_sb_blog.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/69/@1024/adobe_illustrator_sb_blog.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/69/@1366/adobe_illustrator_sb_blog.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/69/@1600/adobe_illustrator_sb_blog.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/69/@1920/adobe_illustrator_sb_blog.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/69/@100/adobe_illustrator_sb_blog.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/69/@200/adobe_illustrator_sb_blog.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/69/@500/adobe_illustrator_sb_blog.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/69/@768/adobe_illustrator_sb_blog.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/69/@1024/adobe_illustrator_sb_blog.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/69/@1366/adobe_illustrator_sb_blog.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/69/@1600/adobe_illustrator_sb_blog.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/69/@1920/adobe_illustrator_sb_blog.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Bartosz Sokolow"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"January 19th, 2018"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"It’s time for a second part of our "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/blog/creating-a-character-illustration-in-illustrator-cc-with-hand-drawn-brushes"},"textContent":"tutorial: coloring and shading in illustrator"},{"kind":"inline","textContent":"! Thanks to this our character will get even more personality. This tutorial should help you to understand better how layers in Illustrator CC work."}]}],"plainText":["It’s time for a second part of our tutorial: coloring and shading in illustrator! Thanks to this our character will get even more personality. This tutorial should help you to understand better how layers in Illustrator CC work."]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":null,"body":{"json":[{"kind":"block","type":"paragraph","textContent":"This will be our final result:"}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/172/coloring_blogpost_a-15.png","altText":null,"width":3347,"height":1738,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/172/@100/coloring_blogpost_a-15.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/172/@200/coloring_blogpost_a-15.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/172/@500/coloring_blogpost_a-15.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/172/@768/coloring_blogpost_a-15.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/172/@1024/coloring_blogpost_a-15.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/172/@1366/coloring_blogpost_a-15.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/172/@1600/coloring_blogpost_a-15.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/172/@1920/coloring_blogpost_a-15.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/172/@3200/coloring_blogpost_a-15.png","width":3200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/172/@100/coloring_blogpost_a-15.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/172/@200/coloring_blogpost_a-15.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/172/@500/coloring_blogpost_a-15.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/172/@768/coloring_blogpost_a-15.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/172/@1024/coloring_blogpost_a-15.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/172/@1366/coloring_blogpost_a-15.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/172/@1600/coloring_blogpost_a-15.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/172/@1920/coloring_blogpost_a-15.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/172/@3200/coloring_blogpost_a-15.webp","width":3200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/172/@100/coloring_blogpost_a-15.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/172/@200/coloring_blogpost_a-15.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/172/@500/coloring_blogpost_a-15.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/172/@768/coloring_blogpost_a-15.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/172/@1024/coloring_blogpost_a-15.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/172/@1366/coloring_blogpost_a-15.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/172/@1600/coloring_blogpost_a-15.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/172/@1920/coloring_blogpost_a-15.avif","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/172/@3200/coloring_blogpost_a-15.avif","width":3200}]}]},{"title":null,"body":{"json":[{"kind":"block","type":"paragraph","textContent":"We start from the moment where we finished our previous tutorial (look at “Creating a character illustration in Illustrator CC with hand drawn brushes”)."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/173/coloring_blogpost_a-01.png","altText":null,"width":3347,"height":1739,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/173/@100/coloring_blogpost_a-01.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/173/@200/coloring_blogpost_a-01.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/173/@500/coloring_blogpost_a-01.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/173/@768/coloring_blogpost_a-01.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/173/@1024/coloring_blogpost_a-01.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/173/@1366/coloring_blogpost_a-01.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/173/@1600/coloring_blogpost_a-01.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/173/@1920/coloring_blogpost_a-01.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/173/@3200/coloring_blogpost_a-01.png","width":3200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/173/@100/coloring_blogpost_a-01.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/173/@200/coloring_blogpost_a-01.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/173/@500/coloring_blogpost_a-01.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/173/@768/coloring_blogpost_a-01.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/173/@1024/coloring_blogpost_a-01.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/173/@1366/coloring_blogpost_a-01.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/173/@1600/coloring_blogpost_a-01.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/173/@1920/coloring_blogpost_a-01.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/173/@3200/coloring_blogpost_a-01.webp","width":3200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/173/@100/coloring_blogpost_a-01.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/173/@200/coloring_blogpost_a-01.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/173/@500/coloring_blogpost_a-01.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/173/@768/coloring_blogpost_a-01.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/173/@1024/coloring_blogpost_a-01.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/173/@1366/coloring_blogpost_a-01.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/173/@1600/coloring_blogpost_a-01.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/173/@1920/coloring_blogpost_a-01.avif","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/173/@3200/coloring_blogpost_a-01.avif","width":3200}]}]},{"title":null,"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Before we will take some coloring actions let’s remove redundant layer named “Drawings” by clicking icon Remove Layer at the bottom bar of Layer Panel. Let’s also rename “Brushes” Layer to “Colors”."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/174/coloring_blogpost_a-02.png","altText":null,"width":4529,"height":1224,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/174/@100/coloring_blogpost_a-02.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/174/@200/coloring_blogpost_a-02.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/174/@500/coloring_blogpost_a-02.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/174/@768/coloring_blogpost_a-02.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/174/@1024/coloring_blogpost_a-02.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/174/@1366/coloring_blogpost_a-02.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/174/@1600/coloring_blogpost_a-02.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/174/@1920/coloring_blogpost_a-02.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/174/@3200/coloring_blogpost_a-02.png","width":3200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/174/@100/coloring_blogpost_a-02.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/174/@200/coloring_blogpost_a-02.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/174/@500/coloring_blogpost_a-02.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/174/@768/coloring_blogpost_a-02.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/174/@1024/coloring_blogpost_a-02.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/174/@1366/coloring_blogpost_a-02.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/174/@1600/coloring_blogpost_a-02.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/174/@1920/coloring_blogpost_a-02.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/174/@3200/coloring_blogpost_a-02.webp","width":3200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/174/@100/coloring_blogpost_a-02.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/174/@200/coloring_blogpost_a-02.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/174/@500/coloring_blogpost_a-02.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/174/@768/coloring_blogpost_a-02.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/174/@1024/coloring_blogpost_a-02.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/174/@1366/coloring_blogpost_a-02.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/174/@1600/coloring_blogpost_a-02.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/174/@1920/coloring_blogpost_a-02.avif","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/174/@3200/coloring_blogpost_a-02.avif","width":3200}]}]},{"title":null,"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Now let’s change our character’s outlines colors to a softer grey. This is the code of one I used: #5e636d. To pick exactly this color for our character’s outlines let’s select our horse with selection tool and then let’s double click on fill. New window will appear with HEX text box - let’s paste there our grey color HEX code and then click OK."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/175/coloring_blogpost_a-03.png","altText":null,"width":3347,"height":1738,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/175/@100/coloring_blogpost_a-03.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/175/@200/coloring_blogpost_a-03.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/175/@500/coloring_blogpost_a-03.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/175/@768/coloring_blogpost_a-03.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/175/@1024/coloring_blogpost_a-03.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/175/@1366/coloring_blogpost_a-03.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/175/@1600/coloring_blogpost_a-03.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/175/@1920/coloring_blogpost_a-03.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/175/@3200/coloring_blogpost_a-03.png","width":3200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/175/@100/coloring_blogpost_a-03.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/175/@200/coloring_blogpost_a-03.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/175/@500/coloring_blogpost_a-03.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/175/@768/coloring_blogpost_a-03.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/175/@1024/coloring_blogpost_a-03.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/175/@1366/coloring_blogpost_a-03.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/175/@1600/coloring_blogpost_a-03.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/175/@1920/coloring_blogpost_a-03.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/175/@3200/coloring_blogpost_a-03.webp","width":3200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/175/@100/coloring_blogpost_a-03.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/175/@200/coloring_blogpost_a-03.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/175/@500/coloring_blogpost_a-03.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/175/@768/coloring_blogpost_a-03.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/175/@1024/coloring_blogpost_a-03.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/175/@1366/coloring_blogpost_a-03.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/175/@1600/coloring_blogpost_a-03.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/175/@1920/coloring_blogpost_a-03.avif","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/175/@3200/coloring_blogpost_a-03.avif","width":3200}]}]},{"title":null,"body":null,"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/176/coloring_blogpost_a-05.png","altText":null,"width":4529,"height":1578,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/176/@100/coloring_blogpost_a-05.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/176/@200/coloring_blogpost_a-05.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/176/@500/coloring_blogpost_a-05.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/176/@768/coloring_blogpost_a-05.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/176/@1024/coloring_blogpost_a-05.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/176/@1366/coloring_blogpost_a-05.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/176/@1600/coloring_blogpost_a-05.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/176/@1920/coloring_blogpost_a-05.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/176/@3200/coloring_blogpost_a-05.png","width":3200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/176/@100/coloring_blogpost_a-05.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/176/@200/coloring_blogpost_a-05.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/176/@500/coloring_blogpost_a-05.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/176/@768/coloring_blogpost_a-05.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/176/@1024/coloring_blogpost_a-05.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/176/@1366/coloring_blogpost_a-05.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/176/@1600/coloring_blogpost_a-05.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/176/@1920/coloring_blogpost_a-05.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/176/@3200/coloring_blogpost_a-05.webp","width":3200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/176/@100/coloring_blogpost_a-05.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/176/@200/coloring_blogpost_a-05.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/176/@500/coloring_blogpost_a-05.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/176/@768/coloring_blogpost_a-05.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/176/@1024/coloring_blogpost_a-05.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/176/@1366/coloring_blogpost_a-05.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/176/@1600/coloring_blogpost_a-05.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/176/@1920/coloring_blogpost_a-05.avif","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/176/@3200/coloring_blogpost_a-05.avif","width":3200}]}]},{"title":null,"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Now let’s add some more layers to project. In total we will use 5 layers, so we need to create 4 more. To do this, we need to click on New Layer Icon at the bottom bar of Layers Panel. Lines Layer and Color 2 Layer should be positioned above Colors Layer and Shadow Layer and Background Layer should be positioned under it. To move layers in Layer Panel we just click, hold and then drag them up or down."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/177/coloring_blogpost_a-06.png","altText":null,"width":4529,"height":1218,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/177/@100/coloring_blogpost_a-06.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/177/@200/coloring_blogpost_a-06.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/177/@500/coloring_blogpost_a-06.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/177/@768/coloring_blogpost_a-06.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/177/@1024/coloring_blogpost_a-06.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/177/@1366/coloring_blogpost_a-06.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/177/@1600/coloring_blogpost_a-06.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/177/@1920/coloring_blogpost_a-06.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/177/@3200/coloring_blogpost_a-06.png","width":3200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/177/@100/coloring_blogpost_a-06.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/177/@200/coloring_blogpost_a-06.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/177/@500/coloring_blogpost_a-06.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/177/@768/coloring_blogpost_a-06.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/177/@1024/coloring_blogpost_a-06.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/177/@1366/coloring_blogpost_a-06.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/177/@1600/coloring_blogpost_a-06.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/177/@1920/coloring_blogpost_a-06.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/177/@3200/coloring_blogpost_a-06.webp","width":3200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/177/@100/coloring_blogpost_a-06.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/177/@200/coloring_blogpost_a-06.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/177/@500/coloring_blogpost_a-06.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/177/@768/coloring_blogpost_a-06.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/177/@1024/coloring_blogpost_a-06.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/177/@1366/coloring_blogpost_a-06.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/177/@1600/coloring_blogpost_a-06.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/177/@1920/coloring_blogpost_a-06.avif","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/177/@3200/coloring_blogpost_a-06.avif","width":3200}]}]},{"title":null,"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Now we have to copy our character to the top layer named Lines. To do this we select our character in Colors Layer and we press Command + C. Then in Layer Panel we click on Lines layer, and with it selected we copy our horse to the exactly same position by clicking Command + Shift + V. Now we have to lock Lines Layer by clicking Lock Icon on this layer."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/178/coloring_blogpost_a-07.png","altText":null,"width":4529,"height":1218,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/178/@100/coloring_blogpost_a-07.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/178/@200/coloring_blogpost_a-07.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/178/@500/coloring_blogpost_a-07.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/178/@768/coloring_blogpost_a-07.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/178/@1024/coloring_blogpost_a-07.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/178/@1366/coloring_blogpost_a-07.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/178/@1600/coloring_blogpost_a-07.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/178/@1920/coloring_blogpost_a-07.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/178/@3200/coloring_blogpost_a-07.png","width":3200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/178/@100/coloring_blogpost_a-07.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/178/@200/coloring_blogpost_a-07.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/178/@500/coloring_blogpost_a-07.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/178/@768/coloring_blogpost_a-07.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/178/@1024/coloring_blogpost_a-07.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/178/@1366/coloring_blogpost_a-07.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/178/@1600/coloring_blogpost_a-07.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/178/@1920/coloring_blogpost_a-07.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/178/@3200/coloring_blogpost_a-07.webp","width":3200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/178/@100/coloring_blogpost_a-07.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/178/@200/coloring_blogpost_a-07.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/178/@500/coloring_blogpost_a-07.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/178/@768/coloring_blogpost_a-07.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/178/@1024/coloring_blogpost_a-07.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/178/@1366/coloring_blogpost_a-07.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/178/@1600/coloring_blogpost_a-07.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/178/@1920/coloring_blogpost_a-07.avif","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/178/@3200/coloring_blogpost_a-07.avif","width":3200}]}]},{"title":null,"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Preparations finished, time to start some coloring! To add first colors to our anarchist character we need to select again Colors Layer and use Live Paint Tool. After selecting character with Selection Tool in Colors Layer, let’s go to top bar menu in Illustrator, then to Object > Live Paint > Make."},{"kind":"block","type":"paragraph","textContent":"Remember that all of the brush lines we created in previous tutorial supposed to be transformed to outlines. Thanks to this Live Paint Tool will detect the exact edges of our shapes and won’t do any harm to our outlined character during coloring process."},{"kind":"block","type":"paragraph","textContent":"To color my character at this level I used this palette for individual objects -> Jacket #027a9a, Pants #547385, Shoes #5e7380, Skin #e2d8c9, Details #748d9d."},{"kind":"block","type":"paragraph","textContent":"To put colors to our punk horse we need to pick Live Paint Bucket Tool from Tool Panel (K). With this tool and preferred color selected we click on the parts of illustration we want to color."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/179/coloring_blogpost_a-08.png","altText":null,"width":3784,"height":2993,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/179/@100/coloring_blogpost_a-08.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/179/@200/coloring_blogpost_a-08.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/179/@500/coloring_blogpost_a-08.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/179/@768/coloring_blogpost_a-08.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/179/@1024/coloring_blogpost_a-08.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/179/@1366/coloring_blogpost_a-08.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/179/@1600/coloring_blogpost_a-08.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/179/@1920/coloring_blogpost_a-08.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/179/@3200/coloring_blogpost_a-08.png","width":3200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/179/@100/coloring_blogpost_a-08.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/179/@200/coloring_blogpost_a-08.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/179/@500/coloring_blogpost_a-08.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/179/@768/coloring_blogpost_a-08.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/179/@1024/coloring_blogpost_a-08.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/179/@1366/coloring_blogpost_a-08.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/179/@1600/coloring_blogpost_a-08.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/179/@1920/coloring_blogpost_a-08.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/179/@3200/coloring_blogpost_a-08.webp","width":3200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/179/@100/coloring_blogpost_a-08.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/179/@200/coloring_blogpost_a-08.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/179/@500/coloring_blogpost_a-08.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/179/@768/coloring_blogpost_a-08.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/179/@1024/coloring_blogpost_a-08.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/179/@1366/coloring_blogpost_a-08.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/179/@1600/coloring_blogpost_a-08.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/179/@1920/coloring_blogpost_a-08.avif","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/179/@3200/coloring_blogpost_a-08.avif","width":3200}]}]},{"title":null,"body":null,"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/179/coloring_blogpost_a-16.png","altText":null,"width":4530,"height":2994,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/179/@100/coloring_blogpost_a-16.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/179/@200/coloring_blogpost_a-16.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/179/@500/coloring_blogpost_a-16.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/179/@768/coloring_blogpost_a-16.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/179/@1024/coloring_blogpost_a-16.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/179/@1366/coloring_blogpost_a-16.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/179/@1600/coloring_blogpost_a-16.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/179/@1920/coloring_blogpost_a-16.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/179/@3200/coloring_blogpost_a-16.png","width":3200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/179/@100/coloring_blogpost_a-16.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/179/@200/coloring_blogpost_a-16.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/179/@500/coloring_blogpost_a-16.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/179/@768/coloring_blogpost_a-16.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/179/@1024/coloring_blogpost_a-16.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/179/@1366/coloring_blogpost_a-16.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/179/@1600/coloring_blogpost_a-16.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/179/@1920/coloring_blogpost_a-16.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/179/@3200/coloring_blogpost_a-16.webp","width":3200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/179/@100/coloring_blogpost_a-16.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/179/@200/coloring_blogpost_a-16.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/179/@500/coloring_blogpost_a-16.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/179/@768/coloring_blogpost_a-16.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/179/@1024/coloring_blogpost_a-16.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/179/@1366/coloring_blogpost_a-16.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/179/@1600/coloring_blogpost_a-16.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/179/@1920/coloring_blogpost_a-16.avif","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/179/@3200/coloring_blogpost_a-16.avif","width":3200}]}]},{"title":null,"body":{"json":[{"kind":"block","type":"paragraph","textContent":"This is how our character should be like after filling all of the white areas:"}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/180/coloring_blogpost_a-10.png","altText":null,"width":3348,"height":1738,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/180/@100/coloring_blogpost_a-10.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/180/@200/coloring_blogpost_a-10.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/180/@500/coloring_blogpost_a-10.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/180/@768/coloring_blogpost_a-10.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/180/@1024/coloring_blogpost_a-10.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/180/@1366/coloring_blogpost_a-10.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/180/@1600/coloring_blogpost_a-10.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/180/@1920/coloring_blogpost_a-10.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/180/@3200/coloring_blogpost_a-10.png","width":3200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/180/@100/coloring_blogpost_a-10.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/180/@200/coloring_blogpost_a-10.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/180/@500/coloring_blogpost_a-10.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/180/@768/coloring_blogpost_a-10.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/180/@1024/coloring_blogpost_a-10.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/180/@1366/coloring_blogpost_a-10.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/180/@1600/coloring_blogpost_a-10.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/180/@1920/coloring_blogpost_a-10.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/180/@3200/coloring_blogpost_a-10.webp","width":3200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/180/@100/coloring_blogpost_a-10.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/180/@200/coloring_blogpost_a-10.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/180/@500/coloring_blogpost_a-10.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/180/@768/coloring_blogpost_a-10.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/180/@1024/coloring_blogpost_a-10.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/180/@1366/coloring_blogpost_a-10.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/180/@1600/coloring_blogpost_a-10.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/180/@1920/coloring_blogpost_a-10.avif","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/180/@3200/coloring_blogpost_a-10.avif","width":3200}]}]},{"title":null,"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Now when we have our first color layer ready let’s add some shadings and details! To make it happen, we have to pick Layer named Colors 2. and with Blob Brush Tool (Shift + B) tool create there some shadings."},{"kind":"block","type":"paragraph","textContent":"Remember that Lines layer has to be visible. Thanks to this our illustration coloring stays clean and we don’t harm character’s outlines."},{"kind":"block","type":"paragraph","textContent":"For shading colors I used slightly lighter variations from the same color palette that I used during Live Paint coloring process. To pick slightly lighter colors we have to go to Color Picker panel and there from color spectrum on the right side pick the preferred one."},{"kind":"block","type":"paragraph","textContent":"In a first sequence in underneath image you can see the original of character’s hand after using Live Paint Bucket Tool only."},{"kind":"block","type":"paragraph","textContent":"In the second sequence you can see shadings made with Blob Brush Tool. To fix or smoothen shapes created with Blob Brush Tool use Eraser Tool (Shift + E). If you want to change the shape or size of your Blob Brush Tool or Eraser Tool edit their options by clicking their icons in Tool Panel."},{"kind":"block","type":"paragraph","textContent":"In the third sequence you can see l created thiner line shapes with Blob Brush Tool by changing a size of brush in settings of this tool. I applied them to edges, so the shading effect creates natural impression."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/181/coloring_blogpost_a-11.png","altText":null,"width":5655,"height":1622,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/181/@100/coloring_blogpost_a-11.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/181/@200/coloring_blogpost_a-11.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/181/@500/coloring_blogpost_a-11.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/181/@768/coloring_blogpost_a-11.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/181/@1024/coloring_blogpost_a-11.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/181/@1366/coloring_blogpost_a-11.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/181/@1600/coloring_blogpost_a-11.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/181/@1920/coloring_blogpost_a-11.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/181/@3200/coloring_blogpost_a-11.png","width":3200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/181/@100/coloring_blogpost_a-11.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/181/@200/coloring_blogpost_a-11.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/181/@500/coloring_blogpost_a-11.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/181/@768/coloring_blogpost_a-11.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/181/@1024/coloring_blogpost_a-11.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/181/@1366/coloring_blogpost_a-11.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/181/@1600/coloring_blogpost_a-11.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/181/@1920/coloring_blogpost_a-11.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/181/@3200/coloring_blogpost_a-11.webp","width":3200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/181/@100/coloring_blogpost_a-11.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/181/@200/coloring_blogpost_a-11.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/181/@500/coloring_blogpost_a-11.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/181/@768/coloring_blogpost_a-11.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/181/@1024/coloring_blogpost_a-11.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/181/@1366/coloring_blogpost_a-11.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/181/@1600/coloring_blogpost_a-11.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/181/@1920/coloring_blogpost_a-11.avif","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/181/@3200/coloring_blogpost_a-11.avif","width":3200}]}]},{"title":null,"body":{"json":[{"kind":"block","type":"paragraph","textContent":"This is how our illustration supposed to look like after complete coloring and shading process:"}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/182/coloring_blogpost_a-12.png","altText":null,"width":3348,"height":1738,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/182/@100/coloring_blogpost_a-12.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/182/@200/coloring_blogpost_a-12.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/182/@500/coloring_blogpost_a-12.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/182/@768/coloring_blogpost_a-12.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/182/@1024/coloring_blogpost_a-12.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/182/@1366/coloring_blogpost_a-12.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/182/@1600/coloring_blogpost_a-12.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/182/@1920/coloring_blogpost_a-12.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/182/@3200/coloring_blogpost_a-12.png","width":3200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/182/@100/coloring_blogpost_a-12.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/182/@200/coloring_blogpost_a-12.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/182/@500/coloring_blogpost_a-12.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/182/@768/coloring_blogpost_a-12.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/182/@1024/coloring_blogpost_a-12.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/182/@1366/coloring_blogpost_a-12.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/182/@1600/coloring_blogpost_a-12.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/182/@1920/coloring_blogpost_a-12.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/182/@3200/coloring_blogpost_a-12.webp","width":3200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/182/@100/coloring_blogpost_a-12.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/182/@200/coloring_blogpost_a-12.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/182/@500/coloring_blogpost_a-12.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/182/@768/coloring_blogpost_a-12.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/182/@1024/coloring_blogpost_a-12.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/182/@1366/coloring_blogpost_a-12.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/182/@1600/coloring_blogpost_a-12.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/182/@1920/coloring_blogpost_a-12.avif","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/182/@3200/coloring_blogpost_a-12.avif","width":3200}]}]},{"title":null,"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Now when shading process is finished it’s time for adding some stylish background. To do this, we select Background Layer and there we create a rectangle with Rectangle Tool with dimensions parameters W: 135mm, H: 150mm."},{"kind":"block","type":"paragraph","textContent":"For the background I used this HEX color code: #80a0b0."},{"kind":"block","type":"paragraph","textContent":"With our rectangle selected we go to top bar menu in Illustrator, then to Window > Align."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/183/coloring_blogpost_a-13.png","altText":null,"width":4529,"height":889,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/183/@100/coloring_blogpost_a-13.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/183/@200/coloring_blogpost_a-13.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/183/@500/coloring_blogpost_a-13.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/183/@768/coloring_blogpost_a-13.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/183/@1024/coloring_blogpost_a-13.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/183/@1366/coloring_blogpost_a-13.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/183/@1600/coloring_blogpost_a-13.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/183/@1920/coloring_blogpost_a-13.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/183/@3200/coloring_blogpost_a-13.png","width":3200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/183/@100/coloring_blogpost_a-13.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/183/@200/coloring_blogpost_a-13.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/183/@500/coloring_blogpost_a-13.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/183/@768/coloring_blogpost_a-13.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/183/@1024/coloring_blogpost_a-13.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/183/@1366/coloring_blogpost_a-13.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/183/@1600/coloring_blogpost_a-13.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/183/@1920/coloring_blogpost_a-13.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/183/@3200/coloring_blogpost_a-13.webp","width":3200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/183/@100/coloring_blogpost_a-13.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/183/@200/coloring_blogpost_a-13.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/183/@500/coloring_blogpost_a-13.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/183/@768/coloring_blogpost_a-13.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/183/@1024/coloring_blogpost_a-13.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/183/@1366/coloring_blogpost_a-13.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/183/@1600/coloring_blogpost_a-13.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/183/@1920/coloring_blogpost_a-13.avif","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/183/@3200/coloring_blogpost_a-13.avif","width":3200}]}]},{"title":null,"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Align Panel will appear. In there we click on these two icons marked with rounded rectangle. Now our background is aligned to art board!"}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/184/coloring_blogpost_a-14.png","altText":null,"width":3347,"height":1738,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/184/@100/coloring_blogpost_a-14.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/184/@200/coloring_blogpost_a-14.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/184/@500/coloring_blogpost_a-14.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/184/@768/coloring_blogpost_a-14.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/184/@1024/coloring_blogpost_a-14.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/184/@1366/coloring_blogpost_a-14.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/184/@1600/coloring_blogpost_a-14.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/184/@1920/coloring_blogpost_a-14.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/184/@3200/coloring_blogpost_a-14.png","width":3200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/184/@100/coloring_blogpost_a-14.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/184/@200/coloring_blogpost_a-14.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/184/@500/coloring_blogpost_a-14.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/184/@768/coloring_blogpost_a-14.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/184/@1024/coloring_blogpost_a-14.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/184/@1366/coloring_blogpost_a-14.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/184/@1600/coloring_blogpost_a-14.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/184/@1920/coloring_blogpost_a-14.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/184/@3200/coloring_blogpost_a-14.webp","width":3200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/184/@100/coloring_blogpost_a-14.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/184/@200/coloring_blogpost_a-14.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/184/@500/coloring_blogpost_a-14.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/184/@768/coloring_blogpost_a-14.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/184/@1024/coloring_blogpost_a-14.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/184/@1366/coloring_blogpost_a-14.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/184/@1600/coloring_blogpost_a-14.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/184/@1920/coloring_blogpost_a-14.avif","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/184/@3200/coloring_blogpost_a-14.avif","width":3200}]}]},{"title":null,"body":{"json":[{"kind":"block","type":"paragraph","textContent":"The last thing we have to do is to apply some shadow effect on the ground. to do this we select Shadow layer, then we create there a rectangle with dimensions parameters W: 84mm H: 2mm and HEX code color #7793a3."},{"kind":"block","type":"paragraph","textContent":"Now we have to go to top bar menu, select there Effect > Stylize > Feather. New Feather Window will appear - there we need to set radius and amount of effect. I picked 2mm."},{"kind":"block","type":"paragraph","textContent":"That’s how the final illustration is presenting:"}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/185/coloring_blogpost_a-14.png","altText":null,"width":3347,"height":1738,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/185/@100/coloring_blogpost_a-14.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/185/@200/coloring_blogpost_a-14.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/185/@500/coloring_blogpost_a-14.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/185/@768/coloring_blogpost_a-14.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/185/@1024/coloring_blogpost_a-14.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/185/@1366/coloring_blogpost_a-14.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/185/@1600/coloring_blogpost_a-14.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/185/@1920/coloring_blogpost_a-14.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/185/@3200/coloring_blogpost_a-14.png","width":3200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/185/@100/coloring_blogpost_a-14.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/185/@200/coloring_blogpost_a-14.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/185/@500/coloring_blogpost_a-14.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/185/@768/coloring_blogpost_a-14.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/185/@1024/coloring_blogpost_a-14.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/185/@1366/coloring_blogpost_a-14.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/185/@1600/coloring_blogpost_a-14.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/185/@1920/coloring_blogpost_a-14.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/185/@3200/coloring_blogpost_a-14.webp","width":3200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/185/@100/coloring_blogpost_a-14.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/185/@200/coloring_blogpost_a-14.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/185/@500/coloring_blogpost_a-14.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/185/@768/coloring_blogpost_a-14.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/185/@1024/coloring_blogpost_a-14.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/185/@1366/coloring_blogpost_a-14.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/185/@1600/coloring_blogpost_a-14.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/185/@1920/coloring_blogpost_a-14.avif","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/185/@3200/coloring_blogpost_a-14.avif","width":3200}]}]},{"title":null,"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Conclusion: by combining Live Paint Tool and Blob Brush Tool we are able to create some nice coloring for our characters. The more you use it method the more you get better. And remember that you can always add even more color and shading layers - thanks to this our illustration will get even more detailed and deep."},{"kind":"block","type":"paragraph"},{"kind":"block","type":"paragraph"}]},"videos":null,"images":null}]}}]},{"topics":[{"name":"Product Design"},{"name":"Growth Strategy"},{"name":"Branding"},{"name":"Marketing"}],"name":"Building Products ala Snowball: launch early, learn & iterate","path":"/assets/blog/building-products-ala-snowball-launch-early-learn-and-iterate","id":"675fe6e5c7d447678413dd87","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"Building Products ala Snowball: launch early, learn & iterate"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/70/product_design_sb_blog.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/70/@100/product_design_sb_blog.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/70/@200/product_design_sb_blog.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/70/@500/product_design_sb_blog.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/70/@768/product_design_sb_blog.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/70/@1024/product_design_sb_blog.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/70/@1366/product_design_sb_blog.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/70/@1600/product_design_sb_blog.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/70/@1920/product_design_sb_blog.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/70/@100/product_design_sb_blog.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/70/@200/product_design_sb_blog.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/70/@500/product_design_sb_blog.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/70/@768/product_design_sb_blog.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/70/@1024/product_design_sb_blog.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/70/@1366/product_design_sb_blog.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/70/@1600/product_design_sb_blog.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/70/@1920/product_design_sb_blog.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/70/@100/product_design_sb_blog.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/70/@200/product_design_sb_blog.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/70/@500/product_design_sb_blog.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/70/@768/product_design_sb_blog.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/70/@1024/product_design_sb_blog.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/70/@1366/product_design_sb_blog.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/70/@1600/product_design_sb_blog.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/70/@1920/product_design_sb_blog.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Bård Farstad"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"January 19th, 2018"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","textContent":"Building products is what we do at Snowball. One of the lessons I learned is that you can just about never launch your product too early. Basically, we aim to launch early, learn, and iterate."}],"plainText":["Building products is what we do at Snowball. One of the lessons I learned is that you can just about never launch your product too early. Basically, we aim to launch early, learn, and iterate."]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":{"text":"Getting your product off the ground"},"body":{"json":[{"kind":"block","type":"paragraph"},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"It all starts with an idea, or a concept, for a new product. First we team up with our friends at "},{"kind":"inline","type":"link","metadata":{"href":"http://assetto.com/"},"textContent":"Assetto Capital "},{"kind":"inline","textContent":"for a round of ‘crystallizing’ the value prop and business model. At this point, we also have a round of brainstorming for how we will fund the company for a new product launch."}]},{"kind":"block","type":"paragraph","textContent":"Once the business goals and targets are clear, we ask ourselves: how can we bring this to market as quickly as possible? We are extremely focused on the users of the product, and try to simplify the minimum viable product as much as possible to the point where the use-cases are distilled down to a bare minimum."},{"kind":"block","type":"paragraph","textContent":"I believe that one of the biggest mistakes being done in product development is to have a scope that’s too large. If you paint a too big picture for your first launch, you end up complicating and slowing down the process. Especially with startups, the eagerness to get as much as possible into a single product should not be the main goal."},{"kind":"block","type":"paragraph","textContent":"When working with larger companies I find that the main obstacle is legality and politics. It often seems as though a product requirement is designed by a committee, with a laundry list of product features that are assembled together with historical constraints and business rules. This is also a recipe for a failed product launch, in my opinion. And it does not work well with a lean and agile methodology either."},{"kind":"block","type":"paragraph","textContent":"So, simplify and reduce scope wherever possible. But, the product still needs to have the magic that makes it addictive. This is the magical balance we often look for at Snowball."}]},"videos":null,"images":null},{"title":{"text":"Design and release process"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Once we have our product’s main user stories, we follow up with a lean design that aims to define the complete user-journey as well as visualize it. Depending on the product type, this may vary. If we are building an iOS App, a cloud software platform, or a bicycle, the approach will be different. But the goal is still to visualize and design the user journey."},{"kind":"block","type":"paragraph","textContent":"Based on the simplification, we would like to make the build as quickly as possible. Our goal now is the initial launch of the product. And this is where it really starts: we have real customers using the product allowing us to collect feedback and learn."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/186/snowball_graphs-05.png","altText":null,"width":3509,"height":2482,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/186/@100/snowball_graphs-05.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/186/@200/snowball_graphs-05.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/186/@500/snowball_graphs-05.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/186/@768/snowball_graphs-05.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/186/@1024/snowball_graphs-05.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/186/@1366/snowball_graphs-05.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/186/@1600/snowball_graphs-05.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/186/@1920/snowball_graphs-05.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/186/@3200/snowball_graphs-05.png","width":3200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/186/@100/snowball_graphs-05.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/186/@200/snowball_graphs-05.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/186/@500/snowball_graphs-05.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/186/@768/snowball_graphs-05.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/186/@1024/snowball_graphs-05.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/186/@1366/snowball_graphs-05.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/186/@1600/snowball_graphs-05.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/186/@1920/snowball_graphs-05.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/186/@3200/snowball_graphs-05.webp","width":3200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/186/@100/snowball_graphs-05.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/186/@200/snowball_graphs-05.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/186/@500/snowball_graphs-05.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/186/@768/snowball_graphs-05.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/186/@1024/snowball_graphs-05.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/186/@1366/snowball_graphs-05.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/186/@1600/snowball_graphs-05.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/186/@1920/snowball_graphs-05.avif","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/186/@3200/snowball_graphs-05.avif","width":3200}]}]},{"title":{"text":"Launch & iterate"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Since our model is to launch early and iterate, it is important to understand that product development is a long term process. It is not just about getting the first product out there, but about the journey of iterations that follow. This is an important point when budgeting product development, as the initial launch is when it starts."},{"kind":"block","type":"paragraph","textContent":"In general, for the iterations, we use a value-based product development process where perceived user value is guiding our product development."},{"kind":"block","type":"paragraph"},{"kind":"block","type":"paragraph"}]},"videos":null,"images":null}]}}]},{"topics":[{"name":"Development"}],"name":"Uploading Images in React Native","path":"/assets/blog/uploading-images-in-react-native","id":"675ffea0aea09d02566cff7c","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"Uploading Images in React Native"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/blog3.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@100/blog3.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@200/blog3.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@500/blog3.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@768/blog3.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@1024/blog3.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@1366/blog3.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@1600/blog3.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@1920/blog3.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@100/blog3.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@200/blog3.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@500/blog3.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@768/blog3.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@1024/blog3.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@1366/blog3.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@1600/blog3.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@1920/blog3.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@100/blog3.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@200/blog3.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@500/blog3.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@768/blog3.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@1024/blog3.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@1366/blog3.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@1600/blog3.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@1920/blog3.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Didrik Steen Hegna"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"January 16th, 2018"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","textContent":"When you are working with React Native and images you are likely to want to upload them somewhere. Here is how I did this."}],"plainText":["When you are working with React Native and images you are likely to want to upload them somewhere. Here is how I did this."]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":null,"body":{"json":[{"kind":"block","type":"paragraph","textContent":"This is a continuation of my previous blog post on Capturing Images in React Native."},{"kind":"block","type":"paragraph","textContent":"The first thing is to create a variable where you can keep the path for your image. I just created a variable called PicturePath for simplicity."},{"kind":"block","type":"paragraph","textContent":"Then you have to add the captureTarget to your camera component. I chose to create a new button, upload, for the action of pushing my image to a server."},{"kind":"block","type":"preformatted","children":[{"type":"code","kind":"block","textContent":"captureTarget={Camera.constants.CaptureTarget.disk}><Text style={styles.capture} onPress={this.storePicture.bind(this)}>[UPLOAD]</Text>","metadata":{"language":"javascript"}}]}]},"videos":null,"images":null},{"title":{"text":"Upload picture from iPhone to server"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Before we can upload a picture we have to capture it. This is done in the takePicture function. From my previous example I just modified this to store the PicturePath upon successful capture of the image from the camera."},{"kind":"block","type":"preformatted","children":[{"type":"code","kind":"block","textContent":"takePicture() {\n this.camera.capture().then(data => {\n console.log(data);\n PicturePath = data.path;\n }).catch(err => console.error(err));\n}","metadata":{"language":"javascript"}}]},{"kind":"block","type":"paragraph","textContent":"The function storePicture does a couple of things. First it checks if the PicturePath is set. Meaning that if does not try to upload if we have not yet taken a picture."},{"kind":"block","type":"paragraph","textContent":"We then create the form data object. This actually handles the Base64 encoding for our upload."},{"kind":"block","type":"paragraph","textContent":"The POST method is then configured. Here you have to set the multipart form-data to indicate that you are sending an actual form with a file. I also added an Authorization header, this is typical if you are using OAuth2 authorization with the server."},{"kind":"block","type":"paragraph","textContent":"To do the actual upload we are using the fetch function. This is quite useful to send GET, PUT, POST, PATCH or DELETE requests over REST. In this case we add the endpoint URL parameter and our config we already created."},{"kind":"block","type":"paragraph","textContent":"When we get a successful response from the server we are just doing a console log here. This is where you would check server status and message the user of a successful upload. But I am keeping this example lean."},{"kind":"block","type":"preformatted","children":[{"type":"code","kind":"block","textContent":"storePicture() {\n console.log(PicturePath);\n if (PicturePath) {\n \n // Create the form data object\n var data = new FormData();\n data.append('picture', {\n uri: PicturePath,\n name: 'selfie.jpg',\n type: 'image/jpg'\n });\n\n // Create the config object for the POST\n // You typically have an OAuth2 token that you use for authentication\n const config = {\n method: 'POST',\n headers: {\n Accept: 'application/json',\n 'Content-Type': 'multipart/form-data;',\n Authorization: 'Bearer ' + 'SECRET_OAUTH2_TOKEN_IF_AUTH'\n },\n body: data\n };\n\n fetch('https://postman-echo.com/post', config).then(responseData => {\n // Log the response form the server\n // Here we get what we sent to Postman back\n console.log(responseData);\n }).catch(err => { console.log(err); });\n }\n}","metadata":{"language":"javascript"}}]},{"kind":"block","type":"paragraph","textContent":"A tip when developing a REST client in React Native, or other client languages, is to use Postman Echo to test your initial endpoints. It is useful"},{"kind":"block","type":"paragraph","textContent":"Below is a screenshot of what the camera App looks like at this point. Not fancy, but still. It can take a picture and upload it to a server."},{"kind":"block","type":"paragraph","textContent":"You can check out the complete code on our MyCamera on GitHub."}]},"videos":null,"images":null},{"title":{"text":"GraphQL based backend for React and React Native?"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com/"},"textContent":"Crysatllize is a back-end for rich product information and e-commerce built on GraphQL"},{"kind":"inline","textContent":". Ideal for React and React Native e-commerce Apps."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Check out "},{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com/"},"textContent":"Headless Commerce with Crystallize"},{"kind":"inline","textContent":"."}]}]},"videos":null,"images":null}]}}]},{"topics":[{"name":"Growth Strategy"},{"name":"User Experience"}],"name":"Fast websites drive sales: stay under 3 seconds","path":"/assets/blog/fast-websites-drive-sales-stay-under-3-seconds","id":"675fffdbbcd186043f38a60c","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"Fast websites drive sales: stay under 3 seconds"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/72/seo_sb_blog.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/72/@100/seo_sb_blog.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/72/@200/seo_sb_blog.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/72/@500/seo_sb_blog.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/72/@768/seo_sb_blog.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/72/@1024/seo_sb_blog.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/72/@1366/seo_sb_blog.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/72/@1600/seo_sb_blog.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/72/@1920/seo_sb_blog.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/72/@100/seo_sb_blog.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/72/@200/seo_sb_blog.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/72/@500/seo_sb_blog.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/72/@768/seo_sb_blog.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/72/@1024/seo_sb_blog.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/72/@1366/seo_sb_blog.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/72/@1600/seo_sb_blog.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/72/@1920/seo_sb_blog.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/72/@100/seo_sb_blog.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/72/@200/seo_sb_blog.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/72/@500/seo_sb_blog.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/72/@768/seo_sb_blog.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/72/@1024/seo_sb_blog.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/72/@1366/seo_sb_blog.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/72/@1600/seo_sb_blog.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/72/@1920/seo_sb_blog.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Bård Farstad"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"April 26th, 2018"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Stay ahead of the game and make sure your website or ecommerce is fast by "},{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com/blog/frontend-performance-measuring-kpis"},"textContent":"optimizing frontend performance"},{"kind":"inline","textContent":". A fast responding website keeps your users happy, helps drive sales for e-commerce, gives you better SEO ranking and also saves you a buck on infrastructure."}]}],"plainText":["Stay ahead of the game and make sure your website or ecommerce is fast by optimizing frontend performance. A fast responding website keeps your users happy, helps drive sales for e-commerce, gives you better SEO ranking and also saves you a buck on infrastructure."]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":{"text":"Low response times gives better usability"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"This point is well know. Managers are surprisingly often not making sure that their website is fast. It is often more about the features and functions and response times are not taken as part of the requirements for the deliverable. So, just make sure your website is fast. Users will thank you."},{"kind":"block","type":"paragraph","textContent":"A normal usability rule, coined by Jacob Nielsen, is to stay under 0.1 seconds for response time and the system feels instant for the user."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/235/153_screen_shot_20180426_at_14-32-51.png","altText":null,"width":2817,"height":1597,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/235/@100/153_screen_shot_20180426_at_14-32-51.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/235/@200/153_screen_shot_20180426_at_14-32-51.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/235/@500/153_screen_shot_20180426_at_14-32-51.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/235/@768/153_screen_shot_20180426_at_14-32-51.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/235/@1024/153_screen_shot_20180426_at_14-32-51.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/235/@1366/153_screen_shot_20180426_at_14-32-51.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/235/@1600/153_screen_shot_20180426_at_14-32-51.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/235/@1920/153_screen_shot_20180426_at_14-32-51.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/235/@100/153_screen_shot_20180426_at_14-32-51.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/235/@200/153_screen_shot_20180426_at_14-32-51.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/235/@500/153_screen_shot_20180426_at_14-32-51.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/235/@768/153_screen_shot_20180426_at_14-32-51.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/235/@1024/153_screen_shot_20180426_at_14-32-51.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/235/@1366/153_screen_shot_20180426_at_14-32-51.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/235/@1600/153_screen_shot_20180426_at_14-32-51.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/235/@1920/153_screen_shot_20180426_at_14-32-51.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/235/@100/153_screen_shot_20180426_at_14-32-51.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/235/@200/153_screen_shot_20180426_at_14-32-51.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/235/@500/153_screen_shot_20180426_at_14-32-51.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/235/@768/153_screen_shot_20180426_at_14-32-51.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/235/@1024/153_screen_shot_20180426_at_14-32-51.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/235/@1366/153_screen_shot_20180426_at_14-32-51.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/235/@1600/153_screen_shot_20180426_at_14-32-51.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/235/@1920/153_screen_shot_20180426_at_14-32-51.avif","width":1920}]}]},{"title":{"text":"Amazon found every 100ms of latency cost them 1% in sales"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"About 10 years ago Amazon published the remarkable statistics that for every 100ms of latency on their website it costed them 1% in sales. Optimizing for delivery speeds can with this in mind become a lucrative business. "},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Of course the product volume and customers at Amazon is ideal to test these things on. They have huge traffic and number of orders so tuning does have a measurable impact. "},{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com/blog/frontend-performance-measuring-kpis"},"textContent":"Frontend Performance"},{"kind":"inline","textContent":" is important for"},{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com/blog/seo-for-react-ecommerce-spa"},"textContent":" eCommerce SEO"},{"kind":"inline","textContent":"."}]}]},"videos":null,"images":null},{"title":{"text":"Lower latency gives you better search engine ranking (SEO)"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"As the title says. Google has stated that that"},{"kind":"inline","type":"link","metadata":{"href":"https://developers.google.com/web/tools/lighthouse/audits/ttfb"},"textContent":" lower latency is good"},{"kind":"inline","textContent":" and gives you prioritization in the search results listing. Better search engine ranking drives more traffic to your website. Since your website now is fast it also converts better. See the self reinforcing circle here?"}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com"},"textContent":"Crystallize"},{"kind":"inline","textContent":" has some SEO tips in their "},{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com/blog/ecommerce-seo-checklist"},"textContent":"ecommerce SEO checklist"},{"kind":"inline","textContent":"."}]}]},"videos":null,"images":null},{"title":{"text":"Faster web Apps requires less CPU power"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"By having lower response time it usually means that you have a lighter running web App. You can run on smaller instances and in the end have lower cost on hosting services. We use Amazon Web Services and run most of our services on micro instances if we are not running serverless with Lambda services. "},{"kind":"block","type":"paragraph","textContent":"Unless you do brute force scaling by adding faster machines. If you do this, stop and rethink your strategy."}]},"videos":null,"images":null},{"title":{"text":"Check what Google has to say on latency and testing"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"link","metadata":{"href":"https://testmysite.withgoogle.com/intl/en-gb"},"textContent":"Google has released a testing tools"},{"kind":"inline","textContent":" that are useful to check your speed. Are you faster than your competitor?"}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Also read the "},{"kind":"inline","type":"link","metadata":{"href":"https://www.thinkwithgoogle.com/marketing-resources/data-measurement/mobile-page-speed-new-industry-benchmarks/?_ga=2.141816178.1599146847.1520340368-1889350182.1520340368"},"textContent":"blog post by Daniel An from the Google Product team"},{"kind":"inline","textContent":"."}]}]},"videos":null,"images":null}]}}]},{"topics":[{"name":"Growth Strategy"},{"name":"Marketing"},{"name":"Branding"}],"name":"The Basics of an Effective Growth Social Media Strategy","path":"/assets/blog/the-basics-of-an-effective-growth-social-media-strategy","id":"676000c5e386d15a418e5b5f","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"The Basics of an Effective Growth Social Media Strategy"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/74/social_media_sb_blog.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/74/@100/social_media_sb_blog.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/74/@200/social_media_sb_blog.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/74/@500/social_media_sb_blog.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/74/@768/social_media_sb_blog.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/74/@1024/social_media_sb_blog.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/74/@1366/social_media_sb_blog.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/74/@1600/social_media_sb_blog.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/74/@1920/social_media_sb_blog.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/74/@100/social_media_sb_blog.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/74/@200/social_media_sb_blog.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/74/@500/social_media_sb_blog.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/74/@768/social_media_sb_blog.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/74/@1024/social_media_sb_blog.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/74/@1366/social_media_sb_blog.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/74/@1600/social_media_sb_blog.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/74/@1920/social_media_sb_blog.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/74/@100/social_media_sb_blog.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/74/@200/social_media_sb_blog.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/74/@500/social_media_sb_blog.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/74/@768/social_media_sb_blog.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/74/@1024/social_media_sb_blog.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/74/@1366/social_media_sb_blog.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/74/@1600/social_media_sb_blog.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/74/@1920/social_media_sb_blog.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Maria Teresa Weidlich"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"June 22nd, 2018"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"These days, most brands are having to reinvent their marketing strategy to coincide with the ever-changing logic of "},{"kind":"inline","type":"emphasized","textContent":"social media"},{"kind":"inline","textContent":". And we see both unconventional and traditional businesses challenged by these new ways of target-audience communication. But how can one guarantee an effective growth social media strategy on these new platforms? Let us take a look."}]}],"plainText":["These days, most brands are having to reinvent their marketing strategy to coincide with the ever-changing logic of social media. And we see both unconventional and traditional businesses challenged by these new ways of target-audience communication. But how can one guarantee an effective growth social media strategy on these new platforms? Let us take a look."]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":{"text":"Building a Growth Social Media Strategy"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"First things first: keep it simple and keep it true to your brand. It is nearly impossible to create customer interest if you do not have any core values defined. Secondly, it’s essential to know how to communicate these values. Storytelling is a significant element for any successful CRM strategy. Suppose you figure out how to successfully establish your identity, and translate that identity and brand ethos via unique imagery curation. Voilá! You will find yourself standing out in a crowd with provocative and engaging storylines for your customers."}]},"videos":null,"images":null},{"title":{"text":"Create a Mood Board"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"It’s time to grab your brand bible and pinpoint what you think makes your brand unique. Take those thoughts and transform them into keywords. For example, if you were building a yoga brand, perhaps you would use words such as "},{"kind":"inline","type":"emphasized","textContent":"wellness, wellbeing, "},{"kind":"inline","textContent":"or "},{"kind":"inline","type":"emphasized","textContent":"healthy lifestyle"},{"kind":"inline","textContent":". Try to describe the industry you’re in and the lifestyle associated with it. "},{"kind":"inline","type":"line-break"}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"You also have to think of your brand as a person and ask yourself: Where do I like to eat? Go shopping? Find entertainment? Work on my wellbeing? Which other similar brands do I like or buy? Once you have done that, research images representing this brainstormed lifestyle and bingo - you’ve got your “brand mood board”. "},{"kind":"inline","type":"line-break"}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"To create these visual mood boards, we suggest getting creative and using classic sites such as "},{"kind":"inline","type":"link","metadata":{"href":"https://www.pinterest.com/"},"textContent":"Pinterest"},{"kind":"inline","textContent":", or perhaps even crafting hand-made collages from magazines. Old-school or fully digital, you need to create a vision by dissecting the brand message hierarchy at its core."}]}]},"videos":null,"images":null},{"title":{"text":"Social Listening and Awareness"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Although it may seem obvious, we cannot iterate enough the importance of showing “support” within your industry. Follow, like, and share the posts, tweets, videos, or ideas of the brands that relate to your very own brand or industry. Not only does this boost SEO rankings, but it improves visibility in the feeds of people who otherwise would have never naturally stumbled upon your product. "},{"kind":"block","type":"paragraph"},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"If you’re a small brand, you can follow 50-100 new followers a day. If you have a budget, you can automate that process with reliable third-party software. Remember, social media is all about “socializing”. Make sure you also invest in outbound marketing by boosting posts and creating campaigns. The more pages and people you tag in your posts, the more reach and impressions you can get."},{"kind":"inline","type":"line-break"}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"This strategy bleeds into how you can achieve new potential targets. Analytics provides the strength and convenience needed when selecting a target audience. Still, you can also utilize social listening to understand what users are talking about and what aspects might be related to your industry. Nailing this gives you the power to start conversations with your audience and potential new users. You can monitor Social Media popular subjects and hashtags with "},{"kind":"inline","type":"link","metadata":{"href":"https://mention.com/en/"},"textContent":"Mention"},{"kind":"inline","textContent":"."}]}]},"videos":null,"images":null},{"title":{"text":"Content Creating "},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Once you’ve chosen how to communicate your core values through social media, translating that into imagery becomes relatively easy. And here you have two options: first, creating content in-house. Secondly, using user-generated content. "},{"kind":"inline","type":"line-break"}]},{"kind":"block","type":"paragraph","textContent":"Bear in mind that your content needs to be valuable, actionable, educational, relevant, and ultimately shareable. Make decisions when it comes to image style, color pattern, and filters. Invest in professional tools such as a DSLR or a mirrorless camera to optimize your content, and always shoot your images in RAW. "},{"kind":"block","type":"paragraph"},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Apps or programs such as "},{"kind":"inline","type":"link","metadata":{"href":"https://www.facetuneapp.com/"},"textContent":"Facetune"},{"kind":"inline","textContent":", "},{"kind":"inline","type":"link","metadata":{"href":"https://vsco.co/"},"textContent":"VSCO"},{"kind":"inline","textContent":", "},{"kind":"inline","type":"link","metadata":{"href":"https://www.adobe.com/products/photoshop.html"},"textContent":"Adobe Photoshop"},{"kind":"inline","textContent":", and Snapseed can help you edit your pics. You can also create a content calendar to time and schedule each post using apps such as "},{"kind":"inline","type":"link","metadata":{"href":"https://preppr.com/"},"textContent":"Preppr,"},{"kind":"inline","textContent":" "},{"kind":"inline","type":"link","metadata":{"href":"https://www-dn.appspot.com/gs/crowdfire"},"textContent":"Crowdfire, "},{"kind":"inline","textContent":"or "},{"kind":"inline","type":"link","metadata":{"href":"https://hootsuite.com/"},"textContent":"Hootsuite"},{"kind":"inline","textContent":"."}]}]},"videos":null,"images":null},{"title":{"text":"Influencer Marketing"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"A great way to generate awareness is by putting together an \"Influencer Campaign\". Part of this process includes planing your campaign, goal, budget, copy, briefing, and deadline. Make sure you have a good mailing of influencers to reach out to for collaboration too. We highly recommend being very clear when it comes to the terms of the partnership, and what the expected outcome is. If you don't have someone in-house to take charge of this, you can outsource the campaign from Influencer Marketing Platforms such as "},{"kind":"inline","type":"link","metadata":{"href":"https://takumi.com/"},"textContent":"Takumi "},{"kind":"inline","textContent":"and "},{"kind":"inline","type":"link","metadata":{"href":"https://www.tribegroup.co/"},"textContent":"Tribe"},{"kind":"inline","textContent":"."}]}]},"videos":null,"images":null},{"title":{"text":"PR and Brand Collaborations"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Lastly, brand collaborations play a significant role in generating potential brand awareness and exposure for social media. We recommend reaching out to potential brand collaborators and inviting them to join a specific campaign to help cross-promote products related to the same industry. Growing alone is great, but growing together is better: an idea that applies to both small independent brands and well-established organizations."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/236/168_mood01.png","altText":null,"width":2100,"height":1485,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/236/@100/168_mood01.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/236/@200/168_mood01.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/236/@500/168_mood01.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/236/@768/168_mood01.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/236/@1024/168_mood01.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/236/@1366/168_mood01.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/236/@1600/168_mood01.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/236/@1920/168_mood01.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/236/@100/168_mood01.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/236/@200/168_mood01.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/236/@500/168_mood01.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/236/@768/168_mood01.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/236/@1024/168_mood01.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/236/@1366/168_mood01.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/236/@1600/168_mood01.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/236/@1920/168_mood01.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/236/@100/168_mood01.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/236/@200/168_mood01.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/236/@500/168_mood01.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/236/@768/168_mood01.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/236/@1024/168_mood01.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/236/@1366/168_mood01.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/236/@1600/168_mood01.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/236/@1920/168_mood01.avif","width":1920}]}]}]}}]},{"topics":[{"name":"Development"}],"name":"Replace Redux with React Context","path":"/assets/blog/replace-redux-with-react-context","id":"676002a28d46cb4df7412a3d","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"Replace Redux with React Context"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/75/development_sb_blog.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/75/@100/development_sb_blog.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/75/@200/development_sb_blog.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/75/@500/development_sb_blog.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/75/@768/development_sb_blog.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/75/@1024/development_sb_blog.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/75/@1366/development_sb_blog.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/75/@1600/development_sb_blog.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/75/@1920/development_sb_blog.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/75/@100/development_sb_blog.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/75/@200/development_sb_blog.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/75/@500/development_sb_blog.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/75/@768/development_sb_blog.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/75/@1024/development_sb_blog.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/75/@1366/development_sb_blog.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/75/@1600/development_sb_blog.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/75/@1920/development_sb_blog.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/75/@100/development_sb_blog.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/75/@200/development_sb_blog.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/75/@500/development_sb_blog.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/75/@768/development_sb_blog.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/75/@1024/development_sb_blog.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/75/@1366/development_sb_blog.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/75/@1600/development_sb_blog.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/75/@1920/development_sb_blog.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Håkon Gullord Krogh"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"April 2nd, 2018"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","textContent":"React 16.3 has just been released, with official support for the new and improved Context API. At Snowball we are using it to replace Redux in some parts of our projects."}],"plainText":["React 16.3 has just been released, with official support for the new and improved Context API. At Snowball we are using it to replace Redux in some parts of our projects."]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":{"text":"Why not just use Redux as usual?"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Redux can be a rough thing to get started with. Many are using it for unsuited things. Despite the title, Redux is not dead. "},{"kind":"inline","type":"link","metadata":{"href":"http://blog.isquaredsoftware.com/2018/03/redux-not-dead-yet/"},"textContent":"This nice article"},{"kind":"inline","textContent":" from one of the Redux maintainers gives a nice status. We are also not claiming it to be dead, in fact we embrace it where it makes sense. Still, some times Redux seems like overkill, or simply not suitable."}]},{"kind":"block","type":"paragraph","textContent":"As an alternative, despite being not officially supported by React, many have been using the experimental context API for quite some time. With React 16.3, the Context API has been improved and is finally official!"}]},"videos":null,"images":null},{"title":{"text":"Simple use case"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"To illustrate how you can use the Context API, lets use a practical example that most people are familiar with: the ecommerce basket. Lets create one that only holds the total quantity and the total price."},{"kind":"block","type":"preformatted","children":[{"type":"code","kind":"block","textContent":"import React, { createContext } from 'react';\n\nconst BasketContext = createContext();\n\nexport class BasketProvider extends React.Component {\n state = {\n totalQuantity: 0,\n totalPrice: 0,\n }\n\n render() {\n return (\n <BasketContext.Provider value={{ state: this.state }}>{this.props.children}</BasketContext.Provider>\n )\n }\n}","metadata":{"language":"javascript"}}]},{"kind":"block","type":"paragraph","textContent":"You can use the BasketContext.Consumer anywhere you want, which makes this a very flexible solution for maintaining state."}]},"videos":null,"images":null},{"title":{"text":"Using Context for your Crystallize basket"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"When using our React suite for creating your Crystallize shop, you get a lot for free when using "},{"kind":"inline","type":"link","metadata":{"href":"https://www.npmjs.com/package/@crystallize/react-basket"},"textContent":"react-basket"},{"kind":"inline","textContent":". The examples below are using that module, which itself is using the new Context API."}]},{"kind":"block","type":"paragraph","textContent":"In addition to give you the basket state, you also get access to methods to modify the basket, such as:"},{"kind":"block","type":"unordered-list","children":[{"kind":"block","type":"list-item","textContent":"Add item"},{"kind":"block","type":"list-item","textContent":"Change item quantity"},{"kind":"block","type":"list-item","textContent":"Remove item"}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"emphasized","textContent":"Usage:"}]},{"kind":"block","type":"paragraph","textContent":"In the entry point (or at a component that wraps the rest of your application)"},{"kind":"block","type":"preformatted","children":[{"type":"code","kind":"block","textContent":"<BasketProvider {...basketOptions}>\n <YourApp />\n</BasketProvider>","metadata":{"language":"javascript"}}]},{"kind":"block","type":"paragraph","textContent":"When you want to consume the basket, you can simply do this:"},{"kind":"block","type":"preformatted","children":[{"type":"code","kind":"block","textContent":"<BasketConsumer>\n {({ state }) => (\n {state.totalQuantity\n ? `Your basket (${state.totalQuantity} items, ${state.totalPrice},-)`\n : 'Your basket is empty'\n }\n )}\n</BasketConsumer>","metadata":{"language":"javascript"}}]},{"kind":"block","type":"paragraph","textContent":"Working with state is suddenly easy and fun. Go ahead and give the Context API a try!"}]},"videos":null,"images":null}]}}]},{"topics":[{"name":"Development"}],"name":"Optimizing GraphQL querying using Redis and Node.js","path":"/assets/blog/optimizing-graphql-querying-using-redis-and-nodejs","id":"67600382aea09d02566d2603","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"Optimizing GraphQL querying using Redis and Node.js"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/76/development_sb_blog.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/76/@100/development_sb_blog.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/76/@200/development_sb_blog.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/76/@500/development_sb_blog.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/76/@768/development_sb_blog.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/76/@1024/development_sb_blog.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/76/@1366/development_sb_blog.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/76/@1600/development_sb_blog.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/76/@1920/development_sb_blog.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/76/@100/development_sb_blog.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/76/@200/development_sb_blog.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/76/@500/development_sb_blog.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/76/@768/development_sb_blog.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/76/@1024/development_sb_blog.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/76/@1366/development_sb_blog.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/76/@1600/development_sb_blog.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/76/@1920/development_sb_blog.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/76/@100/development_sb_blog.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/76/@200/development_sb_blog.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/76/@500/development_sb_blog.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/76/@768/development_sb_blog.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/76/@1024/development_sb_blog.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/76/@1366/development_sb_blog.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/76/@1600/development_sb_blog.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/76/@1920/development_sb_blog.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Stavros Sotiropoulos"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"January 19th, 2018"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","textContent":"GraphQL is a good solution for data fetching, but applying complex server side logic, or querying the database for receiving the requested content may cause performance issues. In the previous example of Optimizing and testing GraphQL querying using Node.js and Postman we used GraphQL to fetch data in the form of articles from a decoupled system. That way we avoided the delay of querying the database. There is a drawback in this implementation though. For example a web store with a lot of items stored in categories, or stored in prioritisation lists can not manage efficiently the load when storing all this information locally."}],"plainText":["GraphQL is a good solution for data fetching, but applying complex server side logic, or querying the database for receiving the requested content may cause performance issues. In the previous example of Optimizing and testing GraphQL querying using Node.js and Postman we used GraphQL to fetch data in the form of articles from a decoupled system. That way we avoided the delay of querying the database. There is a drawback in this implementation though. For example a web store with a lot of items stored in categories, or stored in prioritisation lists can not manage efficiently the load when storing all this information locally."]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":null,"body":{"json":[{"kind":"block","type":"paragraph","textContent":"In this blog post I demonstrate our solution to this problem, by making the application scalable, using Redis. As for testing, using GraphQL we request a list of items, that are either stored locally or requested by a Redis server and compare the average response time between the two methods. The articles will be sorted in a random order, which in the case of a decoupled system, is stored in a JSON file using the id of the article, or in the case of the Redis server a sorted set, managing their order, is used."},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"line-break"}]}]},"videos":null,"images":null},{"title":{"text":"Installing the modules"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"The two introduced modules for this example are redis and bluebird. Bluebird allows us to promisify all of redis functions. You can install them by running the commands bellow."},{"kind":"block","type":"preformatted","children":[{"type":"code","kind":"block","textContent":"npm install redis bluebird","metadata":{"language":"javascript"}}]}]},"videos":null,"images":null},{"title":{"text":"Storing data in Redis Server"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Although storing the articles locally follows the same pattern as the previous blogpost, storing data on the Redis server is done by adding the item in a hash using the article id as the key, and then adding the reference of that item in a sorted set."},{"kind":"block","type":"preformatted","children":[{"type":"code","kind":"block","textContent":"function addItem(object, listName, fileNumber, randomPosition) {\n return new Promise(function(resolve, reject) {\n client.hmset(\n [object.id, 'id', object.id, 'title', object.title, 'body', object.body],\n function(error, response) {\n if (error) { console.log(error); }\n client.zadd(\n [listName, randomPosition, object.id],\n function (err, response) {\n if (err) { reject(err); }\n else resolve();\n }\n );\n }\n );\n });\n}","metadata":{"language":"javascript"}}]}]},"videos":null,"images":null},{"title":{"text":"Declaring the GraphQL queries"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"For this example I introduce two GraphQL queries. The first fetches a list of articles from the local storage and the second requests them from the Redis server. In the code below notice the usage of the \"batch\" command that allows sending an array of commands to Redis, reducing the network delay."},{"kind":"block","type":"preformatted","children":[{"type":"code","kind":"block","textContent":"fetchMultiArticles: {\n type: new graphql.GraphQLList(servedObjectType),\n args:{\n list: {type: graphql.GraphQLString},\n from: {type: graphql.GraphQLInt},\n to: {type: graphql.GraphQLInt}\n },\n resolve: async function(_, {list, from, to}) {\n var items = JSON.parse(fs.readFileSync('./' + list+\".json\", 'utf8'));\n var results = [];\n for(let i=from; i<=to; i++){\n results.push(JSON.parse(fs.readFileSync(JsonFiles + '/' + items[i].id+\".json\", 'utf8')));\n }\n return results;\n }\n},\nfetchMultiRedisArticles: {\n type: new graphql.GraphQLList(servedObjectType),\n args: {\n list: {type: graphql.GraphQLString},\n from: {type: graphql.GraphQLInt},\n to: {type: graphql.GraphQLInt}\n },\n resolve: async function(_, {list, from, to}) {\n var commandArray = [];\n var response = await redis.client.zrangeAsync([list, from, to])\n for(let i=0; i<response.length; i++){\n commandArray.push ( [\"hgetall\", response[i] ] );\n }\n var results = await redis.client.batch(commandArray).execAsync();\n return results;\n }\n}","metadata":{"language":"javascript"}}]}]},"videos":null,"images":null},{"title":{"text":"GraphQL querying example"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"A simple example of requesting data from the Node.js server is presented. The first argument of the query indicates the sorted set stored in redis, and also the ordered list name where the files are stored locally, followed by the \"from\" and \"to\" variables, indicating the starting and ending item in the list requested."},{"kind":"block","type":"preformatted","children":[{"type":"code","kind":"block","textContent":"fetchMultiRedisArticles(list:\"randomOrder\",from:7, to:9){\n id\n title\n body\n}","metadata":{"language":"javascript"}}]}]},"videos":null,"images":null},{"title":{"text":"Testing with Postman and Newman"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Storing and fetching a small number of articles will have no actual difference in the previously used decoupled system and redis storing system, and so the response time will be similar in both occasions. Scalability will be noticeable in high number of items, so for this post I did two tests, one generates 500,000 articles and the second one 1,000,000."},{"kind":"block","type":"paragraph","textContent":"Of course 1,000,000 items have no impact in redis' performance as it was designed for scalability, but the local application's heap cannot take the load of a list of that many items and the heap stack fails. So the second test will provide us only with the redis results."},{"kind":"block","type":"preformatted","children":[{"type":"code","kind":"block","textContent":"Testing with: 500,000 items and running 200 requests\n*******************************\nTest run JSON: 322.82\nTest run Redis: 6.135\n*******************************","metadata":{"language":"javascript"}}]},{"kind":"block","type":"preformatted","children":[{"type":"code","kind":"block","textContent":"Testing with: 1,000,000 items and running 200 requests\n*******************************\nTest run JSON: 0\nTest run Redis: 5.5\n*******************************","metadata":{"language":"javascript"}}]}]},"videos":null,"images":null}]}}]},{"topics":[{"name":"Branding"},{"name":"Growth Strategy"}],"name":"Splæsh - A Brand With Impact","path":"/assets/blog/splaesh-a-brand-with-impact","id":"676003f31dc610682a0d993c","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"Splæsh - A Brand With Impact"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/77/branding_sb_blog.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/77/@100/branding_sb_blog.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/77/@200/branding_sb_blog.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/77/@500/branding_sb_blog.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/77/@768/branding_sb_blog.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/77/@1024/branding_sb_blog.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/77/@1366/branding_sb_blog.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/77/@1600/branding_sb_blog.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/77/@1920/branding_sb_blog.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/77/@100/branding_sb_blog.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/77/@200/branding_sb_blog.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/77/@500/branding_sb_blog.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/77/@768/branding_sb_blog.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/77/@1024/branding_sb_blog.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/77/@1366/branding_sb_blog.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/77/@1600/branding_sb_blog.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/77/@1920/branding_sb_blog.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/77/@100/branding_sb_blog.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/77/@200/branding_sb_blog.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/77/@500/branding_sb_blog.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/77/@768/branding_sb_blog.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/77/@1024/branding_sb_blog.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/77/@1366/branding_sb_blog.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/77/@1600/branding_sb_blog.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/77/@1920/branding_sb_blog.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Bård Farstad"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"April 23rd, 2018"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","textContent":"Creating a brand is like a form of art. At Snowball, we recently did a rebranding and repositioning of a video making company - Splæsh. We are happy to say that we simply love the result. Read on to hear about the headlines of the process."}],"plainText":["Creating a brand is like a form of art. At Snowball, we recently did a rebranding and repositioning of a video making company - Splæsh. We are happy to say that we simply love the result. Read on to hear about the headlines of the process."]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":{"text":"Starting With the Strategy - Stories With Impact"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Our process typically involves our sister company, "},{"kind":"inline","type":"link","metadata":{"href":"http://www.assetto.com"},"textContent":"Assetto Capital, "},{"kind":"inline","textContent":"where we look at the business model of a company and a go-to market strategy. For Splæsh, we concluded the strategy with: "},{"kind":"inline","type":"emphasized","textContent":"Tell stories that make an impact"},{"kind":"inline","textContent":". "}]},{"kind":"block","type":"paragraph","textContent":"Telling these stories involves delivering a range of services, whether it be content strategy, production, or marketing for their clients. So, with the strategy and positioning clear, we started hunting for a name."}]},"videos":null,"images":null},{"title":{"text":"Finding a Name, Domain and Brand"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"In addition to telling stories with impact, there are also underlying values we defined as vital for the brand:"},{"kind":"block","type":"unordered-list","children":[{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"emphasized","textContent":"Nordic minimalism"},{"kind":"inline","textContent":" - it is in their DNA."}]},{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"emphasized","textContent":"Impact"},{"kind":"inline","textContent":" - it is about the impression you leave behind."}]},{"kind":"block","type":"list-item","children":[{"kind":"inline","type":"emphasized","textContent":"Customer journey iterations"},{"kind":"inline","textContent":" - content needs to support the complete customer journey and is continuous."}]}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"And of course, there is that 6-letter ‘dot com’ address you want. Today, this is still a very important aspect of any brand. To make a long story short: the winner was "},{"kind":"inline","type":"emphasized","textContent":"Splæsh.com"},{"kind":"inline","textContent":". Do we know that this is not the correct spelling in either Norwegian or English? Obviously. It is what we like to call "},{"kind":"inline","type":"emphasized","textContent":"creative freedom"},{"kind":"inline","textContent":"!"}]},{"kind":"block","type":"paragraph","textContent":"Ultimately, Splæsh is representing the impact you leave behind after a great story is told, it has references to Nordic minimalism with the æ letter in the brand, and it is easy to pronounce, understand and remember."},{"kind":"block","type":"paragraph"}]},"videos":null,"images":null},{"title":{"text":"Responsive Logo"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Our goal with the logo was to create a simple, clean and responsive brand. We wanted to have the wordmark stand alone without the need for additional symbols."},{"kind":"block","type":"paragraph","textContent":"In the end it was simply math-art:"}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/237/147_splaesh_equation_a.gif","altText":null,"width":903,"height":106,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/237/@100/147_splaesh_equation_a.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/237/@200/147_splaesh_equation_a.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/237/@500/147_splaesh_equation_a.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/237/@768/147_splaesh_equation_a.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/237/@100/147_splaesh_equation_a.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/237/@200/147_splaesh_equation_a.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/237/@500/147_splaesh_equation_a.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/237/@768/147_splaesh_equation_a.avif","width":768}]}]},{"title":null,"body":{"json":[{"kind":"block","type":"paragraph","textContent":"The equation is: Nordic minimalism + ripples of an impact + continuous customer journey = Splæsh."},{"kind":"block","type":"paragraph","textContent":"The long form logo is:"}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/238/150_splaesh_logo_main_color.svg","altText":null,"width":394,"height":193,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/238/@100/150_splaesh_logo_main_color.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/238/@200/150_splaesh_logo_main_color.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/238/@100/150_splaesh_logo_main_color.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/238/@200/150_splaesh_logo_main_color.avif","width":200}]}]},{"title":null,"body":{"json":[{"kind":"block","type":"paragraph","textContent":"And the short form, symbol, representation of the brand:"}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/239/151_splaesh_icon_main_color.svg","altText":null,"width":185,"height":160,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/239/@100/151_splaesh_icon_main_color.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/239/@100/151_splaesh_icon_main_color.avif","width":100}]}]},{"title":null,"body":{"json":[{"kind":"block","type":"paragraph","textContent":"In the end, we are left with a super-clean brand, responsive logo representation, and an awesome domain. And if we are being totally honest…we are a bit jealous on this one!"},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Check out the result on "},{"kind":"inline","type":"link","metadata":{"href":"http://www.splæsh.com"},"textContent":"Splæsh.com"},{"kind":"inline","textContent":"."}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/240/149_splaesh_website.png","altText":null,"width":2864,"height":1576,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/240/@100/149_splaesh_website.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/240/@200/149_splaesh_website.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/240/@500/149_splaesh_website.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/240/@768/149_splaesh_website.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/240/@1024/149_splaesh_website.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/240/@1366/149_splaesh_website.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/240/@1600/149_splaesh_website.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/240/@1920/149_splaesh_website.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/240/@100/149_splaesh_website.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/240/@200/149_splaesh_website.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/240/@500/149_splaesh_website.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/240/@768/149_splaesh_website.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/240/@1024/149_splaesh_website.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/240/@1366/149_splaesh_website.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/240/@1600/149_splaesh_website.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/240/@1920/149_splaesh_website.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/240/@100/149_splaesh_website.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/240/@200/149_splaesh_website.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/240/@500/149_splaesh_website.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/240/@768/149_splaesh_website.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/240/@1024/149_splaesh_website.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/240/@1366/149_splaesh_website.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/240/@1600/149_splaesh_website.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/240/@1920/149_splaesh_website.avif","width":1920}]}]},{"title":null,"body":null,"videos":null,"images":null}]}}]},{"topics":[{"name":"User Experience"},{"name":"Development"}],"name":"Responsive images in React with srcset","path":"/assets/blog/responsive-images-in-react-with-srcset","id":"676008be1dc610682a0d9dbc","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"Responsive images in React with srcset"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/blog3.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@100/blog3.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@200/blog3.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@500/blog3.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@768/blog3.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@1024/blog3.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@1366/blog3.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@1600/blog3.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@1920/blog3.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@100/blog3.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@200/blog3.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@500/blog3.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@768/blog3.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@1024/blog3.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@1366/blog3.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@1600/blog3.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@1920/blog3.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@100/blog3.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@200/blog3.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@500/blog3.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@768/blog3.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@1024/blog3.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@1366/blog3.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@1600/blog3.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/18/@1920/blog3.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Håkon Gullord Krogh"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"February 26th, 2018"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","textContent":"Images are essential in web and, together with videos, they make up for the most bytes downloaded in most websites. How do we serve the correct images to our users in React?"}],"plainText":["Images are essential in web and, together with videos, they make up for the most bytes downloaded in most websites. How do we serve the correct images to our users in React?"]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":{"text":"Why is this important?"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Images are essential in web and, together with videos, they make up for the most bytes downloaded in most websites. To illustrate: here is how much of the downloaded bytes are images for a few popular sites"},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"link","metadata":{"href":"https://www.telegraph.co.uk/"},"textContent":"telegraph.co.uk"},{"kind":"inline","textContent":": 42%"}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"link","metadata":{"href":"https://www.youtube.com/"},"textContent":"youtube.com"},{"kind":"inline","textContent":": 27%"}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"link","metadata":{"href":"https://www.amazon.co.uk/"},"textContent":"amazon.co.uk"},{"kind":"inline","textContent":": 95%"}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"link","metadata":{"href":"https://www.netflix.com/no/"},"textContent":"netflix.com"},{"kind":"inline","textContent":": 65%"}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"link","metadata":{"href":"https://stackoverflow.com/"},"textContent":"stackoverflow.com"},{"kind":"inline","textContent":": 38%"}]},{"kind":"block","type":"paragraph","textContent":"So, since you also most likely have a lot of image on your site, two important questions needs to be answered:"},{"kind":"block","type":"unordered-list","children":[{"kind":"block","type":"list-item","textContent":"How do I ensure high quality images for my users?"},{"kind":"block","type":"list-item","textContent":"How do I ensure that they don’t download unnecessary big images?"}]},{"kind":"block","type":"paragraph","textContent":"You cannot just serve huge images to everyone, it will affect the performance for users on a medium/slow connection. Those users will most likely have significant spend less time on your page, and conversion rate will be lower if you are running an ecommerce. What’s the solution?"}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/241/120_responsive-images.jpg","altText":null,"width":3200,"height":1023,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/241/@100/120_responsive-images.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/241/@200/120_responsive-images.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/241/@500/120_responsive-images.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/241/@768/120_responsive-images.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/241/@1024/120_responsive-images.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/241/@1366/120_responsive-images.jpeg","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/241/@1600/120_responsive-images.jpeg","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/241/@1920/120_responsive-images.jpeg","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/241/@3200/120_responsive-images.jpeg","width":3200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/241/@100/120_responsive-images.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/241/@200/120_responsive-images.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/241/@500/120_responsive-images.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/241/@768/120_responsive-images.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/241/@1024/120_responsive-images.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/241/@1366/120_responsive-images.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/241/@1600/120_responsive-images.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/241/@1920/120_responsive-images.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/241/@3200/120_responsive-images.webp","width":3200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/241/@100/120_responsive-images.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/241/@200/120_responsive-images.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/241/@500/120_responsive-images.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/241/@768/120_responsive-images.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/241/@1024/120_responsive-images.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/241/@1366/120_responsive-images.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/241/@1600/120_responsive-images.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/241/@1920/120_responsive-images.avif","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/241/@3200/120_responsive-images.avif","width":3200}]}]},{"title":{"text":"Solutions"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Historically there have been many attempts to solve this. Most of these attempts have been using Javascript, where the correct image to serve was determined by checking the device screen width along with the "},{"kind":"inline","type":"link","metadata":{"href":"https://developer.mozilla.org/en-US/docs/Web/API/Window/devicePixelRatio"},"textContent":"device pixel ratio"},{"kind":"inline","textContent":" after the page is loaded. With this you can make a fair assumption on which image to serve. There are however two major problems with this:"}]},{"kind":"block","type":"unordered-list","children":[{"kind":"block","type":"list-item","textContent":"The calculation happens after the page is loaded. What would you show before that?"},{"kind":"block","type":"list-item","children":[{"kind":"inline","textContent":"What happens when the browser landscape changes, and your algorithm is out of date? And how do you know "},{"kind":"inline","type":"emphasized","textContent":"when"},{"kind":"inline","textContent":" it is out of date?"}]}]}]},"videos":null,"images":null},{"title":{"text":"Enter React srcset"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"A while ago, the srcset attribute was introduced on <img> tags. This is a powerful attribute which enables the browser to determine which image to serve the user! No javascript, no waiting for page to load!"},{"kind":"block","type":"paragraph","textContent":"It can be implemented in React in like so:"},{"kind":"block","type":"preformatted","children":[{"type":"code","kind":"block","textContent":"const small = '300.jpg';\nconst medium = '768.jpg';\nconst large = '1280.jpg';\n\nconst ResponsiveImage = () => (\n <img src={small} srcSet={`${small} 300w, ${medium} 768w, ${large} 1280w`} />\n);","metadata":{"language":"javascript"}}]},{"kind":"block","type":"paragraph","textContent":"Out whole site is implemented with this, but if you want to try for yourself have a look at this pen:"},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"link","metadata":{"href":"https://codepen.io/snowballdigital/pen/KQGvYJ?editors=0010"},"textContent":"https://codepen.io/snowballdigital/pen/KQGvYJ?editors=0010"}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"You can also check out the "},{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com/developers/react-components/react-image-srcset"},"textContent":"React Image Srcset package"},{"kind":"inline","textContent":" by Crystallize."}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"If you are building a "},{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com/developers"},"textContent":"React ecommerce"},{"kind":"inline","textContent":" solution you should check out "},{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com/"},"textContent":"Crystallize"},{"kind":"inline","textContent":" which has built in support for responsive images. Great for "},{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com/blog/frontend-performance-measuring-and-kpis"},"textContent":"frontend performance"},{"kind":"inline","textContent":" and "},{"kind":"inline","type":"link","metadata":{"href":"https://crystallize.com/blog/ecommerce-seo-checklist"},"textContent":"ecommerce seo"},{"kind":"inline","textContent":"."}]}]},"videos":null,"images":null},{"title":{"text":"Conclusion"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Srcset has gained "},{"kind":"inline","type":"link","metadata":{"href":"https://caniuse.com/#feat=srcset"},"textContent":"incredible support"},{"kind":"inline","textContent":" in the browser landscape, and there is no reason for not using it today! If you want even more fine-grained control, check out the sizes attribute and the "},{"kind":"inline","type":"link","metadata":{"href":"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/source"},"textContent":"source element"},{"kind":"inline","textContent":"!"}]}]},"videos":null,"images":null}]}}]},{"topics":[{"name":"Development"}],"name":"The async/await model in REST endpoints using Express and Node.js","path":"/assets/blog/the-asyncawait-model-in-rest-endpoints-using-express-and-nodejs","id":"676009a917bcc94862d95ad5","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"The async/await model in REST endpoints using Express and Node.js"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/78/development_sb_blog.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/78/@100/development_sb_blog.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/78/@200/development_sb_blog.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/78/@500/development_sb_blog.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/78/@768/development_sb_blog.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/78/@1024/development_sb_blog.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/78/@1366/development_sb_blog.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/78/@1600/development_sb_blog.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/78/@1920/development_sb_blog.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/78/@100/development_sb_blog.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/78/@200/development_sb_blog.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/78/@500/development_sb_blog.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/78/@768/development_sb_blog.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/78/@1024/development_sb_blog.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/78/@1366/development_sb_blog.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/78/@1600/development_sb_blog.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/78/@1920/development_sb_blog.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/78/@100/development_sb_blog.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/78/@200/development_sb_blog.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/78/@500/development_sb_blog.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/78/@768/development_sb_blog.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/78/@1024/development_sb_blog.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/78/@1366/development_sb_blog.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/78/@1600/development_sb_blog.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/78/@1920/development_sb_blog.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Stavros Sotiropoulos"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"January 16th, 2018"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","textContent":"Functions that use Promises can offer us synchronisation, but also result in a nested, hard to maintain and read code. The newest version of Node.js introduces the async/await model. In this post, I will demonstrate how to implement it in a REST endpoint as part of our Express server, extending my blog post about Sharing MySQL Pool connections between files with Node.js."}],"plainText":["Functions that use Promises can offer us synchronisation, but also result in a nested, hard to maintain and read code. The newest version of Node.js introduces the async/await model. In this post, I will demonstrate how to implement it in a REST endpoint as part of our Express server, extending my blog post about Sharing MySQL Pool connections between files with Node.js."]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":{"text":"Installing the modules"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"The required packages for this example are express, jsonschema, body-parser, promise-mysql. I analyze their usage in my previous blog posts. To install them run the following:"},{"kind":"block","type":"preformatted","children":[{"type":"code","kind":"block","textContent":"npm install express jsonschema body-parser promise-mysql","metadata":{"language":"javascript"}}]}]},"videos":null,"images":null},{"title":{"text":"Creating the MySQL pool and sharing connection as middleware"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"We will modify our previously exported module, to be able to share the requested connection from the MySQL pool. To do that, we need to pass the connection to an object of higher scope level. Since our middleware receives as arguments the request, response and next objects, we will use the request object to pass the connection to the next function."},{"kind":"block","type":"preformatted","children":[{"type":"code","kind":"block","textContent":"var mysql = require('promise-mysql');\n\nvar connectionPool = mysql.createPool({\n host : \"127.0.0.1\",\n user : '**********',\n password : '**********',\n database : '**********',\n port : '3306'\n});\n\nmodule.exports={\n getConnection: function(req, res, next){\n return new Promise(function(resolve,reject){\n connectionPool.getConnection().then(function(connection){\n req.connection = connection;\n next();\n }).catch(function(error){\n res.status(500).end(\"Error getting connection: \" + error);\n });\n });\n }\n}","metadata":{"language":"javascript"}}]}]},"videos":null,"images":null},{"title":{"text":"Error handling in Promises"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"When a Promise fails it throws an error that can be caught and managed by our try/catch blocks. But, in the future versions of Node.js, Unhandled promise rejections will terminate our application. Managing these is fairly simple:"},{"kind":"block","type":"preformatted","children":[{"type":"code","kind":"block","textContent":"process.on('uncaughtException', error => console.error('Uncaught exception: ', error));\nprocess.on('unhandledRejection', error => console.error('Unhandled rejection: ', error));","metadata":{"language":"javascript"}}]}]},"videos":null,"images":null},{"title":{"text":"Using async/await on a REST endpoint"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"In order to use the async/await model in a REST endpoint, we must consider that an \"await for a promise\" command requires an async function to call them. A fairly simple way of doing it is having the async keyword on our last RESTful endpoint's function. Considering that we use our imported middleware for JSON input Validation and Requesting MySQL connection, we have:"},{"kind":"block","type":"preformatted","children":[{"type":"code","kind":"block","textContent":"app.post('/add/product', validate.JsonValidation, mysqlConnection.getConnection, async function(req,res){\n var connection = req.connection;\n try {\n item.seller = await findOrCreateUser(user,connection);\n var user_id = await addItem(item,connection);\n var items = await selectUserItems(user_id, connection);\n connection.connection.release();\n res.status(200).json(result);\n } catch(error) {\n res.status(500).end(error);\n }\n});","metadata":{"language":"javascript"}}]},{"kind":"block","type":"paragraph","textContent":"The complete code of our example is shown below:"},{"kind":"block","type":"preformatted","children":[{"type":"code","kind":"block","textContent":"$88","metadata":{"language":"javascript"}}]}]},"videos":null,"images":null}]}}]},{"topics":[{"name":"User Experience"},{"name":"Development"}],"name":"Easy fullscreen background cover video","path":"/assets/blog/easy-fullscreen-background-cover-video","id":"67600a0b17bcc94862d95ad6","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"Easy fullscreen background cover video"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/79/user_experience_sb_blog.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/79/@100/user_experience_sb_blog.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/79/@200/user_experience_sb_blog.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/79/@500/user_experience_sb_blog.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/79/@768/user_experience_sb_blog.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/79/@1024/user_experience_sb_blog.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/79/@1366/user_experience_sb_blog.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/79/@1600/user_experience_sb_blog.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/79/@1920/user_experience_sb_blog.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/79/@100/user_experience_sb_blog.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/79/@200/user_experience_sb_blog.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/79/@500/user_experience_sb_blog.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/79/@768/user_experience_sb_blog.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/79/@1024/user_experience_sb_blog.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/79/@1366/user_experience_sb_blog.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/79/@1600/user_experience_sb_blog.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/79/@1920/user_experience_sb_blog.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/79/@100/user_experience_sb_blog.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/79/@200/user_experience_sb_blog.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/79/@500/user_experience_sb_blog.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/79/@768/user_experience_sb_blog.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/79/@1024/user_experience_sb_blog.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/79/@1366/user_experience_sb_blog.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/79/@1600/user_experience_sb_blog.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/79/@1920/user_experience_sb_blog.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Håkon Gullord Krogh"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"March 6th, 2018"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","textContent":"You want a video running as the background of your site. You also want it to be supported on as many of your users as possible. You need it to loop. And at last: you want it to load fast. How do you achieve this?"}],"plainText":["You want a video running as the background of your site. You also want it to be supported on as many of your users as possible. You need it to loop. And at last: you want it to load fast. How do you achieve this?"]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":{"text":"History"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Displaying a video as the site background on a webpage used to be hard. You would have to encode to different formats for different browsers, create some elaborate javascript to load it when the page loads and at last create a good fallback for poor network conditions or unsupported browsers."},{"kind":"block","type":"paragraph","textContent":"This was the reality for web developers up until now. Every step of this process feels like a hack, and it is creating a monster for you to maintain in the future. The web has thankfully moved on, and today the solution is much, much simpler."},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"line-break"}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/242/121_splaesh-bg.jpg","altText":null,"width":1844,"height":1028,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/242/@100/121_splaesh-bg.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/242/@200/121_splaesh-bg.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/242/@500/121_splaesh-bg.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/242/@768/121_splaesh-bg.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/242/@1024/121_splaesh-bg.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/242/@1366/121_splaesh-bg.jpeg","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/242/@1600/121_splaesh-bg.jpeg","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/242/@100/121_splaesh-bg.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/242/@200/121_splaesh-bg.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/242/@500/121_splaesh-bg.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/242/@768/121_splaesh-bg.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/242/@1024/121_splaesh-bg.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/242/@1366/121_splaesh-bg.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/242/@1600/121_splaesh-bg.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/242/@100/121_splaesh-bg.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/242/@200/121_splaesh-bg.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/242/@500/121_splaesh-bg.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/242/@768/121_splaesh-bg.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/242/@1024/121_splaesh-bg.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/242/@1366/121_splaesh-bg.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/242/@1600/121_splaesh-bg.avif","width":1600}]}]},{"title":{"text":"The solution"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"HTML. Pure HTML is all you need:"},{"kind":"block","type":"preformatted","children":[{"type":"code","kind":"block","textContent":"<video\n playsinline\n autoplay\n muted\n loop\n>\n <source src=\"video.mp4\" />\n <img src=\"fallback-image.jpg\" alt=\"\" />\n</video>","metadata":{"language":"javascript"}}]},{"kind":"block","type":"paragraph","textContent":"We are describing a video that auto-plays, is muted and loops forever. The plays-inline attribute tells the browser to not open the video in fullscreen mode."},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"As the video source we use mp4, a format which is "},{"kind":"inline","type":"link","metadata":{"href":"https://caniuse.com/#feat=mpeg4"},"textContent":"widely supported"},{"kind":"inline","textContent":". However, if the browser does not support this format, a fallback image will be displayed instead."}]},{"kind":"block","type":"paragraph","textContent":"Side note: in order for this to work an all platforms, the video needs to be muted, and contain no audio-track."}]},"videos":null,"images":null},{"title":{"text":"Conclusion"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Displaying a video-as-background is incredible simple in today's web landscape. We have recently launched a website demonstrating just that: "},{"kind":"inline","type":"link","metadata":{"href":"https://splæsh.com"},"textContent":"check it out"},{"kind":"inline","textContent":"! "}]}]},"videos":null,"images":null}]}}]},{"topics":[{"name":"Product Design"},{"name":"Growth Strategy"},{"name":"Marketing"},{"name":"Branding"}],"name":"Similarities between a software and bicycle company","path":"/assets/blog/similarities-between-a-software-and-bicycle-company","id":"67600a7ceedbebc9482a7121","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"Similarities between a software and bicycle company"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/80/product_design_sb_blog.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/80/@100/product_design_sb_blog.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/80/@200/product_design_sb_blog.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/80/@500/product_design_sb_blog.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/80/@768/product_design_sb_blog.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/80/@1024/product_design_sb_blog.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/80/@1366/product_design_sb_blog.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/80/@1600/product_design_sb_blog.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/80/@1920/product_design_sb_blog.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/80/@100/product_design_sb_blog.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/80/@200/product_design_sb_blog.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/80/@500/product_design_sb_blog.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/80/@768/product_design_sb_blog.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/80/@1024/product_design_sb_blog.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/80/@1366/product_design_sb_blog.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/80/@1600/product_design_sb_blog.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/80/@1920/product_design_sb_blog.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/80/@100/product_design_sb_blog.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/80/@200/product_design_sb_blog.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/80/@500/product_design_sb_blog.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/80/@768/product_design_sb_blog.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/80/@1024/product_design_sb_blog.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/80/@1366/product_design_sb_blog.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/80/@1600/product_design_sb_blog.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/80/@1920/product_design_sb_blog.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Bård Farstad"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"January 19th, 2018"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","textContent":"Running a bicycle company cannot possibly have anything in common with a global B2B software company. Can it? Yes, it all boils down to complete product design and do not skimp on quality, launch early and iterate."}],"plainText":["Running a bicycle company cannot possibly have anything in common with a global B2B software company. Can it? Yes, it all boils down to complete product design and do not skimp on quality, launch early and iterate."]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":null,"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"In the last 11 months I have been through a journey of launching a new startup that is as far away from my software background as possible: namely a bicycle company called Skiens Cykkelfabrik ("},{"kind":"inline","type":"link","metadata":{"href":"http://www.speedcykkel.com"},"textContent":"www.speedcykkel.com"},{"kind":"inline","textContent":") with a bicycle line called Speed. Previously I co-founded eZ ("},{"kind":"inline","type":"link","metadata":{"href":"http://www.ez.no"},"textContent":"www.ez.no"},{"kind":"inline","textContent":") which is now a global software company with offices from New York to Tokyo and customers like The Economist and Kitchen Aid."}]}]},"videos":null,"images":null},{"title":{"text":"Whole Product"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"There are some very concrete differences between bikes and software of course. Specially when it comes to the core product. When launching a software company there is much focus on the actual software, algorithms, data flow, user experience etc. With a bicycle it is about materials like aluminium alloys vs steel, frame geometry, steel vs titanium bottom bracket, quality of bearings and the list goes on."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/243/_resized_1280.jpg","altText":null,"width":1280,"height":853,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/243/@100/_resized_1280.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/243/@200/_resized_1280.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/243/@500/_resized_1280.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/243/@768/_resized_1280.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/243/@1024/_resized_1280.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/243/@100/_resized_1280.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/243/@200/_resized_1280.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/243/@500/_resized_1280.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/243/@768/_resized_1280.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/243/@1024/_resized_1280.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/243/@100/_resized_1280.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/243/@200/_resized_1280.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/243/@500/_resized_1280.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/243/@768/_resized_1280.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/243/@1024/_resized_1280.avif","width":1024}]}]},{"title":null,"body":{"json":[{"kind":"block","type":"paragraph","textContent":"To me the process is very similar as we start with the target customer: who is the target personas to be using the products. What is the user experience we are trying to achieve. Most importantly is the notion of a complete product. And no: this does not mean a bike that is done or a software that is running."},{"kind":"block","type":"paragraph","textContent":"Complete product is about the total user journey, all touch points between you as a company and the customer. For software this can be elements like:"},{"kind":"block","type":"unordered-list","children":[{"kind":"block","type":"list-item","textContent":"Core software"},{"kind":"block","type":"list-item","textContent":"Documentation"},{"kind":"block","type":"list-item","textContent":"Marketing material (web, social, print, signs, business cards..)"},{"kind":"block","type":"list-item","textContent":"Media content (e-learning, video tutorials)"},{"kind":"block","type":"list-item","textContent":"Legal documents"},{"kind":"block","type":"list-item","textContent":"Sales process"},{"kind":"block","type":"list-item","textContent":"Sales enablement (direct or channel sales enablement materials)"},{"kind":"block","type":"list-item","textContent":"Self service tools"},{"kind":"block","type":"list-item","textContent":"Training material"},{"kind":"block","type":"list-item","textContent":"Delivery process"},{"kind":"block","type":"list-item","textContent":"Maintenance routines and services"},{"kind":"block","type":"list-item","textContent":"Trademark and patents"}]},{"kind":"block","type":"paragraph","textContent":"For a bicycle company we are talking about components like:"},{"kind":"block","type":"unordered-list","children":[{"kind":"block","type":"list-item","textContent":"Bicycle"},{"kind":"block","type":"list-item","textContent":"Product packaging"},{"kind":"block","type":"list-item","textContent":"Customer communication during build process"},{"kind":"block","type":"list-item","textContent":"Merchandise (clothes and lifestyle products)"},{"kind":"block","type":"list-item","textContent":"Marketing materials (web, social, stickers, business cards..)"},{"kind":"block","type":"list-item","textContent":"Media content (inspirational videos, maintenance howtos.."},{"kind":"block","type":"list-item","textContent":"Online buying process"},{"kind":"block","type":"list-item","textContent":"Production and delivery process"},{"kind":"block","type":"list-item","textContent":"Legal terms"},{"kind":"block","type":"list-item","textContent":"Trademarks and patents"}]},{"kind":"block","type":"paragraph","textContent":"You get the point; it is not so much about the core product as the complete user journey and making sure you have thought about all those small things that impact the brand experience. E.g. how will the unboxing experience of a bicycle be? What is the first time to success when testing/evaluating a new software service. Details."},{"kind":"block","type":"paragraph","textContent":"One thing that software and bikes really have in common is testing. With software we are talking automated tests, user experience testing and with bikes we have stress testing and functional testing. The difference is that you can test the bike in the streets of Palma Mallorca, while software is usually tested in an office e.g. in Brooklyn."},{"kind":"block","type":"paragraph","textContent":"This is because you cannot skimp on quality. And you need to think complete product design."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/244/palmaspeedjustertebilder-13_small.jpg","altText":null,"width":1200,"height":800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/244/@100/palmaspeedjustertebilder-13_small.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/244/@200/palmaspeedjustertebilder-13_small.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/244/@500/palmaspeedjustertebilder-13_small.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/244/@768/palmaspeedjustertebilder-13_small.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/244/@1024/palmaspeedjustertebilder-13_small.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/244/@100/palmaspeedjustertebilder-13_small.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/244/@200/palmaspeedjustertebilder-13_small.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/244/@500/palmaspeedjustertebilder-13_small.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/244/@768/palmaspeedjustertebilder-13_small.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/244/@1024/palmaspeedjustertebilder-13_small.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/244/@100/palmaspeedjustertebilder-13_small.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/244/@200/palmaspeedjustertebilder-13_small.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/244/@500/palmaspeedjustertebilder-13_small.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/244/@768/palmaspeedjustertebilder-13_small.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/244/@1024/palmaspeedjustertebilder-13_small.avif","width":1024}]}]},{"title":{"text":"Thinking like a software company"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"When we launched the bicycle company we had the core philosophy from a software company in our bag and we wanted to transfer as much as possible and digitize the processes that can be. So we have developed a custom e-commerce and fulfilment solution to run the bike company. We wanted the buying process to be online and direct so software was needed."},{"kind":"block","type":"paragraph","textContent":"We also wanted to have full control over the user experience and went for a super modern architecture with headless e-commerce using GraphQL and React. We actually spend time on software development while making a bike."},{"kind":"block","type":"paragraph","textContent":"With modern CNC machining and production processes there are also programming and 3D/2D cad tools involved. Which is also a very similar skillset as you might have in your software company."},{"kind":"block","type":"paragraph","textContent":"For supporting tools we also have built the infrastructure around tools like Github for agile project and product management and of course you would use tools like Slack in both cases."},{"kind":"block","type":"paragraph","textContent":"The main approach we have re-used from software is still launch early and iterate. For that reason our first bike is basically a single speed bike made with high quality components as that is what we could launch the company quickest with, but still keeping the level of quality needed."}]},"videos":null,"images":null},{"title":{"text":"First Epic"},"body":{"json":[{"kind":"block","type":"paragraph"},{"kind":"block","type":"paragraph","textContent":"At this point we have the company launched, the first product in the market and orders coming in. All done in 11 months. The bicycle company was launched on the platform of our product design and realization company Snowball."},{"kind":"block","type":"paragraph","textContent":"Now we are doing customer interviews and gathering feedback for the coming iterations. Remember to have fun; either in making bikes or software - or both."}]},"videos":null,"images":null}]}}]},{"topics":[{"name":"Development"}],"name":"Sharing MySQL Pool connections between files with Node.js","path":"/assets/blog/sharing-mysql-pool-connections-between-files-with-nodejs","id":"67600b8feedbebc9482a7132","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"Sharing MySQL Pool connections between files with Node.js"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/82/technology_sb_blog.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/82/@100/technology_sb_blog.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/82/@200/technology_sb_blog.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/82/@500/technology_sb_blog.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/82/@768/technology_sb_blog.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/82/@1024/technology_sb_blog.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/82/@1366/technology_sb_blog.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/82/@1600/technology_sb_blog.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/82/@1920/technology_sb_blog.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/82/@100/technology_sb_blog.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/82/@200/technology_sb_blog.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/82/@500/technology_sb_blog.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/82/@768/technology_sb_blog.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/82/@1024/technology_sb_blog.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/82/@1366/technology_sb_blog.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/82/@1600/technology_sb_blog.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/82/@1920/technology_sb_blog.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/82/@100/technology_sb_blog.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/82/@200/technology_sb_blog.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/82/@500/technology_sb_blog.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/82/@768/technology_sb_blog.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/82/@1024/technology_sb_blog.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/82/@1366/technology_sb_blog.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/82/@1600/technology_sb_blog.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/82/@1920/technology_sb_blog.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Stavros Sotiropoulos"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"January 16th, 2018"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","textContent":"Connection pooling is a requirement in large scale applications. In this blog post I demonstrate my approach on sharing a MySQL pool's connections using Promises while validating the input of my REST endpoint with JSON as middleware, extending my previous blog post."}],"plainText":["Connection pooling is a requirement in large scale applications. In this blog post I demonstrate my approach on sharing a MySQL pool's connections using Promises while validating the input of my REST endpoint with JSON as middleware, extending my previous blog post."]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":{"text":"Installing the modules"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"The required packages are express, jsonschema, body-parser, promise-mysql. Promise-mysql allows the usage of Promises and provides the utillities of the mysql module. To install them run: "},{"kind":"block","type":"paragraph","children":[{"kind":"block","type":"preformatted","children":[{"type":"code","kind":"block","textContent":"npm install express ","metadata":{"language":"javascript"}}]},{"kind":"inline","textContent":"jsonschema body-parser promise-mysql"}]}]},"videos":null,"images":null},{"title":{"text":"JSON Validation as middleware"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"By exporting our JSON Validation example as a module and calling it as a middleware, we check for a valid input while achieving cleaner code."},{"kind":"block","type":"preformatted","children":[{"type":"code","kind":"block","textContent":"var jsonValidator = require('jsonschema').Validator;\nvar validator = new jsonValidator();\nvalidator.addSchema(userSchema,\"/User\");\n\nmodule.exports = {\n JsonValidation: function(req,res,next){\n if(req.get(\"Content-Type\")!=\"application/json\"){\n res.status(401).send(\"Invalid header format\");\n return;\n }\n\n try {\n validator.validate(req.body,itemSchema,{\"throwError\":true});\n } catch(error) {\n res.status(401).end(\"Invalid body format: \" + error.message);\n return;\n }\n\n next();\n }\n};","metadata":{"language":"javascript"}}]}]},"videos":null,"images":null},{"title":{"text":"Creating pool and sharing connection"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"In order to create the pool and make it shareable to other files, we export a function that requests a connection from the pool. We make sure that it uses Promises and ensures the synchronous functionality, when calling it from our endpoint."},{"kind":"block","type":"preformatted","children":[{"type":"code","kind":"block","textContent":"var connectionPool = mysql.createPool({\n host: '127.0.0.1',\n user: '********',\n password: '*******',\n database: '********',\n port: '3306'\n});\n\nmodule.exports = {\n getConnection: function() {\n return new Promise(function(resolve, reject) {\n connectionPool\n .getConnection()\n .then(function(connection) {\n resolve(connection);\n })\n .catch(function(error) {\n reject(error);\n });\n });\n }\n};\n\nvar connectionPool = mysql.createPool({\n host: '127.0.0.1',\n user: '********',\n password: '*******',\n database: '********',\n port: '3306'\n});\n\nmodule.exports = {\n getConnection: function() {\n return new Promise(function(resolve, reject) {\n connectionPool\n .getConnection()\n .then(function(connection) {\n resolve(connection);\n })\n .catch(function(error) {\n reject(error);\n });\n });\n }\n};","metadata":{"language":"javascript"}}]}]},"videos":null,"images":null},{"title":{"text":"Connecting the dots"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Now that our two modules are created and imported to our file, we can validate our input and request a connection, as shown below. After receiving our connection, we proceed in making changes in our database. Notice that JSON validation is run as middleware, before our main logic. Make sure that you release the connection after getting your results. Note that the connection returned by \"getConnection\", in promise-mysql, is a field of the object that we use for queries."},{"kind":"block","type":"preformatted","children":[{"type":"code","kind":"block","textContent":"app.post('/add/product', validate.JsonValidation, function(req, res) {\n mysqlConnection.getConnection().then(function(connection) {\n findOrCreateUser(user, connection)\n .then(function(result) {\n item.seller = result;\n addItem(item, connection)\n .then(function(results) {\n connection.connection.release();\n res.status(200).json(results);\n })\n .catch(function(error) {\n res.status(500).end('Error: ' + error);\n });\n })\n .catch(function(error) {\n res.status(500).end('Error: ' + error);\n });\n });\n});","metadata":{"language":"javascript"}}]},{"kind":"block","type":"paragraph","textContent":"The code for the functionality of the endpoint is shown bellow "},{"kind":"block","type":"preformatted","children":[{"type":"code","kind":"block","textContent":"$89","metadata":{"language":"javascript"}}]}]},"videos":null,"images":null}]}}]},{"topics":[{"name":"Development"},{"name":"User Experience"}],"name":"Force HTTPS behind Elastic Load Balancer on a NodeJS application","path":"/assets/blog/force-https-behind-elastic-load-balancer-on-a-nodejs-application","id":"67600c2ceedbebc9482a7134","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"Force HTTPS behind Elastic Load Balancer on a NodeJS application"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/83/development_sb_blog.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/83/@100/development_sb_blog.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/83/@200/development_sb_blog.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/83/@500/development_sb_blog.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/83/@768/development_sb_blog.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/83/@1024/development_sb_blog.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/83/@1366/development_sb_blog.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/83/@1600/development_sb_blog.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/83/@1920/development_sb_blog.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/83/@100/development_sb_blog.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/83/@200/development_sb_blog.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/83/@500/development_sb_blog.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/83/@768/development_sb_blog.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/83/@1024/development_sb_blog.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/83/@1366/development_sb_blog.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/83/@1600/development_sb_blog.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/83/@1920/development_sb_blog.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/83/@100/development_sb_blog.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/83/@200/development_sb_blog.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/83/@500/development_sb_blog.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/83/@768/development_sb_blog.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/83/@1024/development_sb_blog.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/83/@1366/development_sb_blog.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/83/@1600/development_sb_blog.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/83/@1920/development_sb_blog.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Håkon Gullord Krogh"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"February 6th, 2018"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","textContent":"HTTPS is good. We all know this. So how to ensure only HTTPS traffic for your Express application that is hosted behind an Elastic Load Balancer?"}],"plainText":["HTTPS is good. We all know this. So how to ensure only HTTPS traffic for your Express application that is hosted behind an Elastic Load Balancer?"]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":{"text":"HTTPS benefits"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"If you have not enabled HTTPS for your website yet, it is about time to do so. The benefits with HTTPS are just so incredibly good!"},{"kind":"block","type":"unordered-list","children":[{"kind":"block","type":"list-item","textContent":"Encryption for the end user"},{"kind":"block","type":"list-item","children":[{"kind":"inline","textContent":"Service worker can be enabled for most browsers, which is a must-have for "},{"kind":"inline","type":"link","metadata":{"href":"https://developers.google.com/web/progressive-web-apps/"},"textContent":"Progressive Web Apps (PWA)"},{"kind":"inline","textContent":" "}]},{"kind":"block","type":"list-item","children":[{"kind":"inline","textContent":"Increased "},{"kind":"inline","type":"link","metadata":{"href":"https://security.googleblog.com/2014/08/https-as-ranking-signal_6.html"},"textContent":"Google page rank"}]},{"kind":"block","type":"list-item","textContent":"Improved loading performance, if your webserver support HTTP2"},{"kind":"block","type":"list-item","textContent":"Cool browser label in the address bar which increases customer confidence"}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"There are a lot of guides on how to do it, and getting a certificate is actually free if you use AWS Certifiate Manager, or other free Certificate Authorities like "},{"kind":"inline","type":"link","metadata":{"href":"https://letsencrypt.org/"},"textContent":"LetsEncrypt"},{"kind":"inline","textContent":". "}]}]},"videos":null,"images":null},{"title":{"text":"Forcing HTTPS on Express behind Elastic Load Balancer"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Our stack uses Express on a NodeJS server, so this blog post is only focusing on Express. AWS have "},{"kind":"inline","type":"link","metadata":{"href":"https://aws.amazon.com/premiumsupport/knowledge-center/redirect-http-https-elb/"},"textContent":"fine guides"},{"kind":"inline","textContent":" on how to redirect for other web servers, but none on Express unfortunatly."}]},{"kind":"block","type":"paragraph","textContent":"Since Elastic Load Balancer forwards all traffic (both http and https) to the same port in our application, all the traffic internally in our application will be http. This is exactly what we want, but we must force the end user to only use https."},{"kind":"block","type":"paragraph","textContent":"Elastic Load Balancer is nice enough to append an extra request header to the request (x-forwarded-proto) which tells us from which protocol the request originated from. We can use this in an Express middleware to do redirections:"},{"kind":"block","type":"preformatted","children":[{"type":"code","kind":"block","textContent":"function forceHttps(req, res, next) {\n const xfp =\n req.headers[\"X-Forwarded-Proto\"] || req.headers[\"x-forwarded-proto\"];\n if (xfp === \"http\") {\n res.redirect(301, `https://${hostname}${req.url}`);\n } else {\n next();\n }\n }\n\nserver.use(forceHttps);","metadata":{"language":"javascript"}}]}]},"videos":null,"images":null},{"title":{"text":"NPM module"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Since we don't want to write the middleware again and again for all our applications, we created a small "},{"kind":"inline","type":"link","metadata":{"href":"https://www.npmjs.com/package/@crystallize/elasticloadbalancer-express-force-https"},"textContent":"NPM module"},{"kind":"inline","textContent":" that does just that."}]},{"kind":"block","type":"paragraph","textContent":"This is how you use it:"},{"kind":"block","type":"preformatted","children":[{"type":"code","kind":"block","textContent":"const express = require('express');\nconst forceHttps = require('@crystallize/elasticloadbalancer-express-force-https');\n\nconst server = express();\nserver.use(forceHttps());","metadata":{"language":"javascript"}}]},{"kind":"block","type":"paragraph","textContent":"That's it! All your traffic will now be forwarded to https if the x-forwarded-proto=http. It will not do anything if the header is not present."}]},"videos":null,"images":null}]}}]},{"topics":[{"name":"User Experience"},{"name":"Marketing"},{"name":"Growth Strategy"}],"name":"How is Social Media reflecting the best and worst of us?","path":"/assets/blog/how-is-social-media-reflecting-the-best-and-worst-of-us","id":"67600c9f187d7e36a6f63c4b","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"How is Social Media reflecting the best and worst of us?"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/84/social_media_sb_blog.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/84/@100/social_media_sb_blog.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/84/@200/social_media_sb_blog.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/84/@500/social_media_sb_blog.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/84/@768/social_media_sb_blog.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/84/@1024/social_media_sb_blog.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/84/@1366/social_media_sb_blog.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/84/@1600/social_media_sb_blog.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/84/@1920/social_media_sb_blog.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/84/@100/social_media_sb_blog.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/84/@200/social_media_sb_blog.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/84/@500/social_media_sb_blog.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/84/@768/social_media_sb_blog.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/84/@1024/social_media_sb_blog.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/84/@1366/social_media_sb_blog.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/84/@1600/social_media_sb_blog.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/84/@1920/social_media_sb_blog.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/84/@100/social_media_sb_blog.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/84/@200/social_media_sb_blog.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/84/@500/social_media_sb_blog.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/84/@768/social_media_sb_blog.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/84/@1024/social_media_sb_blog.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/84/@1366/social_media_sb_blog.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/84/@1600/social_media_sb_blog.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/84/@1920/social_media_sb_blog.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Maria Teresa Weidlich"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"July 19th, 2018"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","textContent":"I believe it's worthy to name a few shameless situations I've experienced while working within the Social Media industry to be realistic and responsible about how can we improve the content creation process and consequently refine what we see on Social Media. Creative control responsibility rules the process. "},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"line-break"}]}],"plainText":["I believe it's worthy to name a few shameless situations I've experienced while working within the Social Media industry to be realistic and responsible about how can we improve the content creation process and consequently refine what we see on Social Media. Creative control responsibility rules the process.",""]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":{"text":"Case 1"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"I've sent someone a tip via Insta stories and got a pretty harsh reply. In this specific situation, someone wasn't open to accept my advice which was a response to the following question, how many pictures should I post per day, 3 or 4? I've said one is more than enough, and the person goes: accordingly to who? Followed by an ironic emoji, full stop."},{"kind":"block","type":"paragraph","textContent":"That makes me think about how Social Media brings up the best and the worse of us. In this specific case, the person was intimidated by the fact I was against her opinion by replying defensively. "}]},"videos":null,"images":null},{"title":{"text":"Case 2"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"I was watching the news the other day while the reporter is scrolling over a big screen and commenting a battle of tweets between Elon Musk, who called Vern Unsworth, one of the rescuers who helped save the young Thai football team trapped in caves, a \"pedo\"."},{"kind":"block","type":"paragraph","textContent":"Hold on a minute, so now we are going to use the news to merchandise? The \"pedo\" helped to save the kids while Musk continues trapped in his \"futuristic cave\"."}]},"videos":null,"images":null},{"title":{"text":"Case 3"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"I took part in an influencer's event, and I was amazed by the fact more than ten people were literally over the table to photograph food. They have lights, hair and hands touching the food plates and cutlery. You can sense the tension growing on the room for the sake of taking the \"best pic\" to get more attention on Social Media, afterwards everyone seats and eats, disgustingly."},{"kind":"block","type":"paragraph","textContent":"I became much more selective when it comes to food events since back then."}]},"videos":null,"images":null},{"title":{"text":"Case 4"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"I was invited by an Influencer to go and try a new ice cream shop. We never saw each other before so this was a blind date equivalent. We walk to the shop over small talk. The girl orders ice cream, while the guy behind the counter is preparing it, she runs to the toilet to change her outfit. She didn't ask anything about the business or what is unique about it, on her way back she grabs her ice cream and leaves the shop in search of \"the best lighting\". "},{"kind":"block","type":"paragraph","textContent":"In less than 3 minutes I get my shoot and start eating my ice cream. In the meantime, I watch the girl from a distance struggling to hold her ice cream that is now melting, she smiles effusively taking uncountable pictures, she asks someone passing by to help her, it has been about ten minutes or so, she didn't eat the ice cream at all. Well, there's not much she can do right now, it's all melting down anyways! So she walks towards the bin tucking the cone away"}]},"videos":null,"images":null},{"title":{"text":"The question is by which means are we getting attention?"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"emphasized","textContent":"All situations above have something in common, a careless urgency of attention without reflecting on the consequences or those involved in it. Companies need to acknowledge that when putting an Influencer Marketing Strategy together before investing a considerable amount of budget on a face that is going to do nothing but perform."}]},{"kind":"block","type":"paragraph","textContent":"It all narrows down to driving attention to content and find how can that particularly influence someone to engage or make decisions."},{"kind":"block","type":"paragraph","textContent":"I believe creating content for Social Media is a powerful tool to build up and deconstruct realities, what is quite typical to the mass media discourse too, however, aren't we talking about decentralisation of content? Individuals, who have the autonomy to express themselves genuinely to create and choose, filter what they want to see?"},{"kind":"block","type":"paragraph","textContent":"Therefore, storytelling is the antidote for lack of transparency on the content creation process. Changing attitude and approach is an excellent step because when you're merely narrating facts, you're less likely to find copies out there. Well, technically speaking that's the central pillar of journalism in a sense."},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Companies such as "},{"kind":"inline","type":"link","metadata":{"href":"https://www.dove.com/uk/home.html"},"textContent":"Dove"},{"kind":"inline","textContent":" and "},{"kind":"inline","type":"link","metadata":{"href":"https://www.vice.com/en_us"},"textContent":"Vice"},{"kind":"inline","textContent":" are early adopters of this approach, and they're one of the best examples to look into these days. They smartly prove that content creation it's not solely about creating and sharing ideal situations, and beautiful moments, it's not only about beautiful faces, but adding more into it, history, information, interaction, imperfection, ideas, causes."}]},{"kind":"block","type":"paragraph","textContent":"I believe a terrible thing about Social Media nowadays is that we are continually mirroring ourselves to perfection instead of acknowledging that this is purely a vision. A distorted perception of reality because we can't live in a world where everyone is smiling and having ice cream all the time, especially when there's a lot more going on under our noses."},{"kind":"block","type":"paragraph","textContent":"As much as content creators need to have independent and creative control over their content to remain true to themselves, by all means, there is no way companies should encourage a distorted vision of reality."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/245/171_elonmuskbritishdiverpedogut_resize_md.jpg","altText":null,"width":744,"height":389,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/245/@100/171_elonmuskbritishdiverpedogut_resize_md.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/245/@200/171_elonmuskbritishdiverpedogut_resize_md.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/245/@500/171_elonmuskbritishdiverpedogut_resize_md.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/245/@100/171_elonmuskbritishdiverpedogut_resize_md.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/245/@200/171_elonmuskbritishdiverpedogut_resize_md.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/245/@500/171_elonmuskbritishdiverpedogut_resize_md.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/245/@100/171_elonmuskbritishdiverpedogut_resize_md.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/245/@200/171_elonmuskbritishdiverpedogut_resize_md.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/245/@500/171_elonmuskbritishdiverpedogut_resize_md.avif","width":500}]}]}]}}]},{"topics":[{"name":"Development"},{"name":"User Experience"}],"name":"Slack Apple TV App written in React Native","path":"/assets/blog/slack-apple-tv-app-written-in-react-native","id":"67600d1f17bcc94862d95c7a","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"Slack Apple TV App written in React Native"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/85/technology_sb_blog.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/85/@100/technology_sb_blog.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/85/@200/technology_sb_blog.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/85/@500/technology_sb_blog.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/85/@768/technology_sb_blog.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/85/@1024/technology_sb_blog.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/85/@1366/technology_sb_blog.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/85/@1600/technology_sb_blog.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/85/@1920/technology_sb_blog.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/85/@100/technology_sb_blog.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/85/@200/technology_sb_blog.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/85/@500/technology_sb_blog.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/85/@768/technology_sb_blog.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/85/@1024/technology_sb_blog.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/85/@1366/technology_sb_blog.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/85/@1600/technology_sb_blog.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/85/@1920/technology_sb_blog.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/85/@100/technology_sb_blog.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/85/@200/technology_sb_blog.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/85/@500/technology_sb_blog.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/85/@768/technology_sb_blog.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/85/@1024/technology_sb_blog.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/85/@1366/technology_sb_blog.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/85/@1600/technology_sb_blog.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/85/@1920/technology_sb_blog.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":" Didrik Steen Hegna"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"January 16th, 2018"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","textContent":"I love dashboards and keeping track of notifications. Lately I find that we have been using Slack to centralize our notifications from different projects. I wanted one of our TV screens in the office to always show the latest updates and I wanted this in-brand. The result was an Apple TV App written in React Native. In this post I share the main parts to get this up and running."}],"plainText":["I love dashboards and keeping track of notifications. Lately I find that we have been using Slack to centralize our notifications from different projects. I wanted one of our TV screens in the office to always show the latest updates and I wanted this in-brand. The result was an Apple TV App written in React Native. In this post I share the main parts to get this up and running."]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":{"text":"Initialize React Native for your Apple TV App."},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"To initialize your React Native App you basically run the react-native command as shown below."},{"kind":"block","type":"paragraph"},{"kind":"block","type":"paragraph","textContent":"This is standard React Native, but now the step comes to make this an Apple TV App."},{"kind":"block","type":"paragraph","textContent":"Open the snowball_slack_tv.xcodeproj file in XCode. From there you can select your tvOS target and run your test App on the iOS TV simulator. This is almost too simple. But now you have your very first Hello World Apple TV App running. One command and two clicks."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/246/_resized_1280.png","altText":null,"width":1280,"height":736,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/246/@100/_resized_1280.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/246/@200/_resized_1280.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/246/@500/_resized_1280.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/246/@768/_resized_1280.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/246/@1024/_resized_1280.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/246/@100/_resized_1280.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/246/@200/_resized_1280.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/246/@500/_resized_1280.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/246/@768/_resized_1280.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/246/@1024/_resized_1280.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/246/@100/_resized_1280.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/246/@200/_resized_1280.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/246/@500/_resized_1280.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/246/@768/_resized_1280.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/246/@1024/_resized_1280.avif","width":1024}]}]},{"title":{"text":"Connect to Slack"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"But I wanted to add an integration with Slack. The first step here is to create an API Token for your Slack Apple TV App. This is done in your Slack App Directory. Hit build -> Make a Custom Integration -> Bots. There you register and you get an API Token as a reward. Remember to keep this API Token secret."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/247/_resized_1280-2.png","altText":null,"width":1279,"height":558,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/247/@100/_resized_1280-2.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/247/@200/_resized_1280-2.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/247/@500/_resized_1280-2.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/247/@768/_resized_1280-2.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/247/@1024/_resized_1280-2.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/247/@100/_resized_1280-2.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/247/@200/_resized_1280-2.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/247/@500/_resized_1280-2.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/247/@768/_resized_1280-2.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/247/@1024/_resized_1280-2.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/247/@100/_resized_1280-2.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/247/@200/_resized_1280-2.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/247/@500/_resized_1280-2.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/247/@768/_resized_1280-2.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/247/@1024/_resized_1280-2.avif","width":1024}]}]},{"title":{"text":"Fetching Slack Channel History"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"In this example I simply choose to use the "},{"kind":"inline","type":"link","metadata":{"href":"https://api.slack.com/methods/channels.history"},"textContent":"channels.history endpoint provided from Slack"},{"kind":"inline","textContent":". This gives you the last messages from the given Slack channel, by default the 100 last."}]},{"kind":"block","type":"paragraph","textContent":"Then I created a function fetchSlackChannel that returns a promise. You use promises to wait for async operations like fetch in Javascript in case you wondered. When the promise is resolved it passes the response data from the channels.history endpoint."},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"The specifics here are that we create a POST call to the channels.history endpoint. We define the parameters token and channel. The token is the one you got from your Slack settings. The channel ID you can get from e.g. using "},{"kind":"inline","type":"link","metadata":{"href":"https://www.getpostman.com/"},"textContent":"Postman"},{"kind":"inline","textContent":" and do a call to "},{"kind":"inline","type":"link","metadata":{"href":"https://api.slack.com/methods/channels.list"},"textContent":"channels.list"},{"kind":"inline","textContent":". In return you get the 100 last messages in that channel."}]},{"kind":"block","type":"paragraph"}]},"videos":null,"images":null},{"title":{"text":"Running a periodic function in React Native"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"I wanted to fetch new messages periodically. To achieve that in React Native you can use the "},{"kind":"inline","type":"link","metadata":{"href":"https://developer.mozilla.org/en-US/docs/Web/API/WindowOrWorkerGlobalScope/setInterval"},"textContent":"setInterval"},{"kind":"inline","textContent":" function in your componentDidMount function and you need to use clearInterval on componentWillUnmount. If not you will have a crash when the component is unmounted."}]},{"kind":"block","type":"paragraph","textContent":"My componentDidMount function runs a function updateSlackView and then creates a callback function that is called every 10 seconds doing the same. The reason why I do this is that the view is updated on load and then updated every 10 seconds."},{"kind":"block","type":"paragraph","textContent":"I added a ListView component to my main view to show the Slack messages. The updateSlackView function fetches the updates from the Slack channel and then sets the state with the refreshed messages. The view is automatically updated in case of any changes."},{"kind":"block","type":"paragraph","textContent":"That is it really. The Slack channel used for testing is shown below."},{"kind":"block","type":"paragraph"}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/248/_resized_1280-3.png","altText":null,"width":1280,"height":719,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/248/@100/_resized_1280-3.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/248/@200/_resized_1280-3.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/248/@500/_resized_1280-3.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/248/@768/_resized_1280-3.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/248/@1024/_resized_1280-3.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/248/@100/_resized_1280-3.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/248/@200/_resized_1280-3.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/248/@500/_resized_1280-3.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/248/@768/_resized_1280-3.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/248/@1024/_resized_1280-3.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/248/@100/_resized_1280-3.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/248/@200/_resized_1280-3.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/248/@500/_resized_1280-3.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/248/@768/_resized_1280-3.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/248/@1024/_resized_1280-3.avif","width":1024}]}]},{"title":{"text":"The Apple TV App"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"The resulting Apple TV App is shown here. Not a very feature rich application, but it does connect your Apple TV to Slack. From here it is basically about styling and minor features to get something useful."}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/249/screenshot_apple_tv_slack_app.png","altText":null,"width":1918,"height":1128,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/249/@100/screenshot_apple_tv_slack_app.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/249/@200/screenshot_apple_tv_slack_app.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/249/@500/screenshot_apple_tv_slack_app.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/249/@768/screenshot_apple_tv_slack_app.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/249/@1024/screenshot_apple_tv_slack_app.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/249/@1366/screenshot_apple_tv_slack_app.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/249/@1600/screenshot_apple_tv_slack_app.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/249/@100/screenshot_apple_tv_slack_app.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/249/@200/screenshot_apple_tv_slack_app.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/249/@500/screenshot_apple_tv_slack_app.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/249/@768/screenshot_apple_tv_slack_app.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/249/@1024/screenshot_apple_tv_slack_app.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/249/@1366/screenshot_apple_tv_slack_app.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/249/@1600/screenshot_apple_tv_slack_app.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/249/@100/screenshot_apple_tv_slack_app.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/249/@200/screenshot_apple_tv_slack_app.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/249/@500/screenshot_apple_tv_slack_app.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/249/@768/screenshot_apple_tv_slack_app.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/249/@1024/screenshot_apple_tv_slack_app.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/249/@1366/screenshot_apple_tv_slack_app.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/249/@1600/screenshot_apple_tv_slack_app.avif","width":1600}]}]},{"title":{"text":"Complete Code"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"You can see the complete code below. Hopefully you find it useful."}]},"videos":null,"images":null}]}}]},{"topics":[{"name":"Development"},{"name":"User Experience"}],"name":"Switch between front and back Camera in React Native","path":"/assets/blog/switch-between-front-and-back-camera-in-react-native","id":"67600dc717bcc94862d95dd0","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"Switch between front and back Camera in React Native"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/92/development_sb_blog.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/92/@100/development_sb_blog.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/92/@200/development_sb_blog.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/92/@500/development_sb_blog.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/92/@768/development_sb_blog.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/92/@1024/development_sb_blog.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/92/@1366/development_sb_blog.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/92/@1600/development_sb_blog.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/92/@1920/development_sb_blog.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/92/@100/development_sb_blog.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/92/@200/development_sb_blog.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/92/@500/development_sb_blog.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/92/@768/development_sb_blog.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/92/@1024/development_sb_blog.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/92/@1366/development_sb_blog.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/92/@1600/development_sb_blog.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/92/@1920/development_sb_blog.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/92/@100/development_sb_blog.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/92/@200/development_sb_blog.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/92/@500/development_sb_blog.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/92/@768/development_sb_blog.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/92/@1024/development_sb_blog.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/92/@1366/development_sb_blog.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/92/@1600/development_sb_blog.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/92/@1920/development_sb_blog.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Didrik Steen Hegna"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"January 16th, 2018"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","textContent":"So let’s extend our camera app even further, in this nifty little blog post we will implement a button to switch between the front and back camera on your phone"}],"plainText":["So let’s extend our camera app even further, in this nifty little blog post we will implement a button to switch between the front and back camera on your phone"]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":null,"body":{"json":[{"kind":"block","type":"paragraph","textContent":"If you have not read our two previous blog posts on how to get started on an React Native Camera App I suggest you take a look at Capturing Pictures in React Native."},{"kind":"block","type":"paragraph","textContent":"At the moment our camera component is stateless, so first off we need to add a constructor and a couple of states."},{"kind":"block","type":"preformatted","children":[{"type":"code","kind":"block","textContent":"constructor(props) {\n super(props);\n\n this.state = {\n cameraType : 'back',\n mirrorMode : false\n }\n}","metadata":{"language":"javascript"}}]},{"kind":"block","type":"paragraph","textContent":"Now that we a couple of states we should use these to define our initial camera options. As you can see I also added a mirrormode state, this is because we need to return a mirrored image on capture for all those selfies."},{"kind":"block","type":"paragraph","textContent":"In the camera declaration add these two lines:"},{"kind":"block","type":"preformatted","children":[{"type":"code","kind":"block","textContent":"type={this.state.cameraType} \nmirrorImage={this.state.mirrorMode}","metadata":{"language":"javascript"}}]},{"kind":"block","type":"paragraph","textContent":"Easy enough huh? Lets add a function to switch between our two cameras."},{"kind":"block","type":"preformatted","children":[{"type":"code","kind":"block","textContent":"changeCameraType() {\n if (this.state.cameraType === 'back') {\n this.setState({\n cameraType: 'front',\n mirror: true\n });\n } else {\n this.setState({\n cameraType: 'back',\n mirror: false\n });\n }\n}","metadata":{"language":"javascript"}}]},{"kind":"block","type":"paragraph","textContent":"Next we need to add something amazing to click on, but let’s be lazy and still use a text block as button for now, we will focus on making this app sparkle at a later stage."},{"kind":"block","type":"paragraph","textContent":"Add this line somewhere inside you camera:"},{"kind":"block","type":"preformatted","children":[{"type":"code","kind":"block","textContent":"<Text style={styles.capture} onPress={this.changeCameraType.bind(this)}>\n [SWITCH O ROONEY]\n</Text>;","metadata":{"language":"javascript"}}]},{"kind":"block","type":"paragraph","textContent":"And thats it! Get on rocking with those selfies!"},{"kind":"block","type":"paragraph","textContent":"The screenshot below shows how your camera application should look now"},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"line-break"}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/250/camera.jpg","altText":null,"width":400,"height":711,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/250/@100/camera.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/250/@200/camera.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/250/@100/camera.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/250/@200/camera.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/250/@100/camera.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/250/@200/camera.avif","width":200}]}]},{"title":null,"body":{"json":[{"kind":"block","type":"paragraph","textContent":"And for all of you TLDR people, here is the full view so you can copy paste it to your project."},{"kind":"block","type":"preformatted","children":[{"type":"code","kind":"block","textContent":"$8a","metadata":{"language":"javascript"}}]}]},"videos":null,"images":null}]}}]},{"topics":[{"name":"Development"}],"name":"Validating REST endpoints with JSON Schemas using Express and Node.js","path":"/assets/blog/validating-rest-endpoints-with-json-schemas-using-express-and-nodejs","id":"67600f6d187d7e36a6f661ca","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"Validating REST endpoints with JSON Schemas using Express and Node.js"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/88/development_sb_blog.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/88/@100/development_sb_blog.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/88/@200/development_sb_blog.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/88/@500/development_sb_blog.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/88/@768/development_sb_blog.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/88/@1024/development_sb_blog.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/88/@1366/development_sb_blog.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/88/@1600/development_sb_blog.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/88/@1920/development_sb_blog.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/88/@100/development_sb_blog.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/88/@200/development_sb_blog.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/88/@500/development_sb_blog.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/88/@768/development_sb_blog.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/88/@1024/development_sb_blog.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/88/@1366/development_sb_blog.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/88/@1600/development_sb_blog.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/88/@1920/development_sb_blog.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/88/@100/development_sb_blog.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/88/@200/development_sb_blog.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/88/@500/development_sb_blog.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/88/@768/development_sb_blog.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/88/@1024/development_sb_blog.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/88/@1366/development_sb_blog.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/88/@1600/development_sb_blog.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/88/@1920/development_sb_blog.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Stavros Sotiropoulos"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"January 16, 2018"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","textContent":"Input validation is important. In this post we take a look at how we can use JSON Schemas to validate our input values for our REST endpoints. I have used the example of an online market where you can submit items for sale. The implementation is done using Express and Node.js."}],"plainText":["Input validation is important. In this post we take a look at how we can use JSON Schemas to validate our input values for our REST endpoints. I have used the example of an online market where you can submit items for sale. The implementation is done using Express and Node.js."]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":null,"body":{"json":[{"kind":"block","type":"paragraph","textContent":"I use the express, jsonschema and body-parser packages for Node.js in this example. Express allows us to easily create our server, JSONSchema’s Validator class is used to validate our client request input and body-parser is a tool to help us get a JSON representation of our request's body."},{"kind":"block","type":"paragraph","textContent":"To install the previously mentioned packages simply run the following commands and you are ready to go."},{"kind":"block","type":"preformatted","children":[{"type":"code","kind":"block","textContent":"npm install express body-parser jsonschema","metadata":{"language":"javascript"}}]}]},"videos":null,"images":null},{"title":{"text":"Declaring the JSON Schema"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"The item for sale would have fields containing information about the seller as well as the properties of the item itself. We declare the following two schemas. Notice that the itemSchema object holds a reference to our userSchema object and that all mandatory properties are defined as required."},{"kind":"block","type":"preformatted","children":[{"type":"code","kind":"block","textContent":"var userSchema = { \"id\":\"/User\", \"type\":\"object\", \"properties\":{ \"username\": {\"type\":\"string\"}, \"email\": { \"type\": \"string\", \"format\" : \"email\" }, \"votes\": {\"type\": \"integer\"} }, \"required\" :[\"username\",\"email\",\"votes\"]};var itemSchema = { \"id\":\"/Item\", \"type\":\"object\", \"properties\": { \"price\": {\"type\":\"number\"}, \"width\": {\"type\":\"integer\"}, \"height\": {\"type\":\"integer\"}, \"added\": {\"type\": \"string\", \"format\": \"date-time\"}, \"seller\": {\"$ref\": \"/User\"}, \"image\": { \"type\": \"string\", \"format\": \"uri\" } }, \"required\" :[\"price\",\"width\",\"height\",\"added\",\"seller\"]};var validator = new jsonValidator();validator.addSchema(userSchema,\"/User\");","metadata":{"language":"javascript"}}]},{"kind":"block","type":"paragraph","textContent":"In order to instantiate our validator and link our two schemas we instantiate a new validator object and call addSchema as shown above."}]},"videos":null,"images":null},{"title":{"text":"Adding validation to our endpoint in Express"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"Validating our client request is fairly easy at this point, but we must check that our request contains the \"Content-Type application/json\" header and more importantly that we provide our validator with the option of throwing an error on an invalid comparison. With that said you can see validating our header and request body."},{"kind":"block","type":"preformatted","children":[{"type":"code","kind":"block","textContent":"if(req.get(\"Content-Type\")!=\"application/json\") { res.status(401).send(\"Invalid header format\"); return;}try { validator.validate(req.body,itemSchema, \"throwError\":true});} catch(error) { res.status(401).end(\"Invalid body format: \" + error.message); return;}","metadata":{"language":"javascript"}}]}]},"videos":null,"images":null},{"title":{"text":"Testing our Endpoint with Postman"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"I am using "},{"kind":"inline","type":"link","metadata":{"href":"https://www.getpostman.com/"},"textContent":"Postman"},{"kind":"inline","textContent":" to generate a valid and an invalid request as shown below."}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/253/_resized_1280.png","altText":null,"width":1160,"height":1280,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/253/@100/_resized_1280.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/253/@200/_resized_1280.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/253/@500/_resized_1280.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/253/@768/_resized_1280.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/253/@1024/_resized_1280.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/253/@100/_resized_1280.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/253/@200/_resized_1280.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/253/@500/_resized_1280.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/253/@768/_resized_1280.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/253/@1024/_resized_1280.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/253/@100/_resized_1280.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/253/@200/_resized_1280.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/253/@500/_resized_1280.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/253/@768/_resized_1280.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/253/@1024/_resized_1280.avif","width":1024}]}]},{"title":null,"body":null,"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/254/failure.png","altText":null,"width":1150,"height":1220,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/254/@100/failure.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/254/@200/failure.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/254/@500/failure.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/254/@768/failure.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/254/@1024/failure.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/254/@100/failure.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/254/@200/failure.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/254/@500/failure.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/254/@768/failure.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/254/@1024/failure.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/254/@100/failure.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/254/@200/failure.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/254/@500/failure.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/254/@768/failure.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/254/@1024/failure.avif","width":1024}]}]},{"title":{"text":"Complete code example"},"body":{"json":[{"kind":"block","type":"preformatted","children":[{"type":"code","kind":"block","textContent":"$8b","metadata":{"language":"javascript"}}]}]},"videos":null,"images":null}]}}]},{"topics":[{"name":"Product Design"}],"name":"Lounge Chair Product Design","path":"/assets/blog/lounge-chair-product-design","id":"676010afad072a77362ffb6f","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"Lounge Chair Product Design"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/90/lifestyle_sb_blog.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/90/@100/lifestyle_sb_blog.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/90/@200/lifestyle_sb_blog.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/90/@500/lifestyle_sb_blog.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/90/@768/lifestyle_sb_blog.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/90/@1024/lifestyle_sb_blog.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/90/@1366/lifestyle_sb_blog.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/90/@1600/lifestyle_sb_blog.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/90/@1920/lifestyle_sb_blog.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/90/@100/lifestyle_sb_blog.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/90/@200/lifestyle_sb_blog.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/90/@500/lifestyle_sb_blog.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/90/@768/lifestyle_sb_blog.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/90/@1024/lifestyle_sb_blog.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/90/@1366/lifestyle_sb_blog.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/90/@1600/lifestyle_sb_blog.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/90/@1920/lifestyle_sb_blog.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/90/@100/lifestyle_sb_blog.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/90/@200/lifestyle_sb_blog.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/90/@500/lifestyle_sb_blog.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/90/@768/lifestyle_sb_blog.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/90/@1024/lifestyle_sb_blog.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/90/@1366/lifestyle_sb_blog.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/90/@1600/lifestyle_sb_blog.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/90/@1920/lifestyle_sb_blog.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Eduardo Morán Alvarado"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"March 21st, 2018"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","textContent":"Getting to design a product is an awesome thing. The ability to take something from an early idea, through concept definition, visualization, and finally developing an end product is a rewarding process. This is exactly what we did with this lounge chair."}],"plainText":["Getting to design a product is an awesome thing. The ability to take something from an early idea, through concept definition, visualization, and finally developing an end product is a rewarding process. This is exactly what we did with this lounge chair."]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":{"text":"Retro-inspired Awesomeness"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"We wanted to run through our "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/services"},"textContent":"product design process"},{"kind":"inline","textContent":" with a different type of product. To keep it interesting and fun, we chose a lounge chair. Obviously the world has given us plenty of well-designed chairs already, so we were looking to try something a bit more unique. The inspiration we ended up with come from a 1960’s telephone chair, but re-imagined for today’s needs. "}]},{"kind":"block","type":"paragraph","textContent":"Although pretty obvious already, phone chairs used to be a place to sit while calling and/or talking on the phone. Sounds crazy we know, but there was actually a time when phones were fixed to one location, connected to the wall with a permanent cord! To make this more convenient, the chairs typically included some sort of side-table to place the telephone on."},{"kind":"block","type":"paragraph","textContent":"Today our needs are a bit different. Phones are no longer connected to stationary walls, although one may like to argue otherwise since we now are constantly plugging them into wall-outlets to charge! But I digress. "},{"kind":"block","type":"paragraph","textContent":"You have your laptop, tablet, magazine or coffee cup, and want to relax while consuming your favourite social media in a comfy and good looking chair. This is what we wanted to address with this chair, and this is what we accomplished. "},{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Interested in a deeper design dive? Read here for more information regarding our "},{"kind":"inline","type":"link","metadata":{"href":"https://snowball.digital/work/lounge-chair-concept"},"textContent":"lounge chair concept"},{"kind":"inline","textContent":". "}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/257/131_lounge_chair.jpeg","altText":null,"width":3200,"height":2371,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/257/@100/131_lounge_chair.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/257/@200/131_lounge_chair.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/257/@500/131_lounge_chair.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/257/@768/131_lounge_chair.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/257/@1024/131_lounge_chair.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/257/@1366/131_lounge_chair.jpeg","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/257/@1600/131_lounge_chair.jpeg","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/257/@1920/131_lounge_chair.jpeg","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/257/@3200/131_lounge_chair.jpeg","width":3200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/257/@100/131_lounge_chair.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/257/@200/131_lounge_chair.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/257/@500/131_lounge_chair.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/257/@768/131_lounge_chair.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/257/@1024/131_lounge_chair.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/257/@1366/131_lounge_chair.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/257/@1600/131_lounge_chair.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/257/@1920/131_lounge_chair.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/257/@3200/131_lounge_chair.webp","width":3200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/257/@100/131_lounge_chair.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/257/@200/131_lounge_chair.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/257/@500/131_lounge_chair.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/257/@768/131_lounge_chair.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/257/@1024/131_lounge_chair.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/257/@1366/131_lounge_chair.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/257/@1600/131_lounge_chair.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/257/@1920/131_lounge_chair.avif","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/257/@3200/131_lounge_chair.avif","width":3200}]}]}]}}]},{"topics":[{"name":"Development"},{"name":"User Experience"},{"name":"Growth Strategy"}],"name":"HTTPS is faster than HTTP","path":"/assets/blog/https-is-faster-than-http","id":"676010ed187d7e36a6f664ca","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"HTTPS is faster than HTTP"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/91/seo_sb_blog.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/91/@100/seo_sb_blog.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/91/@200/seo_sb_blog.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/91/@500/seo_sb_blog.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/91/@768/seo_sb_blog.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/91/@1024/seo_sb_blog.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/91/@1366/seo_sb_blog.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/91/@1600/seo_sb_blog.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/91/@1920/seo_sb_blog.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/91/@100/seo_sb_blog.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/91/@200/seo_sb_blog.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/91/@500/seo_sb_blog.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/91/@768/seo_sb_blog.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/91/@1024/seo_sb_blog.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/91/@1366/seo_sb_blog.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/91/@1600/seo_sb_blog.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/91/@1920/seo_sb_blog.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/91/@100/seo_sb_blog.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/91/@200/seo_sb_blog.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/91/@500/seo_sb_blog.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/91/@768/seo_sb_blog.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/91/@1024/seo_sb_blog.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/91/@1366/seo_sb_blog.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/91/@1600/seo_sb_blog.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/91/@1920/seo_sb_blog.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Håkon Gullord Krogh"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"February 8th, 2018"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","textContent":"Secure is faster. HTTPS is the preferred way to serve web pages. The client can be sure that their sensitive info is not being sniffed by the person next to them in the coffee shop, and your site gets a cool green “check” next to the URL.The problem? With HTTPS the browser needs to do extra work, which makes the initial request slower. Despite this, HTTPS sites (can) perform better. How is that possible?"}],"plainText":["Secure is faster. HTTPS is the preferred way to serve web pages. The client can be sure that their sensitive info is not being sniffed by the person next to them in the coffee shop, and your site gets a cool green “check” next to the URL.The problem? With HTTPS the browser needs to do extra work, which makes the initial request slower. Despite this, HTTPS sites (can) perform better. How is that possible?"]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":{"text":"HTTPS initialization"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"The mechanisms needed to ensure encryption for HTTPS this is a "},{"kind":"inline","type":"link","metadata":{"href":"https://istlsfastyet.com/"},"textContent":"TLS handhake"},{"kind":"inline","textContent":". Without getting into details here, the main performance caveat is that it requires the browser to do some additional requests in order to enable the secure connection. The non-secure HTTP does not have to do this, and will get a head start when downloading and presenting the web page. Read more about this on "},{"kind":"inline","type":"link","metadata":{"href":"https://www.ssl.com/article/ssl-tls-handshake-overview/"},"textContent":"ssl.com"}]},{"kind":"block","type":"paragraph","textContent":"As soon as the TLS handshake is done, the browser can continue just as it would with a HTTP connection. So how can HTTPS make up for the head start that HTTP gets?"}]},"videos":null,"images":null},{"title":{"text":"Benefit #1: HTTP2"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"If you surf a webpage on HTTPS AND the web server supports HTTP2, you will get all the cool benefits of new protocol HTTP2, which most importantly includes wonderful performance benefits. The previous version of the protocol that we have been using for the past 10-ish ears, version 1.1, is simply not a good fit for the web landscape of today. HTTP2 is able to "},{"kind":"inline","type":"emphasized","textContent":"maximize your device bandwidth"},{"kind":"inline","textContent":" by running "},{"kind":"inline","type":"emphasized","textContent":"more requests in parallel "},{"kind":"inline","textContent":"and over the same TCP connection. Using our own site as an example, we were able to gain a decent "},{"kind":"inline","type":"emphasized","textContent":"15% speed improvement "},{"kind":"inline","textContent":"just by using HTTPS. No extra config required!"}]},{"kind":"block","type":"paragraph","textContent":"A real-world example on how this looks something like this (courtesy of imagekit.io):"},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"link","metadata":{"href":"https://imagekit.io/demo/http2-vs-http1"},"textContent":"https://imagekit.io/demo/http2-vs-http1"}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/258/http2-vs-http1.gif","altText":null,"width":1070,"height":474,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/258/@100/http2-vs-http1.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/258/@200/http2-vs-http1.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/258/@500/http2-vs-http1.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/258/@768/http2-vs-http1.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/258/@1024/http2-vs-http1.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/258/@100/http2-vs-http1.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/258/@200/http2-vs-http1.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/258/@500/http2-vs-http1.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/258/@768/http2-vs-http1.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/258/@1024/http2-vs-http1.avif","width":1024}]}]},{"title":{"text":"Benefit #2: Service workers"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"If HTTPS is enabled, a good portion of the browsers today can register a "},{"kind":"inline","type":"link","metadata":{"href":"https://developers.google.com/web/fundamentals/primers/service-workers/"},"textContent":"Service Worker"},{"kind":"inline","textContent":" for your site, and thus enable offline support. Our own site is an example of just that, and we are leveraging a Service Worker to enable faster download of assets, as well as offline support. Service Workers will not give a performance boost for first-time-users, but recurring users will get a performance boost."}]}]},"videos":null,"images":null}]}}]},{"topics":[{"name":"Development"}],"name":"Optimizing and testing GraphQL querying using Node.js and Postman","path":"/assets/blog/optimizing-and-testing-graphql-querying-using-nodejs-and-postman","id":"6760114b76e769e5a58930e0","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"Optimizing and testing GraphQL querying using Node.js and Postman"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/92/development_sb_blog.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/25/1/21/92/@100/development_sb_blog.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/92/@200/development_sb_blog.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/92/@500/development_sb_blog.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/92/@768/development_sb_blog.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/92/@1024/development_sb_blog.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/92/@1366/development_sb_blog.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/92/@1600/development_sb_blog.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/92/@1920/development_sb_blog.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/92/@100/development_sb_blog.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/92/@200/development_sb_blog.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/92/@500/development_sb_blog.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/92/@768/development_sb_blog.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/92/@1024/development_sb_blog.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/92/@1366/development_sb_blog.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/92/@1600/development_sb_blog.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/92/@1920/development_sb_blog.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/92/@100/development_sb_blog.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/92/@200/development_sb_blog.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/92/@500/development_sb_blog.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/92/@768/development_sb_blog.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/92/@1024/development_sb_blog.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/92/@1366/development_sb_blog.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/92/@1600/development_sb_blog.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/25/1/21/92/@1920/development_sb_blog.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Stavros Sotiropoulos"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"January 19th, 2018"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","textContent":"As GraphQL becomes more and more used in REST APIs as the query language for data fetching, the question of optimal server side data storing is rising. I will demonstrate a simple way of fetching decoupled data using GraphQL and test the average server response time with 1,000,000 objects and 200 requests."}],"plainText":["As GraphQL becomes more and more used in REST APIs as the query language for data fetching, the question of optimal server side data storing is rising. I will demonstrate a simple way of fetching decoupled data using GraphQL and test the average server response time with 1,000,000 objects and 200 requests."]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":null,"body":{"json":[{"kind":"block","type":"paragraph","textContent":"This blog post aims to show the strengths of GraphQL, in a decoupled system, meaning there is no transaction with the database. Data objects are exported in individual files, allowing the system to be highly scalable, and the average server response time to be stable and independent from the file number. Also notice that I run this example locally, so there is no network delay to be taken into consideration."}]},"videos":null,"images":null},{"title":{"text":"Installing the modules"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"The modules used in this example are shown bellow. Express will be used to build our server, express-graphql to create our graphql endpoint, and morgan to log the server response time in the console."},{"kind":"block","type":"preformatted","children":[{"type":"code","kind":"block","textContent":"npm install express express-graphql graphql randomstring random-words","metadata":{"language":"javascript"}}]}]},"videos":null,"images":null},{"title":{"text":"GraphQL object type declaration"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"The returned object for this example has the form of a simple article with an id, a title, and a body. The data is randomly generated."},{"kind":"block","type":"preformatted","children":[{"type":"code","kind":"block","textContent":"var servedObjectType = new graphql.GraphQLObjectType({\n name: 'servedObject',\n fields: function() {\n return {\n id: {\n type: graphql.GraphQLInt\n },\n title: {\n type: graphql.GraphQLString\n },\n body: {\n type: graphql.GraphQLString\n }\n }\n }\n});","metadata":{"language":"javascript"}}]}]},"videos":null,"images":null},{"title":{"text":"GraphQL query type declaration"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"The GraphQL query requests the article's id and simply returns the object if found. You can see the declaration bellow:"},{"kind":"block","type":"preformatted","children":[{"type":"code","kind":"block","textContent":"var queryType = new graphql.GraphQLObjectType({\n name: 'Query',\n fields: function () {\n return {\n fetchArticle: {\n type: servedObjectType,\n args: {\n id: {type: graphql.GraphQLInt}\n },\n resolve: function (_, { id} ) {\n return JSON.parse(fs.readFileSync(JsonFiles + '/' + id+\".json\", 'utf8'));\n }\n }\n }\n }\n});","metadata":{"language":"javascript"}}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"line-break"}]}]},"videos":null,"images":null},{"title":{"text":"GraphQL endpoint on the Express server"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"For this example the endpoint provides an interface for GraphQL querying, accessible from the web browser, this should not be available in production mode, you can change this by setting the \"graphiql\" value to false."},{"kind":"block","type":"preformatted","children":[{"type":"code","kind":"block","textContent":"app.use('/graphql', graphqlHTTP({\n schema: graphql.schema,\n graphiql: true\n}));","metadata":{"language":"javascript"}}]}]},"videos":null,"images":null},{"title":{"text":"Testing with Postman and Newman"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"As for testing, I generate 1,000,000 articles with dummy data. I also created a simple Node JS module using Newman to make 200 concurrent requests, and presents us with the average server response time in the end. "},{"kind":"inline","type":"link","metadata":{"href":"https://github.com/snowballdigital/graphql-example/blob/master/testing.js"},"textContent":"You can view the newman testing script here"},{"kind":"inline","textContent":". Bellow I present a sample of the console log and the average response time."}]},{"kind":"block","type":"preformatted","children":[{"type":"code","kind":"block","textContent":"Node Server Sample Log\n\nPOST /graphql 200 3.122 ms - 1081\nPOST /graphql 200 2.965 ms - 1077\nPOST /graphql 200 2.168 ms - 1080\nPOST /graphql 200 1.576 ms - 1082","metadata":{"language":"javascript"}}]},{"kind":"block","type":"preformatted","children":[{"type":"code","kind":"block","textContent":"Newman Node Script Log\n*******************************\nTest run average: 5.08\n*******************************","metadata":{"language":"javascript"}}]},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"line-break"}]}]},"videos":null,"images":null}]}}]},{"topics":[{"name":"User Experience"},{"name":"Product Design"}],"name":"The Easy Way to Successful User Testing","path":"/assets/blog/the-easy-way-to-successful-user-testing","id":"676011ba76e769e5a5893dff","components":[{"name":"Title","id":"title","type":"singleLine","content":{"text":"The Easy Way to Successful User Testing"}},{"name":"HeroImage","id":"heroimage","type":"images","content":{"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/15/17/blog2.png","altText":null,"width":2400,"height":1800,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/15/17/@100/blog2.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/17/@200/blog2.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/17/@500/blog2.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/17/@768/blog2.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/17/@1024/blog2.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/17/@1366/blog2.png","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/17/@1600/blog2.png","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/17/@1920/blog2.png","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/17/@100/blog2.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/17/@200/blog2.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/17/@500/blog2.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/17/@768/blog2.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/17/@1024/blog2.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/17/@1366/blog2.webp","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/17/@1600/blog2.webp","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/17/@1920/blog2.webp","width":1920},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/17/@100/blog2.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/17/@200/blog2.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/17/@500/blog2.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/17/@768/blog2.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/17/@1024/blog2.avif","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/17/@1366/blog2.avif","width":1366},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/17/@1600/blog2.avif","width":1600},{"url":"https://media.crystallize.com/snowball-digital/24/12/15/17/@1920/blog2.avif","width":1920}]}]}},{"name":"Author","id":"author","type":"singleLine","content":{"text":"Filipa Amado"}},{"name":"Published","id":"published","type":"singleLine","content":{"text":"August 22nd, 2018"}},{"name":"Lead","id":"lead","type":"richText","content":{"json":[{"kind":"block","type":"paragraph","textContent":"When you hear the words “User Testing,” it’s easy to imagine some intimidating lab test that’s difficult to execute. Maybe you are creating a website or an application and think you don’t have the capacity or resources to execute something so complex. Or perhaps, working under pressure with crazy deadlines, you feel like you don’t have the time to do a usability test. However, the reality is that user testing can be simple and easy to do. Of course, it will require a degree of investment, but it will be worth it in the long run. Below I will share some things you need to know to start your journey in user testing."}],"plainText":["When you hear the words “User Testing,” it’s easy to imagine some intimidating lab test that’s difficult to execute. Maybe you are creating a website or an application and think you don’t have the capacity or resources to execute something so complex. Or perhaps, working under pressure with crazy deadlines, you feel like you don’t have the time to do a usability test. However, the reality is that user testing can be simple and easy to do. Of course, it will require a degree of investment, but it will be worth it in the long run. Below I will share some things you need to know to start your journey in user testing."]}},{"name":"Body","id":"body","type":"paragraphCollection","content":{"paragraphs":[{"title":{"text":"The Importance of Usability Testing"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"link","metadata":{"href":"https://www.usertesting.com"},"textContent":"User testing"},{"kind":"inline","textContent":" is essential because it clearly illustrates, in real-time, how users interact with your product. Perhaps most importantly, user testing helps reveal any product issues. This you want to discover before you reach the final version of your product, as any changes at that point can turn out to be costly and time-consuming. In this regard, user testing helps you save money that would have typically been spent on last-minute design and development costs, which means you can spend your time more effectively by focusing on other things that need your attention."}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/259/_resized_1280.jpg","altText":null,"width":1280,"height":960,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/259/@100/_resized_1280.jpeg","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/259/@200/_resized_1280.jpeg","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/259/@500/_resized_1280.jpeg","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/259/@768/_resized_1280.jpeg","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/259/@1024/_resized_1280.jpeg","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/259/@100/_resized_1280.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/259/@200/_resized_1280.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/259/@500/_resized_1280.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/259/@768/_resized_1280.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/259/@1024/_resized_1280.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/259/@100/_resized_1280.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/259/@200/_resized_1280.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/259/@500/_resized_1280.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/259/@768/_resized_1280.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/259/@1024/_resized_1280.avif","width":1024}]}]},{"title":{"text":"What do You Really Need?"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Not everyone has the budget to run a complex usability test. But keep in mind that the equipment and resources used don't need to be overly complicated. They are many "},{"kind":"inline","type":"link","metadata":{"href":"https://www.mockplus.com/blog/post/usability-testing-tools"},"textContent":"free or cheap tools ready"},{"kind":"inline","textContent":" to help you "},{"kind":"inline","type":"link","metadata":{"href":"https://www.invisionapp.com/inside-design/wireframe-prototype-difference/"},"textContent":"wireframe and prototype your product"},{"kind":"inline","textContent":", as well as assist you during the "},{"kind":"inline","type":"link","metadata":{"href":"https://usabilitygeek.com/8-usability-testing-tools-when-on-a-budget/"},"textContent":"actual test"},{"kind":"inline","textContent":" phase. It can be done anywhere, anytime, in person or online, as long as you have a laptop and a steady Internet connection. It is not the complexity of the equipment that matters - the important thing is that you are running a usability test!"}]}]},"videos":null,"images":null},{"title":{"text":"Choose the Tight Prototyping Tool"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"If this is your first usability test, we recommend keeping the prototype short and simple, as there is no need to complicate the process with an over-designed prototype. And on that same note, it also doesn't need to be a perfect prototype. While it is difficult for designers to show off their work while still in the \"sketch phase\" (I know this all too well!), the prototype only needs to show its basic purpose and central functions. The usability test will then help you to see if the design assumptions you made were correct. The goal here is to simply gather as much feedback as soon as possible. For this job, we use "},{"kind":"inline","type":"link","metadata":{"href":"https://www.sketchapp.com/"},"textContent":"Sketch"},{"kind":"inline","textContent":"."}]}]},"videos":null,"images":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/260/192_screen_shot_20180822_at_14-15-57.png","altText":null,"width":1223,"height":585,"variants":[{"url":"https://media.crystallize.com/snowball-digital/24/12/16/260/@100/192_screen_shot_20180822_at_14-15-57.png","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/260/@200/192_screen_shot_20180822_at_14-15-57.png","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/260/@500/192_screen_shot_20180822_at_14-15-57.png","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/260/@768/192_screen_shot_20180822_at_14-15-57.png","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/260/@1024/192_screen_shot_20180822_at_14-15-57.png","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/260/@100/192_screen_shot_20180822_at_14-15-57.webp","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/260/@200/192_screen_shot_20180822_at_14-15-57.webp","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/260/@500/192_screen_shot_20180822_at_14-15-57.webp","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/260/@768/192_screen_shot_20180822_at_14-15-57.webp","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/260/@1024/192_screen_shot_20180822_at_14-15-57.webp","width":1024},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/260/@100/192_screen_shot_20180822_at_14-15-57.avif","width":100},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/260/@200/192_screen_shot_20180822_at_14-15-57.avif","width":200},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/260/@500/192_screen_shot_20180822_at_14-15-57.avif","width":500},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/260/@768/192_screen_shot_20180822_at_14-15-57.avif","width":768},{"url":"https://media.crystallize.com/snowball-digital/24/12/16/260/@1024/192_screen_shot_20180822_at_14-15-57.avif","width":1024}]}]},{"title":{"text":"Find Your Target Audience"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"The next step is to understand and narrow your audience in order to recruit people in that group and user-test for it. It nearly goes without saying that there's no point in spending a considerable amount of time on a usability test if it gets tested on the wrong target! Be sure to spend some time finding the right kind of people for your test, and make sure the people you recruit relate to the problem you are trying to solve. Be sure to stay away from people close to the project, as their bias would most likely prevent candid feedback."},{"kind":"block","type":"paragraph","children":[{"kind":"inline","type":"link","metadata":{"href":"https://www.smashingmagazine.com/2018/03/guide-user-testing/"},"textContent":"When you made your selection and are ready to start the test, it's essential to inform the participants that you are not testing them but the software. Since people are generally uncomfortable when being tested, keep it clear that there are no wrong answers"},{"kind":"inline","textContent":". They should be open about how they feel, and not be afraid to point out product flaws or errors as this stage is where the magic really happens in user testing!"}]}]},"videos":null,"images":null},{"title":{"text":"Getting Ready to Test"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"Before the test itself, you should spend some time laying out the goals you want to achieve. Think about what exactly you want to test, such as which features may or may not work. For example, create "},{"kind":"inline","type":"link","metadata":{"href":"https://www.playbookux.com/writing-an-effective-user-testing-script/"},"textContent":"a script with a series of questions or tasks"},{"kind":"inline","textContent":" that would assist the users while testing the product. Just keep in mind that the way you ask the participants to do certain things has an enormous impact on your tests' outcome, as your script should not be a set of instructions. Remember, no one is standing over their shoulder telling them what to do in the real world. "},{"kind":"inline","type":"link","metadata":{"href":"https://www.smashingmagazine.com/2018/03/guide-user-testing/"},"textContent":"Your goal is to see how they react to the task, and helping them out in any way defeats that purpose."}]}]},"videos":null,"images":null},{"title":{"text":"How to Analyze Usability Test Results"},"body":{"json":[{"kind":"block","type":"paragraph","textContent":"After testing on a group of subjects, it’s time to see the results. As previously stated, user testing can reveal an unbelievable amount of details regarding the ways users interact with your product. Be critical when reading the results, and look for what differs between the users and what stays the same. Try to identify if users could complete the tasks successfully and how efficiently they were in doing so. Evaluate what works and what didn’t and pinpoint design elements that need to be changed. It’s also important to see if the user felt any enjoyment when testing the product and if so, figure out how you can increase that enjoyment. You will ultimately end up with a handful of objective and subjective findings that provide valuable feedback to shape and improve your design and product experience."}]},"videos":null,"images":null},{"title":{"text":"To Conclude"},"body":{"json":[{"kind":"block","type":"paragraph","children":[{"kind":"inline","textContent":"In the end, user testing is a critical part of the design process that, if possible, should not be avoided. If your goal is to create the best product for your audience, you need to know what your audience thinks about. "},{"kind":"inline","type":"link","metadata":{"href":"https://www.smashingmagazine.com/2018/03/guide-user-testing/"},"textContent":"Tests don’t need to run in high-tech laboratory conditions to be worthwhile. The most important thing is that you are testing your product, no matter how informal. "},{"kind":"inline","textContent":" "}]},{"kind":"block","type":"paragraph","textContent":"It’s up to you to choose how to execute and adapt this formula to your needs, but it will become much easier as you learn over time and conduct multiple tests. Be smart about it, do your research, run it well, and it will bring a lot of value in the long run. In the end, it’s just about getting some feedback to create a better product."},{"kind":"block","type":"paragraph","textContent":"Test on!"}]},"videos":null,"images":null}]}}]}],"topics":[{"name":"BlogType","children":[{"path":"/blogtype/product-design","name":"Product Design","children":null},{"path":"/blogtype/branding","name":"Branding","children":null},{"path":"/blogtype/development","name":"Development","children":null},{"path":"/blogtype/marketing","name":"Marketing","children":null},{"path":"/blogtype/user-experience","name":"User Experience","children":null},{"path":"/blogtype/growth-strategy","name":"Growth Strategy","children":null},{"path":"/blogtype/ai","name":"AI","children":null}]},{"name":"Image-Blogs","children":[{"path":"/image-blogs/hero-blogs","name":"Hero-Blogs","children":null},{"path":"/image-blogs/paragraph-images","name":"Paragraph Images","children":null}]},{"name":"HomePage","children":[{"path":"/homepage/slider","name":"Slider","children":null},{"path":"/homepage/work","name":"Work","children":null}]},{"name":"Work Page","children":[{"path":"/work-page/okay","name":"Okay","children":null},{"path":"/work-page/crystallize","name":"Crystallize","children":null},{"path":"/work-page/cemit","name":"Cemit","children":null},{"path":"/work-page/farstad-and-co","name":"Farstad & co.","children":null},{"path":"/work-page/reen","name":"Reen","children":null},{"path":"/work-page/hygeine-teknikk","name":"Hygeine Teknikk","children":null},{"path":"/work-page/splaesh","name":"Splaesh","children":null},{"path":"/work-page/inflow","name":"inflow","children":null},{"path":"/work-page/d4","name":"D4","children":null},{"path":"/work-page/speed","name":"speed","children":null},{"path":"/work-page/bunad","name":"bunad","children":null},{"path":"/work-page/my-rev","name":"my rev","children":null},{"path":"/work-page/billkill","name":"billkill","children":null},{"path":"/work-page/nomono","name":"nomono","children":null},{"path":"/work-page/carlings","name":"carlings","children":null}]},{"name":"About Us","children":[{"path":"/about-us/images-about-us","name":"Images-About us","children":null},{"path":"/about-us/team-avatars","name":"Team Avatars","children":null}]},{"name":"WorkType","children":[{"path":"/worktype/product-design","name":"Product Design","children":null},{"path":"/worktype/branding-and-marketing","name":"Branding & Marketing","children":null},{"path":"/worktype/uxui-design","name":"UX/UI Design","children":null},{"path":"/worktype/web-development","name":"Web Development","children":null},{"path":"/worktype/digital-transformation","name":"Digital Transformation","children":null},{"path":"/worktype/industrial-design","name":"Industrial Design","children":null}]},{"name":"ServiceType","children":[{"path":"/servicetype/product-strategy","name":"Product Strategy","children":[{"path":"/servicetype/product-strategy/e6f8ff","name":"#E6F8FF"}]},{"path":"/servicetype/product-design","name":"Product Design","children":[{"path":"/servicetype/product-design/ffe1f8","name":"#FFE1F8"}]},{"path":"/servicetype/engineering","name":"Engineering","children":[{"path":"/servicetype/engineering/fdfbef","name":"#FDFBEF"}]},{"path":"/servicetype/growth-marketing","name":"Growth Marketing","children":[{"path":"/servicetype/growth-marketing/ffdcc7","name":"#FFDCC7"}]},{"path":"/servicetype/branding-and-identity","name":"Branding & Identity","children":[{"path":"/servicetype/branding-and-identity/fff6c2","name":"#FFF6C2"}]},{"path":"/servicetype/value-testing","name":"Value Testing","children":[{"path":"/servicetype/value-testing/f3fdef","name":"#F3FDEF"}]}]}]}] </article></body></html>

Discover valuable insights and inspiration for your digital projects.

Our free consultation is designed to provide the expert guidance you need.

Predictive UX: Designing Tomorrow’s Experiences Today

How AI is Shaping the Future of Digital Product Design

5 Signs It's Time for a Website Redesign (And Why We Did It Too)

7 Tips for Writing Audience-Engaging Content

Using Solid Git Repository Workflow

How Snowball Turns Mental Health Awareness into Action

3D Print Metal from CAD Product Design

Adobe Illustrator tutorial: The Blend Tool

Amazon Kinesis vs Amazon SQS

Securing Customer Adoption: Great Technology Doesn't Always Equal a Great Product

Life as an intern at Snowball

Why Planning is Good for Social Media Activities

CI/CD Tooling for Frontend Projects using Github Actions

Custom Raspberry Pi 4 B Case Design for 3d Print - Free Download

Product Strategy: Mission Statement

Full Stack Digital Marketing - any Shortcuts and you Fail

Creating a character illustration in Illustrator CC with hand drawn brushes

Google Maps based UGC Approval using Slack via Node.js

Using Slack for content approval workflow in eZ Platform & Symfony

FigJam: For Collaboration without Borders

The Importance of User-Centered Design

What is Brand Imagery and Why is it Important?

Tone of Voice - the Ultimate Content Power Tool

Using Figma for Digital Workshops

Intro to Atomic Design

Understanding Brand Value and it's Factors to Brand Success

What is the Difference Between Branding and Marketing?

Visualisation Techniques to Better Communicate Your Data

Handwriting Effect Animation Tutorial Part II

How to Measure Digital Marketing Success?

Handwriting Effect Animation Tutorial Part I

IOT Device Casing Design

Introduction to the New Product Design

What is Customer Engagement?

How to Create a Customer Journey Map

What is the Difference Between a Font and a Typeface?

The Whole Product Concept

What is Branding?

The Company Game Experiment

Tone of Voice: Definition and Implementation

Testing Smart Animate in Figma with Graphs

How to Write for Findability (SEO) and Scannability on the Web?

Product Design Process

Mood boards for Branding and Product Design

What is Keyword Tracking?

Color in Marketing and Branding

Capturing Pictures in React Native

Gamification in Enterprise Software: User Guidance

The Elements of Value

Product Strategy: Understanding Product Positioning

Content Strategy for Exponential Growth Marketing

User Interface Design (UI) and User Experience (UX) for Crystallize

Seat Clamp Product Design

Types of Designers Explained

Gamification in Product Design Make Enterprise Software Suck Less

CAD Product Design of Bicycle Dropout for CNC

Product Design: from Idea to Production Ready Bicycle

Details Matter in Product Design

Tone of Voice: The New Level of Branding

Javascript #1, React #1 while GraphQL is Trending

Vision, Mission, and Values

Content Strategy with Cartoons for a Software Startup

Challenging the world of Paperworks with Origami

Share React components without using npm

Explained: Brand Style Guide

React developer insider tip: debug states using extension for Chrome

How to choose the right Marketing KPIs

Responsive cartoon in React

InDesign Basics: Imposition and Booklets Types

Test: Speed ONE as a commuting bike

Color Systems: CMYK, PANTONE, RGB and RAL explained

Personas in Product Design

Javascript ranked the most popular programming language according to RedMonk

Coloring and shading in Illustrator CC

Building Products ala Snowball: launch early, learn & iterate

Uploading Images in React Native

Fast websites drive sales: stay under 3 seconds

The Basics of an Effective Growth Social Media Strategy