Embrace the vacation vibes of August while priming for an autumnal leap into high gear.
− landing page,
− logo and style,
− branding materials and pitch deck
in only 4 weeks and just $10K.
<div class="p-lr"><div class="g-7-15"><div class="pt-13"><p>What is Neural Concept</p></div><p class="h3-style">Neural Concept is a Swiss company that specializes in Computer Assisted Engineering and Design. Neural Concept Shape is software that helps to acheive powerful simulation and design optimization using Deep Learning technology.</p><div class="pb-80"></div></div></div>
<img src="https://cdn.prod.website-files.com/62e119d58c1c3abc0a13d8f9/631b276e135f706d0ff671b3_nc-2%20(1).svg" loading="lazy" alt="" class="s_image_full mb-56">
<img src="https://cdn.prod.website-files.com/62e119d58c1c3abc0a13d8f9/6310b199fd8ae5dbdde31ae7_nc-3.webp.svg" loading="lazy" alt="" class="s_image_full mb-56">
<img src="https://cdn.prod.website-files.com/62e119d58c1c3abc0a13d8f9/6310b19a3d02d98aee87e4ba_nc-4.webp" loading="lazy" alt="" class="s_image_full mb-56">
<img src="https://cdn.prod.website-files.com/62e119d58c1c3abc0a13d8f9/6310b19ad13f37f1ff63f1bc_nc-5.webp" loading="lazy" alt="" class="s_image_full mb-200">
<div class="p-lr"><div class="g-7-15"><div class="pt-13"><p>Brand Idea</p></div><p class="h4-style">The technique is based on the use of outline illustrations that show one proper and several unsuitable product designs translating the process that NC shape does. The correct sketch is highlighted in corporate blue; the incorrect sketches are shown in gray in the background.</p><div class="pb-80"></div></div></div>
<img src="https://cdn.prod.website-files.com/62e119d58c1c3abc0a13d8f9/6310b19900e97149d9b5c588_nc-6.webp" loading="lazy" alt="" class="s_image_full mb-56">
<img src="https://cdn.prod.website-files.com/62e119d58c1c3abc0a13d8f9/6310b1998e12aad4e7045722_nc-7.svg" loading="lazy" alt="" class="s_image_full mb-200">
<div class="p-lr mb-32"><div class="g-7-15"><div class="transp-bl"></div><p class="h4-style">We are taking something uncertain and shaping it with our abilities into specific form that is optimal for our problem. It is shown through the transition of the shapes, color gradient and blur.</p></div></div></div>
<div class="p-lr mb-80"><div class="g-7-15"><div class="transp-bl"></div><p class="h4-style">To show the numerous solutions that NC shapes considers before reaching the optimum, we use black box idea in the style techniques: as input we get the data that is used to conduct the needed number of simulations. This process takes place in the black box. Then, as an output we get a solution that is a perfect fit.</p></div></div></div>
<img src="https://cdn.prod.website-files.com/62e119d58c1c3abc0a13d8f9/6310b199fd88e648c108ef4b_nc-8.webp" loading="lazy" alt="" class="s_image_full mb-56">
<img src="https://cdn.prod.website-files.com/62e119d58c1c3abc0a13d8f9/6310b199b7afeb51af9d1714_nc-9.webp" loading="lazy" alt="" class="s_image_full mb-200">
<div class="p-lr"><div class="g-7-15"><div class="pt-13"><p>Black Box Approach</p></div><p class="h4-style">Deep Learning propose the solution, which is an absolute fit. In order to reach the needed solution, NC shape takes into account the spectrum of all potential outcomes to find the perfect fit.</p><div class="pb-80"></div></div></div>
<img src="https://cdn.prod.website-files.com/62e119d58c1c3abc0a13d8f9/6310b19a620367e4d533bff8_nc-10.webp" loading="lazy" alt="" class="s_image_full mb-200">
<div class="p-lr"><div class="g-7-15"><div class="pt-13"><p>Brand Identity</p></div><p class="h4-style">The style is based on the best traditions of Swiss typography and graphics in its modern reading. This is complemented by line illustrations, which are done in an engineering style.</p><div class="pb-80"></div></div></div>
<img src="https://cdn.prod.website-files.com/62e119d58c1c3abc0a13d8f9/6310b19a5ff0a8d1044a30ca_nc-11.webp" loading="lazy" alt="" class="s_image_full mb-56">
<img src="https://cdn.prod.website-files.com/62e119d58c1c3abc0a13d8f9/6310b19a20c687ca0016c659_nc-12.webp" loading="lazy" alt="" class="s_image_full mb-56">
<img src="https://cdn.prod.website-files.com/62e119d58c1c3abc0a13d8f9/6310b19a84e35be906565fa1_nc-13.webp" loading="lazy" alt="" class="s_image_full mb-56">
<img src="https://cdn.prod.website-files.com/62e119d58c1c3abc0a13d8f9/6310b19a37560b01182c2843_nc-14.webp" loading="lazy" alt="" class="s_image_full mb-200">
<div class="p-lr"><div class="g-7-15"><div class="pt-13"><p>Palette</p></div><p class="h4-style">The style uses four primary colors: black, white, blue and red. The blue color has an accent role; it decomposes into shades when working with line illustrations. Red is used only to highlight the logo. In typography, we use two main fonts: the header font is Neue Haask Grotesk Display Pro, and in the web we have added Suisse Intl.</p><div class="pb-80"></div></div></div>
<img src="https://cdn.prod.website-files.com/62e119d58c1c3abc0a13d8f9/6310b19b0d756588c961723c_nc-15.svg" loading="lazy" alt="" class="s_image_full mb-200">
<div class="p-lr mb-80"><div class="g-7-15"><div class="pt-13"><p>Typography</p></div><div class="transp-bl"></div></div>
<img src="https://cdn.prod.website-files.com/62e119d58c1c3abc0a13d8f9/6310b19b6fb39184bf8fd157_nc-16.svg" loading="lazy" alt="" class="s_image_full mb-200">
<div class="p-lr"><div class="g-7-15"><div class="pt-13"><p>Logo</p></div><p class="h4-style">We created a vast palette based on the brand colors with addition of must-have colors for any interface.</p><div class="pb-80"></div></div></div>
<img src="https://cdn.prod.website-files.com/62e119d58c1c3abc0a13d8f9/6310b19b50601a0246c64ad9_nc-17.webp" loading="lazy" alt="" class="s_image_full mb-200">
<div class="p-lr"><div class="g-7-15"><div class="pt-13"><p>Website</p></div><p class="h4-style">The site as well as the style is based on the principles of Swiss typography. When viewing the site is traceable modular grid, the minimum module taken for captiones. As stylistic techniques, we used text overlays on the illustrations, a technical photo style that complements the main idea of Neural Concept product.</p><div class="pb-80"></div></div></div>
<img src="https://cdn.prod.website-files.com/62e119d58c1c3abc0a13d8f9/6310b19be1972585cbc42f17_nc-18.webp" loading="lazy" alt="" class="s_image_full mb-56 dr-shadow ">
<img src="https://cdn.prod.website-files.com/62e119d58c1c3abc0a13d8f9/6310b19c05bc51953f6ee16b_nc-19.webp" loading="lazy" alt="" class="s_image_full mb-56 dr-shadow">
<img src="https://cdn.prod.website-files.com/62e119d58c1c3abc0a13d8f9/6310b19c9176f188c5170362_nc-20.webp" loading="lazy" alt="" class="s_image_full mb-56 dr-shadow ">
<img src="https://cdn.prod.website-files.com/62e119d58c1c3abc0a13d8f9/6310b19bdf75a685ab10ddf7_nc-21.webp" loading="lazy" alt="" class="s_image_full mb-200 dr-shadow">
<div class="p-lr"><div class="g-7-15"><div class="pt-13"><p>Sitemap</p></div><p class="h4-style">The structure of the website was made based on the need of the client to outline all of the possibilities of product’s application. A big part of it is a task to represent that two products can work in a bond, giving the teams the most value during their R&D process.</p><div class="pb-80"></div></div></div>
<img src="https://cdn.prod.website-files.com/62e119d58c1c3abc0a13d8f9/6310b19bbdfed22d150319f3_nc-22.svg" loading="lazy" alt="" class="s_image_full mb-200">
<div class="p-lr mb-80"><div class="g-7-15"><div class="pt-13"><p>Prototyping & Wireframes</p></div><div class="transp-bl"></div></div>
<img src="https://cdn.prod.website-files.com/62e119d58c1c3abc0a13d8f9/631b31542a3be6fe32dc9208_nc-23%20(1).svg" loading="lazy" alt="" class="s_image_full mb-200">
<div class="p-lr"><div class="g-7-15"><div class="pt-13"><p>Rejected Concepts</p></div><div><p class="h4-style">For each project, we create several brand identity concepts. After one's been chosen, we proceed to finalize it. In Figma, you can see the other ideas we've had, that didn't make it for one reason or another.</p></div>
<div class="p-lr mt-24 mb-80"><div class="g-7-15"><div class="transp-bl"></div><p><a href="https://www.figma.com/file/CdHSzahvtmtbzQgOEuj19A/Neural-Concept" class="link-l undrln-bl">Check our process in Figma</a></p></div></div></div>
<img src="https://cdn.prod.website-files.com/62e119d58c1c3abc0a13d8f9/631b25c99a79b045f52a8be4_nc-24.webp" loading="lazy" alt="" class="s_image_full mb-56">
<img src="https://cdn.prod.website-files.com/62e119d58c1c3abc0a13d8f9/6310b19bd13f37cfa063f1cf_nc-25.webp" loading="lazy" alt="" class="s_image_full">
</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>Head of Branding: </b>Asya Iljushechkina</p></div><div class="mb-4"><p><b>Project Managment: </b>Aleksandra Chuguevskaya, Roman Loginov</p></div><div class="mb-4"><p><b>Art Direction: </b>Nastya Galeeva, Elisey Soloviev</p></div><div class="mb-4"><p><b>Design: </b>Roman Litvinenko, Banu Muldasheva, Mariya Samoilova</p></div><div class="mb-4"><p><b>Motion Design: </b>Anton Maydurov</p></div><div class="mb-4"><p><b>Illustration: </b>Lisa Ivanova</p></div><div class="mb-4"><p><b>Webflow development: </b>Artem Kuznetsov, Nikita Zinevich, Stanislav Vegasov</p></div></div></div>