Responses by Olia Olianishyna, cofounder; Viacheslav Olianishyn, cofounder and art director; and Roman Salo, UI/UX designer, obys.
Background: From our client Odin’s Crow, a mergers and acquisitions (M&A) advisory firm, we received a clear goal and task for creating a future site: develop a clear, refreshing brand for the company that generates more new M&A opportunities than the competition. The target audience is business owners with companies earning between $5 and $30 million in revenue and looking to retire. So, Odin’s Crow assists business owners in selling and exiting their businesses.
Design core: The site uses large typography, crisp grids and a professional style, combined with uniquely crafted concrete and frosted glass–textured 3-D models that highlight the character of Odin’s Crow. The lines of force on which the design is built are clearly distinguished. Accented, big headlines command attention.
The site has an unusual color palette and a slightly brutal aesthetic. We tried to make the site very minimalistic and understandable to users, but at the same time, we focused on developing a smooth experience so that everyone would have pleasant emotions after visiting the site. Our favorite formula is to combine business problem-solving with emotions.
Challenges: We did not have any graphic content from the client: no photographs, no illustrations. We suggested using 3-D elements on the site. This was one of the first projects where we provided a new service to our clients: the creation of 3-D content for the site. Now, we offer this to all our clients. Even if you have no content, photos or videos, we can create a site at such a level as Odin’s.
Navigation structure: We paid particular attention to the navigation on the site. The site’s structure is straightforward: only three pages. By making the basic navigation as simple and familiar as possible, we found an opportunity to diversify the scroll navigation with the help of unusual transitions and animations. Also, in some blocks, there is horizontal scrolling or screen fixation with text changes in order to further assort page navigation.
Technology: For the design, we used Figma. For 3-D, Cinema4D. To create the front end, we used our own library, Ajax page transitions, GSAP and Locomotive Scroll, among other technologies. We made a convenient admin panel on WordPress for the client to easily change content on the site.