Rock Flow Dynamics: Find The Smart Way To The Oil Field

<div class="p-lr"><div class="g-7-15"><div class="pt-13"><p>What is Rock Flow Dynamics</p></div><p class="h3-style">Rock Flow Dynamics is a global company that creates the entire modeling cycle of an oil and gas field in a single interface. To communicate its complex product, we’ve developed a multi-level structure of the website. The look and feel is modern, but rather corporate, to reach the conservative audience of the oil industry.</p><div class="mb-80"></div></div></div>

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

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

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

<img src="https://assets-global.website-files.com/62e119d58c1c3abc0a13d8f9/632031b0623a6a00fdf3d98a_rf-5.webp" 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>Testimonial</p></div><div><p class="quote">“We were most impressed by how each team member is genuinely interested in contributing to the project. The willingness of the project teams to adapt to the client's wishes without changing their style was commendable, too.”</p><div class="mt-24 mb-48"><p>Svetlana Bazilevich, PR Manager, Rock Flow Dynamics</p></div><a href="https://clutch.co/profile/embacy#summary" class="link-l undrln-bl">Full Review</a></div>

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

<div class="p-lr"><div class="g-7-15"><div class="pt-13"><p>Trust</p></div><p class="h4-style">To create the website that would position their products right, we worked in sync with the RFD’s team during the whole process. They were always here to answer our questions and collect the information if needed. Trust became the bedrock of this project.</p><div class="mb-80"></div></div></div>

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

<div class="p-lr"><div class="g-7-15"><div class="pt-13"><p>Web Process</p></div><p class="h4-style">We work in sprints, and our process is fully transparent for our clients. Here’s how we’ve created the RFD’s website from scratch in 8 sprints.</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-2. For starters, we dove into Rock Flow Dynamics’ product and created a multi-stage sitemap to showcase the brand at its best. We built wireframes and developed 3 style directions for the Home page.</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-4. Then, we presented them to the client and proceeded to prototypes of other pages.When we got the feedback, we made sure the Home page is ready with all the texts and the visuals included.</p></div></div></div>

<div class="p-lr mb-16"><div class="g-7-15"><div class="transp-bl"></div><p class="h4-style">5-6. After, we started working on the Contact, Press, and Clients pages. When they were all done, we proceeded to the Learning Center, Careers, Advantages, and About us pages.</p></div></div></div>

<div class="p-lr mb-80"><div class="g-7-15"><div class="transp-bl"></div><p class="h4-style">7-8. Our team created the Modules, Solutions, and Integrated Modelling pages, where we explained how Rock Flow Dynamics’ software makes oil extraction easier. Finally, we’ve prepared everything starting from mobile versions ending with UI-kit.</p></div></div></div>

<div class="p-lr"><div class="g-7-15"><div class="pt-13"><p>Diving-in</p></div><p class="h4-style">RFD develops multi-level software solutions for oil extraction, that are difficult to instantly grasp. For that, we dove into their process by specifying how each module connected with every solution.</p><div class="mb-80"></div></div></div>

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

<div class="p-lr"><div class="g-7-15"><div class="pt-13"><p>Sitemap</p></div><p class="h4-style">Rock Flow Dynamics creates a complex product that needs to be explained comprehensively.  The final sitemap lets us arrange accents speaking about both the software and the brand itself.</p><div class="mb-80"></div></div></div>

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

<div class="p-lr"><div class="g-7-15"><div class="pt-13"><p>Copywriting</p></div><p class="h4-style">The RFD works with clients that are professionals in the oil industry, and we needed to prove the brand’s expertise throughout the website. To do so, we’ve created a conservative tone of voice that fits well the complexity of its products.</p><div class="mb-80"></div></div></div>

<img src="https://assets-global.website-files.com/62e119d58c1c3abc0a13d8f9/632031b142cb951e0832f441_rf-10.webp" 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://assets-global.website-files.com/62e119d58c1c3abc0a13d8f9/632031b068ab2d368d3bef17_rf-11.png" loading="lazy" alt="" class="s_image_full mb-200">

<div class="p-lr"><div class="g-7-15"><div class="pt-13"><p>Photos</p></div><p class="h4-style">All photos on the website stick to the RFD color palette with prevailing blue and orange. To show that RFD promotes intelligent geoscience, we use landscapes where it is better to extract the oil and gas.</p><div class="mb-80"></div></div></div>

<img src="https://assets-global.website-files.com/62e119d58c1c3abc0a13d8f9/632031b1a7b0abfeaffd548c_rf-12.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">We’ve chosen Formular font for titles, as it gives the identity a technological feel but still keeps everything conservative. As for the body text, we used a sans serif Inter so as all texts are readable. Our priority was to select the typography that looks good in both Russian and English.</p><div class="mb-80"></div></div></div>

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

<div class="p-lr"><div class="g-7-15"><div class="pt-13"><p>Color scheme</p></div><p class="h4-style">The color scheme is primarily based on blue that has been inherited from the client’s brand materials. We also used orange, red, and green from the RFD’s logo to arrange accents.</p><div class="mb-80"></div></div></div>

<img src="https://assets-global.website-files.com/62e119d58c1c3abc0a13d8f9/632031af965a670b0d164378_rf-14.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>Icons</p></div><div class="transp-bl"></div></div>

<img src="https://assets-global.website-files.com/62e119d58c1c3abc0a13d8f9/632031b0cc43a0c6a4b4adf6_rf-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>Grid</p></div><p class="h4-style">The grid contains the left-justified column to simplify the navigation.  We’ve used this grid for screens that explain the RFD’s complex software to make sure it’s understandable for customers.</p><div class="mb-80"></div></div></div>

<img src="https://assets-global.website-files.com/62e119d58c1c3abc0a13d8f9/632031b1a38ddc0b8c26b2bd_rf-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>Concepts</p></div><p class="h4-style">The chosen concept aims to meet the conservative spirit of RFD’s clients. Therefore, we made it straightforward, corporate, product-oriented, and a bit modern but not too much so.</p><div class="mb-80"></div></div></div>

<img src="https://assets-global.website-files.com/62e119d58c1c3abc0a13d8f9/632031b2d430b8ced541ed1c_rf-17.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>Project Managment:  </b>Daniel Shklyar, Aleksandra Chuguevskaya</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>Natalie Tokarenko, Roman Litvinenko</p></div><div class="mb-4"><p><b>Illustration: </b>Vlada Dolzhenko</p></div><div class="mb-4"><p><b>Webflow development: </b>Artem Kuznetsov, Nikita Zinevich, Stanislav Vegasov</p></div>