Our Website, eAssets
Welcome. This website — electroassets.com — is an example of how we approach the development of modern web solutions. It's not just a showcase of our services, but also a demonstration of the technological capabilities we use for our clients.
We aimed to create a site that looks clean, runs fast, and at the same time showcases the power of cutting-edge web technologies — from SPA and React to interactive elements you can see in action. All content is focused on what truly matters to you as a user.
About the Site
This site is a portfolio landing page, designed with a focus on:
- showcasing our capabilities;
- demonstrating frontend expertise;
- ease and speed of interaction;
- providing all essential information without the clutter.
We’ve implemented several key technological features that distinguish modern sites from standard, templated solutions.
Technological Features
🔁 SPA (Single Page Application)
The site is implemented as an SPA — meaning there are no full page reloads during navigation. You’ll notice a smooth background transition between pages while the header and footer remain intact. This helps avoid:
- screen flickering;
- white flashes on slow internet;
- reloading of identical components.
The result is a seamless UX experience — like using a desktop app.
_HzielKi.gif)
🎯 Scroll Velocity
This effect, built in React, creates a dynamic parallax text that moves with the scroll direction. It adds depth to the design and makes the content more lively. This element is located on the homepage — try scrolling it to see it in action. Quick link here.
Scroll Velocity
%20(1)_eiHvCwa.gif)
🌀 Variable Proximity & Circular Text
On the homepage, in the "Contacts" section, you'll find two React components:
- Variable Proximity — dynamically changes the heading size based on cursor position.
- Circular Text — rotates text in a circle, creating interactive engagement.
These elements demonstrate how design details can enhance user experience. Try it here.
Variable Proximity & Circular Text
_cmOK9lv.gif)
💫 Portfolio
The Portfolio page is one of the most exciting features of our site, showcasing our work — but in a very unique way. Try it here.
When you enter the page, you’ll see one of our portfolio projects — its name and, if you're on desktop, a description. But here’s the magic: if you click and hold the item (or press and hold on mobile), the portfolio doesn’t just appear in a list — it displays interactively in a 3D sphere right on the page. It's an experience worth trying.
Portfolio
_RHsiaqc.gif)
💬 Online Chat
An online chat window is built directly into the page — a feature we added to make communication easier and to demonstrate the kind of functionality your own site can include. The chat is powered by Tawk.to, so you can explore their services and pricing in more detail (they offer a fully free plan, which we're using for demonstration).
_Wl1ZPZr_9ZmvS0n.gif)
🎨 Animations & UI
We used Framer Motion, AOS, UIKit, and Bootstrap to give the animations a smooth, stylish look. All design components — from headers to forms — are thoughtfully crafted, tested, and optimized for user convenience.
Technologies
Over 15 modern technologies and frameworks were used in development:
- SASS/SCSS
- HTML5
- TypeScript, JavaScript
- React, React Bits
- Axios, GL-Matrix, Framer-Motion, AOS
- Bootstrap, UIKit
- Python
- Django
- Django Rest Framework, Django Background Tasks, DjangoCKEditor
- SQLite, MySQL
- Figma, Adobe Photoshop
- Cloudflare
- Git, Apache
Summary
This site is our personal platform to showcase our professional skills. If you'd like to create a similar site for yourself or your business — reach out. We’ll help you bring your vision to life, just like we did for ourselves.
Enjoyed the article?
Share this material with your friends or save the link for yourself.