Eliss UX/UI Design

Designing with Precision: My Design System Journey 🎨

Building a design system is like crafting a universal language for a brand. From setting up component libraries to defining typography, colors, and interactions, a well-built system streamlines the design process and ensures consistency across every touchpoint.

With this recent project, I focused on creating a scalable, cohesive system that empowers designers and developers to work efficiently. It’s all about making sure that every button, every icon, and every layout feels just right.

🔹 Key Elements:
✅ Reusable components
✅ Consistent styles
✅ Scalable for any project

Design systems: the backbone of powerful, unified experiences! 💼✨

👊 Designing for Champions 👊

Proud to share the UFC Fighter Proposal Book I designed! This project was all about capturing the intensity, skill, and passion of the fighters while creating a sleek, professional proposal for sponsorships and events.

From bold typography to high-impact fighter visuals, this book brings the dynamic energy of UFC to life on every page. With detailed fighter bios, sponsorship packages, and event stats, it’s designed to pack a punch both visually and strategically!

🔥 Key Elements:
🥇 Bold fighter profiles
📊 Clean, dynamic infographics
🎯 Professional layout for sponsors

Designing for the octagon, one page at a time! 💥

I was hired by a client who has a boosting website of World of Warcraft. This website offers different services for gamers: leveling, rare mounts, rating, etc. 👾👩‍💻

More details about this case you may find at my website 👉 eliss.design

Christian Holst, Co-founder of Baymard Institute, figured out which type of items’ list works better: an infinite scroll, pagination or the “Load more” button. 🥸

Baymard Institute researches the interfaces of online stores and publishes the results of their observations.🧐

Pagination is the default solution on many eCommerce platforms, so it's the most common. “Infinite scroll" is sometimes inconvenient: in search results and on mobile. But the “Load more” button combined with “lazy” loading of products creates a pleasant user experience.

What is better to use?

➡️ In categories - the “load more" button with "lazy" loading;
➡️ In the search results - the “load more" button in combination with the number of objects found;
➡️ On mobile - the “load more" button but load fewer objects than on desktops.

More detailed research you can find in blog at my website 👉 eliss.design

   

Website design for a fitness trainer 🏋️‍♂️

The 🌐 global web experienced a boom in annoying pop-ups back in the 1990s. Since then, a lot has changed: styles, trends, technologies, resources, etc., but the extremely negative attitude of users to events that happen against their will remains unchanged. 🧐
⠀
Just imagine for a moment that in your car the anti-freeze starts splashing 💦on the windshield not when you turn on the corresponding function, but when the automaker's engineers want it. The refrigerator starts defrosting without your knowledge every Wednesday at 4:00 am, and suddenly boiling water starts flowing from the cold water tap, because the faucet seemed to want to warm up.⠀
⠀
A similar interaction between a person and the system takes place on the website 🙌, and when it begins to interfere in the user's life without asking, he often does not feel great joy.⠀
⠀
✅ From here the first and most important recommendation follows: in most ordinary cases, the callback order window should appear only when the user's request!⠀
⠀
🚫 No pop-up, flying and other flickering unidentified objects on theweb site! But if you sinned once and could not resist the temptation, succumbed to the spell of promises of unearthly conversion from a “well-wisher” marketer, introducing the effect of a launching rocket for your window, at least stop in time! If the user closes your flying window, you don't need to relaunch it every 10 seconds!⠀
⠀
And for what / who is this window generally needed? In fact, this is a function for the "lazy". In fact: in the era of modern automatic telephone exchanges, people simply do not want to waste their time listening to Vivaldi's Adagio, waiting for them to stop switching from one specialist to another. 😩
⠀
And here a well-designed callback window will come in handy. Swipe ➡️ carousel - there are 4 more useful tips.⠀

The company hired me to make a redesign for their website for contractors and their renovation business 🎨👩‍🎨

More details about this case you may find at my website 👉 eliss.design

We all learn from our mistakes. That’s absolutely okay 😉
⠀
Experience is not easy, especially when it comes not to mastering technical tools (Figma, Photoshop, etc.), but to interacting with other people as part of the workflow. And the most frightening thing for beginners is that these people (clients) change from project to project every time! A designer needs to find its own approach, its own secret loophole to each of them.⠀
⠀
And if the way to a man’s heart, according to a well-known saying, lies through the stomach 👀, then the client must be taken by skillful management of project tasks 😎, attitude to details, attention to the needs of the customer, the ability to listen and hear the person who addresses you with a problem 🦻. After all, it is up to the designer to solve this problem.⠀
⠀
Novice designers, because of the lack of experience in project activities, tend to make a number of mistakes. They:⠀
⠀
✅ do not ask questions or ask too many of them;⠀
⠀
✅ do not explore the market and target audience;⠀
⠀
✅ do not analyse competitors, their strengths and weaknesses;⠀
⠀
✅ do not study and/or compare references;⠀
⠀
✅ do not specify the terms and scope of work.⠀

Order from German stand construction company for
innovative live marketing. 😎

Psychology influences our life and, of course, it influences UX. When designers understand what users feel about their design, the designs will become much more effective and will help users to reach their goals 🙌.

For, example THE VON RESTORFF EFFECT 👀
Also known as the “isolation effect” predicts that when multiple objects are presented, the one that differs from the rest is more likely to be remembered.
Knowing this UX/UI designers make the most important objects differ from the rest in their design, for example, CTA elements, like buttons. 🗣 Buttons are call-to-action elements and they are very important to be visible.

Visually it can be shown like this 🐠🐠🐙🐠🐠 . Which one is more attractive?

To read more, go to my website 👉 eliss.design :) There you’ll find interesting articles about UX/UI design 🙊.

   

Restaurant website design 🌭🌮🍕