GRATA International: Web Portal
UX/UI, Web
Design and development of a corporate website for an international law firm
Clients
GRATA International
GRATA International is a fast-growing law agency that was established in 1992. Today, the company provides legal advisory services in more than 20 countries around the world.
GRATA came to us with a task to build a comprehensive , consistent, and captivating website that would present the company on the international market in the most elegant way possible.
Location:
Kazakhstan
Timeline:
5 months
Challenge
Design and develop a web portal to increase customer acquisition on a global scale and strengthen bonds with the existing customer base
01/
Provide customers with a user-friendly interface and convenient navigation across the website
02/
Showcase maximum informational materials about the company and its services while keeping it captivating and visually attractive
03/
Automate the back-end processes related to the customer management tools
Solution
Created a coherent data layout and output of personalized user information including e-brochures
Technologies
JavaScript
HTML
CSS
PHP
Laravel
Result
The Proper Instrument for a Global Presence
We delivered GRATA International a unified web-platform which allowed the agency to expand steadily on the global market. The company was able to attract new clients and improve its overall brand reputation.
Team
Project Manager
UX Designer
UI Designer
Frontend Developers (2)
Backend Developer
DevOps Engineer
QA Engineer
If you intend to act, we are ready to help!
 --%3E%3Csvg version='1.1' id='Слой_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 222 70' style='enable-background:new 0 0 222 70;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill-rule:evenodd;clip-rule:evenodd;fill:%23B41C1B;%7D .st1%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Ctitle%3Esmall-badge-2%3C/title%3E%3Cg%3E%3Cpath id='Rectangle' class='st0' d='M10,0h202c5.5,0,10,4.5,10,10v50c0,5.5-4.5,10-10,10H10C4.5,70,0,65.5,0,60V10 C0,4.5,4.5,0,10,0z'/%3E%3Cpath class='st1' d='M60.2,35.2h-2.9v-1.9l3-0.1l0.3-2.9h2.1v2.9h4.9v2h-4.9v4.4c0,0.7,0.1,1.4,0.5,2c0.5,0.4,1.2,0.7,1.9,0.6 c0.4,0,0.9,0,1.3-0.1s0.8-0.2,1.1-0.3l0.5,1.8c-0.5,0.2-1.1,0.3-1.6,0.4c-0.6,0.1-1.3,0.2-1.9,0.2c-0.7,0-1.4-0.1-2.1-0.3 c-0.5-0.2-1-0.5-1.3-0.9c-0.4-0.4-0.6-1-0.7-1.5c-0.1-0.6-0.2-1.3-0.2-1.9V35.2z'/%3E%3Cpath class='st1' d='M70,38.6c0-0.8,0.2-1.6,0.5-2.4c0.3-0.7,0.7-1.3,1.2-1.8s1.1-0.9,1.8-1.1c0.6-0.3,1.3-0.4,2-0.4 s1.4,0.1,2.1,0.4c0.6,0.3,1.1,0.6,1.6,1c0.4,0.5,0.7,1,1,1.6c0.2,0.7,0.3,1.4,0.3,2.1v0.7c0,0.2,0,0.4-0.1,0.5h-7.8 c0.1,0.9,0.5,1.7,1.2,2.3c0.7,0.5,1.5,0.8,2.4,0.8c0.5,0,1.1-0.1,1.6-0.2l1.5-0.6l0.9,1.6c-0.6,0.4-1.2,0.7-1.9,0.9 c-0.7,0.2-1.5,0.3-2.3,0.3s-1.6-0.1-2.3-0.4c-0.7-0.3-1.3-0.6-1.9-1.1c-0.5-0.5-0.9-1.1-1.2-1.8C70.2,40.3,70,39.4,70,38.6z M78.2,37.6c0.1-0.7-0.2-1.5-0.7-2s-1.2-0.8-1.9-0.7c-0.3,0-0.7,0.1-1,0.2c-0.3,0.1-0.6,0.3-0.9,0.5s-0.6,0.5-0.7,0.9 c-0.2,0.4-0.3,0.8-0.4,1.2h5.6V37.6z'/%3E%3Cpath class='st1' d='M83,38.6c0-0.8,0.2-1.6,0.5-2.4c0.3-0.7,0.8-1.3,1.3-1.8c0.6-0.5,1.2-0.8,1.9-1.1c0.7-0.3,1.5-0.4,2.3-0.4 s1.6,0.1,2.3,0.4c0.6,0.2,1.2,0.6,1.7,1.1L91.8,36c-0.4-0.3-0.8-0.6-1.3-0.8c-0.4-0.2-0.9-0.3-1.4-0.3c-1.9-0.1-3.5,1.4-3.6,3.3 c0,0.1,0,0.2,0,0.3c0,0.5,0.1,1,0.3,1.5c0.2,0.4,0.4,0.8,0.7,1.1c0.3,0.3,0.7,0.6,1.1,0.7c0.4,0.2,0.9,0.3,1.4,0.3 c0.6,0,1.2-0.1,1.7-0.3s1-0.5,1.4-0.8l1,1.6c-0.6,0.5-1.3,0.9-2.1,1.2c-0.7,0.3-1.5,0.4-2.3,0.4s-1.6-0.1-2.4-0.4 c-0.7-0.2-1.4-0.6-1.9-1.1s-0.9-1.1-1.2-1.8C83.1,40.1,83,39.4,83,38.6z'/%3E%3Cpath class='st1' d='M95.8,28.5h2.5v4l-0.1,2.3c0.5-0.5,1.1-0.9,1.7-1.3c0.7-0.4,1.4-0.6,2.2-0.5c1-0.1,2,0.3,2.7,1.1 c0.7,0.9,1,2.1,0.9,3.2v6.6h-2.5v-6.3c0.1-0.7-0.1-1.3-0.4-1.9c-0.4-0.5-1-0.7-1.6-0.6c-0.5,0-1,0.1-1.4,0.4 c-0.5,0.3-1,0.7-1.4,1.1v7.3h-2.5L95.8,28.5L95.8,28.5z'/%3E%3Cpath class='st1' d='M109.6,33.2h2.1l0.2,2.4h0.1c0.5-0.8,1.2-1.5,2-2s1.7-0.7,2.6-0.7c0.4,0,0.7,0,1.1,0.1c0.3,0.1,0.6,0.2,1,0.3 l-0.5,2.1c-0.3-0.1-0.6-0.2-0.9-0.3s-0.7-0.1-1-0.1c-0.7,0-1.5,0.2-2.1,0.6c-0.8,0.6-1.5,1.3-1.9,2.2v5.9h-2.5V33.2H109.6z'/%3E%3Cpath class='st1' d='M120.8,38.6c0-0.8,0.2-1.6,0.5-2.4c0.3-0.7,0.7-1.3,1.2-1.8s1.1-0.9,1.8-1.1c0.6-0.3,1.3-0.4,2-0.4 s1.4,0.1,2.1,0.4c0.6,0.3,1.1,0.6,1.6,1c0.4,0.5,0.7,1,1,1.6c0.2,0.7,0.3,1.4,0.3,2.1v0.7c0,0.2,0,0.4-0.1,0.5h-7.8 c0.1,0.9,0.5,1.7,1.2,2.3c0.7,0.5,1.5,0.8,2.4,0.8c0.5,0,1.1-0.1,1.6-0.2l1.5-0.6l0.9,1.6c-0.6,0.4-1.2,0.7-1.9,0.9 s-1.5,0.3-2.3,0.3s-1.6-0.1-2.3-0.4c-0.7-0.3-1.3-0.6-1.9-1.1c-0.5-0.5-0.9-1.1-1.2-1.8C120.9,40.3,120.7,39.4,120.8,38.6z M129,37.6c0.1-0.7-0.2-1.5-0.7-2s-1.2-0.7-1.9-0.7c-0.3,0-0.7,0.1-1,0.2c-0.3,0.1-0.6,0.3-0.9,0.5s-0.6,0.5-0.7,0.9 c-0.2,0.4-0.3,0.8-0.4,1.2h5.6V37.6z'/%3E%3Cpath class='st1' d='M133,33.2h2.5l2.1,5.6c0.2,0.5,0.4,1.1,0.6,1.6s0.3,1.1,0.5,1.6h0.1c0.2-0.6,0.3-1.1,0.5-1.6s0.4-1.1,0.6-1.6 l2.1-5.6h2.4l-4.2,10.7h-2.9L133,33.2z'/%3E%3Cpath class='st1' d='M146.6,33.2h7.2v10.7h-2.5v-8.7h-4.7V33.2z M152.4,31.3c-0.5,0-0.9-0.2-1.3-0.5c-0.7-0.7-0.7-1.7,0-2.4l0,0 c0.7-0.7,1.9-0.7,2.6,0c0.7,0.7,0.7,1.7,0,2.4C153.4,31.1,152.9,31.3,152.4,31.3z'/%3E%3Cpath class='st1' d='M158.8,38.6c0-0.8,0.2-1.6,0.5-2.4c0.3-0.7,0.7-1.3,1.2-1.8s1.1-0.9,1.8-1.1c0.6-0.3,1.3-0.4,2-0.4 s1.4,0.1,2.1,0.4c0.6,0.3,1.1,0.6,1.6,1c0.4,0.5,0.7,1,1,1.6c0.2,0.7,0.3,1.4,0.3,2.1v0.7c0,0.2,0,0.4-0.1,0.5h-7.8 c0.1,0.9,0.5,1.7,1.2,2.3c0.7,0.5,1.5,0.8,2.4,0.8c0.5,0,1.1-0.1,1.6-0.2l1.5-0.6l0.9,1.6c-0.6,0.4-1.2,0.7-1.9,0.9 s-1.5,0.3-2.3,0.3s-1.6-0.1-2.3-0.4c-0.7-0.3-1.3-0.6-1.9-1.1c-0.5-0.5-0.9-1.1-1.2-1.8C159,40.3,158.8,39.4,158.8,38.6z M167,37.6 c0.1-0.7-0.2-1.5-0.7-2s-1.2-0.7-1.9-0.7c-0.3,0-0.7,0.1-1,0.2c-0.3,0.1-0.6,0.3-0.9,0.5c-0.3,0.2-0.6,0.5-0.7,0.9 c-0.2,0.4-0.3,0.8-0.4,1.2h5.6L167,37.6L167,37.6z'/%3E%3Cpath class='st1' d='M170.3,33.2h2.5l1,5.6c0.1,0.5,0.2,1,0.2,1.5c0.1,0.5,0.1,1,0.2,1.6h0.1c0.1-0.5,0.2-1.1,0.2-1.6l0.3-1.5 l1-4.5h1.9l1,4.5l0.3,1.5c0.1,0.5,0.2,1,0.3,1.6h0.1c0.1-0.5,0.2-1.1,0.2-1.6c0.1-0.5,0.1-1,0.2-1.5l1-5.6h2.3l-2,10.7h-3l-0.9-4.5 l-0.3-1.5c-0.1-0.5-0.2-1-0.3-1.6h-0.1c-0.1,0.4-0.1,0.9-0.2,1.4s-0.2,1.1-0.3,1.8l-0.9,4.5h-2.9L170.3,33.2z'/%3E%3Cpath class='st1' d='M184.2,38.6c0-0.8,0.2-1.6,0.5-2.4c0.3-0.7,0.7-1.3,1.2-1.8s1.1-0.9,1.8-1.1c0.6-0.3,1.3-0.4,2-0.4 s1.4,0.1,2.1,0.4c0.6,0.3,1.1,0.6,1.6,1c0.4,0.5,0.7,1,1,1.6c0.2,0.7,0.3,1.4,0.3,2.1v0.7c0,0.2,0,0.4-0.1,0.5h-7.8 c0.1,0.9,0.5,1.7,1.2,2.3c0.7,0.5,1.5,0.8,2.4,0.8c0.5,0,1.1-0.1,1.6-0.2l1.5-0.6l0.9,1.6c-0.6,0.4-1.2,0.7-1.9,0.9 s-1.5,0.3-2.3,0.3s-1.6-0.1-2.3-0.4c-0.7-0.3-1.3-0.6-1.9-1.1c-0.5-0.5-1-1.1-1.2-1.8C184.4,40.3,184.2,39.4,184.2,38.6z M192.4,37.6c0.1-0.7-0.2-1.5-0.7-2s-1.2-0.8-1.9-0.7c-0.3,0-0.7,0.1-1,0.2c-0.3,0.1-0.6,0.3-0.9,0.5c-0.3,0.2-0.6,0.5-0.7,0.9 c-0.2,0.4-0.3,0.8-0.4,1.2h5.6L192.4,37.6z'/%3E%3Cpath class='st1' d='M198.4,33.2h2.1l0.2,2.4h0.1c0.5-0.8,1.2-1.5,2-2s1.7-0.7,2.6-0.7c0.4,0,0.7,0,1.1,0.1c0.3,0.1,0.6,0.2,1,0.3 l-0.5,2.1c-0.3-0.1-0.6-0.2-0.9-0.3c-0.3-0.1-0.7-0.1-1-0.1c-0.7,0-1.5,0.2-2.1,0.6c-0.8,0.6-1.5,1.3-1.9,2.2v5.9h-2.5V33.2H198.4z '/%3E%3Cpolygon class='st1' points='27.1,14.3 33.8,28 48.9,30.2 38,40.8 40.6,55.9 27.1,48.8 13.6,55.9 16.1,40.8 5.2,30.2 20.3,28 '/%3E%3Cg%3E%3Cpath class='st1' d='M62.7,24.7h-0.9l-2.1-4.1h-1.6v4.1h-0.8v-9.9H60c0.8,0,1.4,0.3,1.9,0.8s0.7,1.2,0.7,2.1c0,0.8-0.2,1.5-0.6,2 c-0.4,0.5-0.9,0.7-1.5,0.8L62.7,24.7z M59.9,19.8c0.6,0,1-0.2,1.3-0.6s0.5-0.9,0.5-1.5s-0.2-1.2-0.5-1.6c-0.3-0.4-0.8-0.6-1.3-0.6 h-1.8v4.3H59.9z'/%3E%3Cpath class='st1' d='M69.4,24.7h-4.8v-9.9h4.8v0.7h-4v3.7h3.9V20h-3.9v3.9h4V24.7z'/%3E%3Cpath class='st1' d='M74.2,24.7h-1l-3-9.9h0.9l2.6,8.8l2.6-8.8h0.9L74.2,24.7z'/%3E%3Cpath class='st1' d='M79.3,24.7h-0.8v-9.9h0.8V24.7z'/%3E%3Cpath class='st1' d='M86.4,24.7h-4.8v-9.9h4.8v0.7h-4v3.7h3.9V20h-3.9v3.9h4V24.7z'/%3E%3Cpath class='st1' d='M94.9,24.7H94l-1.8-8.3l-1.7,8.3h-0.9l-2.2-9.9h0.9l1.8,8.5l1.8-8.5h0.8l1.8,8.5l1.8-8.5h0.9L94.9,24.7z'/%3E%3Cpath class='st1' d='M103.3,24.7h-4.8v-9.9h4.8v0.7h-4v3.7h3.9V20h-3.9v3.9h4V24.7z'/%3E%3Cpath class='st1' d='M107.5,24.7h-2.4v-9.9h2.4c1.2,0,2.1,0.5,2.8,1.4c0.7,0.9,1,2.1,1,3.5s-0.3,2.6-1,3.5 C109.7,24.2,108.7,24.7,107.5,24.7z M107.5,23.9c1,0,1.7-0.4,2.2-1.2c0.5-0.8,0.8-1.8,0.8-3s-0.3-2.2-0.8-3s-1.2-1.2-2.2-1.2H106 v8.4C106,23.9,107.5,23.9,107.5,23.9z'/%3E%3Cpath class='st1' d='M119.5,24.7h-3v-9.9h2.9c0.7,0,1.3,0.2,1.7,0.7c0.4,0.4,0.6,1.1,0.6,1.8c0,0.6-0.1,1.1-0.4,1.5 s-0.6,0.6-1.1,0.8c0.5,0.1,0.9,0.3,1.2,0.8s0.5,1,0.5,1.6c0,0.8-0.2,1.5-0.6,2S120.3,24.7,119.5,24.7z M119.3,19.2 c0.5,0,0.9-0.2,1.2-0.5c0.3-0.3,0.4-0.8,0.4-1.3c0-0.6-0.1-1-0.4-1.3s-0.7-0.5-1.2-0.5h-2v3.7h2V19.2z M119.3,23.9 c0.6,0,1-0.2,1.3-0.5s0.4-0.8,0.4-1.5c0-0.6-0.1-1-0.4-1.4s-0.7-0.6-1.3-0.6h-2v3.9h2V23.9z'/%3E%3Cpath class='st1' d='M126.7,24.7h-0.8v-4.2l-3-5.6h0.9l2.5,4.8l2.5-4.8h0.9l-3,5.6L126.7,24.7L126.7,24.7z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A)