Ledger: Simple Connected Workspace For Teams

<div class="p-lr"><div class="g-7-15"><div class="pt-13"><p>What is Ledger</p></div><p class="h3-style">Ledger’s story dates back all the way to 2001—and the founding of a financial firm looking for the right CRM solution. The software that would eventually become Ledger was developed internally for a single team.</p><div class="pb-56"></div></div></div>

<div class="p-lr mb-56"><div class="g-7-15"><div class="transp-bl"></div><p class="h4-style">After realising its potential the company decided to put it out to the market to help propel other companies and teams to new heights.</p></div></div></div>

<div class="p-lr"><div class="g-7-15"><div class="pt-13"><p>Initial stage</p></div><p class="h4-style">Ledger reached out to us to create a brand identity and their new website to present the product to the world. After the success of initial stage we were offered to take upon a task of updating Ledger interface.</p><div class="mb-80"></div></div></div>

<img src="https://assets-global.website-files.com/62e119d58c1c3abc0a13d8f9/631ecfa560e21443194f9ffe_ld-2.webp" loading="lazy" alt="" class="s_image_full mb-56">

<img src="https://assets-global.website-files.com/62e119d58c1c3abc0a13d8f9/631ecfa7341fb537859f1831_ld-3.webp" loading="lazy" alt="" class="s_image_full mb-200">

<div class="p-lr"><div class="g-7-15"><div class="pt-13"><p>How does Ledger tool stands out</p></div><p class="h4-style">Other productivity tools have one purpose in mind and that purpose is surrounded by many unnecessary features that you may never use. Ledger brings the tools tested by their own team that have proven to be essential.</p><div class="mb-56"></div></div></div>

<div class="p-lr"><div class="g-7-15"><div class="pt-13"><p>Main project goal</p></div><p class="h4-style">The main goal for us was bringing the new identity and the interface together, so everything feels connected. The previous version of the interface also needed improvements on:</p></div></div>

<div class="p-lr mt-24 mb-16"><div class="g-7-15"><div class="transp-bl"></div><p class="h4-style">1. Visual hierarchy</p></div></div></div>

<div class="p-lr mb-16"><div class="g-7-15"><div class="transp-bl"></div><p class="h4-style">2. Contrast</p></div></div></div>

<div class="p-lr mb-16"><div class="g-7-15"><div class="transp-bl"></div><p class="h4-style">3. Clarity</p></div></div></div>

<div class="p-lr mb-80"><div class="g-7-15"><div class="transp-bl"></div><p class="h4-style">4. Friendly identity</p></div></div></div>

<img src="https://assets-global.website-files.com/62e119d58c1c3abc0a13d8f9/631ecfa540429001a2abf95e_ld-4.webp" loading="lazy" alt="" class="s_image_full mb-56">

<img src="https://assets-global.website-files.com/62e119d58c1c3abc0a13d8f9/631ecfa759ae5a36b10f4c2e_ld-5.webp" loading="lazy" alt="" class="s_image_full mb-56">

<img src="https://assets-global.website-files.com/62e119d58c1c3abc0a13d8f9/631ecfa551c4ea7cc00a0bbc_ld-6.webp" loading="lazy" alt="" class="s_image_full mb-56">

<img src="https://assets-global.website-files.com/62e119d58c1c3abc0a13d8f9/631ecfa581f607b6c3294da7_ld-7.webp" loading="lazy" alt="" class="s_image_full mb-56">

<img src="https://assets-global.website-files.com/62e119d58c1c3abc0a13d8f9/631ecfa643d13ce6b7cfee53_ld-8.svg" loading="lazy" alt="" class="s_image_full mb-200">

<div class="p-lr"><div class="g-7-15"><div class="pt-13"><p>Key interface sections</p></div><p class="h4-style">For the project we focused on the core parts of Ledger software:calendar, chats with threads, task board, newsfeed and an HR tool.</p><div class="mb-80"></div></div></div>

<img src="https://assets-global.website-files.com/62e119d58c1c3abc0a13d8f9/631ecfa7c664e860dd72a730_ld-9.webp" loading="lazy" alt="" class="s_image_full mb-200">

<div class="p-lr mb-80"><div class="g-7-15"><div class="transp-bl"></div><p class="h4-style">The events section is a calendar that allows you to see the upcoming events in any manner you may see fit. This flexibility allows for better and more accessible display of information, and in some way make it all less stressfull.</p></div></div></div>

