Ivan Danilov
UX/UI Designer
Exaterra Website Design
Corporate website for Exaterra, a technology startup in the field of open and disaggregated network solutions. The website was created to present the product, brand, hardware, and key company advantages for the international market.
Web Design
UI Design
UX Structure
Brand Identity
Motion Design
Problems
01
The company needed its own visual identity
The previous company already had strong technical expertise, but the new Exaterra product needed a separate brand. It was important to create a visual system that looks modern, technological, and trustworthy for the international market.
02
The company did not have its own website
Exaterra needed a digital entry point where users, partners, and potential clients could quickly understand what the company does, what solutions it offers, and why its product is important for modern network infrastructure.
03
Complex technical product
Open and disaggregated networks, routers, switches, and infrastructure solutions are difficult to explain through a simple marketing website. The goal was to make the product easier to understand visually, while keeping a strong technological and expert feeling.
04
There was no unified digital identity system
Exaterra needed not only a homepage, but a complete visual base for future brand development. Product pages, solution pages, documentation, presentations, datasheets, icons, diagrams, animations, and 3D visualizations had to work in one consistent style.
Goal
To design the Exaterra website and create a visual foundation for a new technology brand. The goal was to show the company direction, explain the product, build trust in the brand, and prepare an interface that could become part of the wider digital identity system.
Solution
I designed the website structure, visual style, UI components, color system, graphic elements, and animations. I also used 3D models of routers and switches to make the product more clear, visual, and strong.
Color system, typography, and icons
I expanded Exaterra corporate colors into a full website palette, selected Atkinson Hyperlegible for better readability of technical content, and created custom icons in one consistent style.
HEX
FF6E5C
RGB
255, 110, 92
HEX
FFAAA0
RGB
255, 170, 160
HEX
FFCDC7
RGB
255, 205, 199
HEX
FFE4E1
RGB
255, 228, 225
HEX
FFF3F1
RGB
255, 243, 241
HEX
572FAA
RGB
87, 47, 170
HEX
774ADD
RGB
119, 74, 221
HEX
C4BCF6
RGB
196, 188, 246
HEX
DDDAFA
RGB
221, 218, 250
HEX
F5F4FE
RGB
245, 244, 254
Product pages
Separate pages were created for Switching Platforms and Disaggregated Routing Platforms. These pages explain the products, their benefits, and their role in network infrastructure. Isometric illustrations helped show complex technical solutions in a simpler way.
Solution pages
For Enterprise Data Center Network, 5G Network, CX-NOS, and Hyperscale Network, I created page structures that help users quickly understand the use case, tasks, and value of each solution.
Product Documentation and Datasheet
I designed pages for Product Documentation, Datasheets, White Papers, and other PDF materials, so users could quickly find technical documents and study product specifications.
Why Exaterra and About Us pages
On the Why Exaterra and About Us pages, I structured the company advantages, its approach to open networks, mission, team, and technology vision. CTA blocks were added at the end of the pages.
Other internal pages
Additional pages were also designed: product comparison, partners, careers, articles, news, and other sections that expand the website into a full corporate platform.
Results
As a result, Exaterra received a modern corporate website and a visual foundation for entering the international market. The website became the first full digital presentation of the brand, helped explain a complex technology product, and created a professional image for the company.
21 pages
21 unique pages were designed for the main and internal website sections.
Company face
The website became the main digital entry point for presenting Exaterra on the market.
Scalable visual style
A visual system was created that can grow across the website, documents, and presentations.
16 diagrams
16 diagrams were designed and animated to explain technical solutions visually.
Another case from this project
Redesigning the marketing website
Improving structure, clarity, and visual consistency to create a better user experience and increase conversions.
Website Redesign
UI Design
UX Structure
Back Office Platform Design for Global Admissions
An internal platform for Global Admissions employees that helps manage leads, applicants, applications, payments, universities, articles, and user access.
Backend UX
UX Optimization
Data-Heavy Interfaces