![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 82 82" xmlns="http://www.w3.org/2000/svg"><g d="M 19.839 82 C 8.882 82 0 73.118 0 62.161 L 0 19.839 C 0 8.882 8.882 0 19.839 0 L 62.161 0 C 73.118 0 82 8.882 82 19.839 L 82 62.161 C 82 73.118 73.118 82 62.161 82 Z M 48.764 28.502 L 42.284 60.905 L 34.739 60.905 L 24.044 43.128 L 20.48 60.904 L 11.5 60.904 L 17.98 28.5 L 25.526 28.5 L 36.265 46.23 L 39.783 28.5 L 48.763 28.5 Z M 59.707 11 L 59.952 24.55 L 72.914 20.596 L 60.104 25.016 L 67.87 36.122 L 59.707 25.304 L 51.545 36.122 L 59.311 25.016 L 46.5 20.596 L 59.461 24.55 L 59.706 11 Z" fill="transparent" height="82px" id="r88YZdq6x" width="82px"><path d="M 19.839 82 C 8.882 82 0 73.118 0 62.161 L 0 19.839 C 0 8.882 8.882 0 19.839 0 L 62.161 0 C 73.118 0 82 8.882 82 19.839 L 82 62.161 C 82 73.118 73.118 82 62.161 82 Z" fill="rgb(41, 234, 84)" height="82px" id="b5dHxnl3b" width="82px"/><path d="M 37.264 0.002 L 30.784 32.405 L 23.239 32.405 L 12.544 14.628 L 8.98 32.404 L 0 32.404 L 6.48 0 L 14.026 0 L 24.765 17.73 L 28.283 0 L 37.263 0 Z" fill="rgb(34, 34, 34)" height="32.40499999999997px" id="JmrH2esXS" transform="translate(11.5 28.5)" width="37.264px"/><path d="M 13.207 0 L 13.452 13.55 L 26.414 9.596 L 13.604 14.016 L 21.37 25.122 L 13.207 14.304 L 5.045 25.122 L 12.811 14.016 L 0 9.596 L 12.961 13.55 L 13.206 0 Z" fill="transparent" height="25.122000000000014px" id="cu5VIAbrZ" stroke-dasharray="" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="1.269" stroke-width="3.306" stroke="rgb(34, 34, 34)" transform="translate(46.5 11)" width="26.413999999999994px"/></g></svg>)
forcustomer
Developing a Brand Identity and Interactive No-Code Websites For a Consulting Bureau
Company
forcustomer, consulting & learning design bureau
B2B
Russia
Role
Brand & UX/UI Designer
Timeframe
2021 — 2022
TL;DR
Worked with a team of consulting experts to establish a web presence for a new business they launched. Aside from the typical tasks such as the information architecture, we had a special focus on branding and web design, ensuring the website sets forcustomer apart from competitors.
1. Bureau Website Development
🎯
Task
Design an easy to use and memorable website for an expert team launching a new enterprise
Avoid decisions and layouts that are obvious and used by competitors
Use a no-code builder that would allow fast development and sleek animation — we went with Readymag
1.1 Homepage and navigation
Decided to not use a typical landing page layout with vertical scroll but rather place the content on concise separate pages.
👨🏻💻
Process
01
Created several drafts: structure -> style
02
Went with minimalist design with some expressive details: color gradients, geometric icons, a serif font for accents
03
Prepared web prototypes and ran usability tests
04
Set up the website, finalized navigation, layouts, interactivity and animations
05
Updated the website with new team members, service categories and promos, as the company scaled
1.2 Animated internal pages
Placed <- and -> arrows on each page bottom to enable easy navigation.
Departure point for the website design was the color palette:
Pantone Colors of the Year 2021
This color scheme and reliance on geometry served as the basis for other designs and ensured consistency.
Example: case study created by another designer and stored on the website
✅
Results
Web presence with a distinct brand identity established for the bureau
Website updated and supported after the launch
2. Learning Experience Design Course Landing Page
🎯
Task
Create a landing page for a new product of the bureau: "Learning Experience Design" educational course
Develop a slightly distinct style as the product was aimed at new audiences
2.1 Hero section and mobile menu
Again, the objective of the client was to set themselves apart from competitors by avoiding typical layouts "everyone else" used
This led to solutions such as the vertical sidebar menu for desktop screens
Abstract architecture served as a metaphor and a key visual — as the course was offered to "educational solution architects"
2.2 Landing page layouts
Solving the task of creating a new style, we have:
(1) Kept the same fonts
(2) Further developed the geometric design, using more complex shapes
(3) Kept the same color scheme, adding more shades of grey and more white color for backgrounds
👨🏻💻
Process
01
Several layouts and style drafts created and reviewed
02
Final design developed in collaboration with an illustrator
03
Created the website on the same platform (Readymag), added animations
2.3 Landing page layouts
Each course module was accompanied by a separate abstract geometric illustration matching the module objectives
✅
Results
Landing page launched on time well before the course launch
All available seats on the course sold over a 2-week period
Page in continued use for further course cohorts
2.4 Course authors and mentors + signup form