<img src="https://assets-global.website-files.com/62e119d58c1c3abc0a13d8f9/631ecfa792aded969047cdb9_ld-10.svg" loading="lazy" alt="" class="s_image_full mb-200">

<div class="p-lr mb-80"><div class="g-7-15"><div class="transp-bl"></div><p class="h4-style">Ledger chats, or Streams, needed to be lightweight. Most work messaging systems are overwhelming with features and information, here we needed to make it clear and simple with the minimum amount of distractions.</p></div></div></div>

<img src="https://assets-global.website-files.com/62e119d58c1c3abc0a13d8f9/631ecfa5b54fd2297394b45f_ld-11.webp" loading="lazy" alt="" class="s_image_full mb-200">

<div class="p-lr mb-80"><div class="g-7-15"><div class="transp-bl"></div><p class="h4-style">For the projects task boards it was important to keep it consistent with other parts of the software and keep the simplicity and ease of the overall experience.</p></div></div></div>

<img src="https://assets-global.website-files.com/62e119d58c1c3abc0a13d8f9/631ecfa6341fb595789f182c_ld-12.png" loading="lazy" alt="" class="s_image_full mb-200">

<div class="p-lr"><div class="g-7-15"><div class="pt-13"><p>Adapted for phones</p></div><p class="h4-style">Ledger doesn’t have an app but it should be accessible by teams on mobile devices in browser, to be able to connect any time and anywhere.</p><div class="mb-80"></div></div></div>

<img src="https://assets-global.website-files.com/62e119d58c1c3abc0a13d8f9/631ecfa743d13c21becfee54_ld-13.webp" loading="lazy" alt="" class="s_image_full mb-200">

<div class="p-lr"><div class="g-7-15"><div class="pt-13"><p>Typography</p></div><p class="h4-style">Clean typography and good typeface allow for comfortable reading of copious amounts of text while working.</p><div class="mb-80"></div></div></div>

<img src="https://assets-global.website-files.com/62e119d58c1c3abc0a13d8f9/631ecfa634ed9e61b3cc8815_ld-14.svg" loading="lazy" alt="" class="s_image_full mb-200">

<div class="p-lr"><div class="g-7-15"><div class="pt-13"><p>Pallete</p></div><p class="h4-style">Ledger color system is wide in variety of color coding different interface sections, so the user can experience the change of contents before looking at it in detail.</p><div class="mb-80"></div></div></div>

<img src="https://assets-global.website-files.com/62e119d58c1c3abc0a13d8f9/631ecfa659ae5a12260f4c26_ld-15.svg" loading="lazy" alt="" class="s_image_full mb-200">

<div class="p-lr"><div class="g-7-15"><div class="pt-13"><p>A scalanble UI kit</p></div><p class="h4-style">We created compatible building blocks for all Ledger team needs for the amazing task of scaling their platform.</p><div class="mb-80"></div></div></div>

<img src="https://assets-global.website-files.com/62e119d58c1c3abc0a13d8f9/631ecfa846419bc38e2b9057_ld-16.webp" loading="lazy" alt="" class="s_image_full mb-200">

<div class="p-lr"><div class="g-7-15"><div class="pt-13"><p>Testimonial</p></div><div><p class="quote">“They were more detail-oriented than any other agency I had ever worked with. They were always refining and tweaking until they feel the design is perfect, they're literally on auto-pilot at times, it's exceptional quality.”</p><div class="mt-24 mb-48"><p>Light Silver, CEO Ledger</p></div><a href="https://clutch.co/profile/embacy?page=1#review-1806555" class="link-l undrln-bl">Full Review</a></div>

</div></div><div class="p-lr pt-200"><div class="team-case"><div class="mb-4"><p><b>Producer: </b>Leonid Bondarenko</p></div><div class="mb-4"><p><b>Project Managment:  </b>Karina Mansurova, Roman Loginov</p></div><div class="mb-4"><p><b>Art Direction: </b>Elisey Soloviev, Anastasia Galeeva</p></div><div class="mb-4"><p><b>Design: </b>Maria Samoylova, Daria Kasyanova, Anton Maydurov</p></div><div class="mb-4"><p><b>Illustration: </b>Vladislava Dolzhenko</p></div></div></div>