Copyright © 2026 Startify
Mateusz Madura
Lou.pl is a fast-growing Polish fashion brand for women, known for its elegant dresses and a loyal customer base. By 2025, its original eCommerce platform no longer reflected the brand’s premium identity, visually or functionally. The interface felt outdated, the structure wasn’t scalable, and the overall experience lacked the sophistication that defined Lou’s products.
At the same time, Lou.pl was expanding its collections, raising its product quality, and reaching a broader audience. The digital experience needed to catch up – not just to support this growth, but to reflect the brand’s elevated positioning and the expectations of modern, fashion-savvy customers.
Project goal
The main goal was to redesign Lou.pl’s entire eCommerce experience — visually, functionally, and strategically, to reflect the true quality of the brand and its products. The existing platform felt outdated, inconsistent with the brand’s premium image,
and failed to support a modern customer journey.
Beyond aesthetics, the redesign aimed to rebuild the purchase flow from the ground up. The previous checkout path was confusing, misaligned with user expectations, and hurt conversion. My goal was to deliver a coherent, elegant, and intuitive experience that supports Lou’s brand identity and meets the expectations of today’s fashion-forward customers.
01. Project Overview
A comprehensive design journey for a growing fashion brand
The collaboration with Lou.pl spanned several months and involved a complete UX/UI redesign for both desktop and mobile platforms.
Alongside the new experience, I developed a tailored design system to unify the brand’s visual language and coordinated the implementation phase with Lou’s internal team to ensure a smooth and consistent launch.
Short facts
02. Design System / Foundation
A comprehensive design journey for a growing fashion brand
To accelerate the redesign and ensure consistency across platforms, I built a modular design system from scratch — including all core UI components and state variants. It was designed to simplify collaboration, reduce duplication, and support faster iteration across teams.
The system allowed us to maintain clarity and brand alignment while scaling the project for both desktop and mobile experiences.
02. Design System / Colors
A muted palette crafted
for elegance and clarity
The color system was built around natural, desaturated tones that echo the premium and feminine aesthetic of the Lou brand. Beige, sand, gray, and warm neutrals were chosen to create a soft yet confident tone, ensuring the interface feels elevated, approachable, and in tune with the product line.
This restrained color direction provided clarity across UI components, while reinforcing the brand’s minimal sophistication and focus on detail.
03. Design System / Typography
A typeface that balances
elegance and function
03. UX/UI Desktop / Introduction
A homepage that captures
brand essence and drives discovery
Before redesigning the homepage, I needed to understand what wasn’t working. The original site struggled to reflect the brand’s elevated identity — both visually and structurally.
Copyright © 2026 Startify
Mateusz Madura
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M 12.667 0 L 3.333 0 C 1.493 0 0 1.493 0 3.333 L 0 12.667 C 0 14.507 1.493 16 3.333 16 L 12.667 16 C 14.508 16 16 14.507 16 12.667 L 16 3.333 C 16 1.493 14.508 0 12.667 0 Z M 5.333 12.667 L 3.333 12.667 L 3.333 5.333 L 5.333 5.333 Z M 4.333 4.488 C 3.689 4.488 3.167 3.961 3.167 3.312 C 3.167 2.663 3.689 2.136 4.333 2.136 C 4.977 2.136 5.5 2.663 5.5 3.312 C 5.5 3.961 4.978 4.488 4.333 4.488 Z M 13.333 12.667 L 11.333 12.667 L 11.333 8.931 C 11.333 6.685 8.667 6.855 8.667 8.931 L 8.667 12.667 L 6.667 12.667 L 6.667 5.333 L 8.667 5.333 L 8.667 6.51 C 9.597 4.786 13.333 4.659 13.333 8.161 Z" fill="rgb(0, 102, 200)" height="16px" id="WpZNB1c45" width="16px"/></svg>)
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M 0 8 C 0 6.549 0.357 5.211 1.072 3.984 C 1.787 2.757 2.757 1.787 3.984 1.072 C 5.211 0.357 6.549 0 8 0 C 9.451 0 10.789 0.357 12.016 1.072 C 13.243 1.787 14.213 2.757 14.928 3.984 C 15.643 5.211 16 6.549 16 8 C 16 9.451 15.643 10.789 14.928 12.016 C 14.213 13.243 13.243 14.213 12.016 14.928 C 10.789 15.643 9.451 16 8 16 C 6.549 16 5.211 15.643 3.984 14.928 C 2.757 14.213 1.787 13.243 1.072 12.016 C 0.357 10.789 0 9.451 0 8 Z M 1.328 8 C 1.328 9.664 1.888 11.131 3.008 12.4 C 3.52 11.397 4.331 10.443 5.44 9.536 C 6.549 8.629 7.632 8.059 8.688 7.824 C 8.528 7.451 8.373 7.115 8.224 6.816 C 6.389 7.403 4.405 7.696 2.272 7.696 C 1.856 7.696 1.547 7.691 1.344 7.68 C 1.344 7.723 1.341 7.776 1.336 7.84 C 1.331 7.904 1.328 7.957 1.328 8 Z M 1.536 6.352 C 1.771 6.373 2.117 6.384 2.576 6.384 C 4.357 6.384 6.048 6.144 7.648 5.664 C 6.837 4.224 5.947 3.024 4.976 2.064 C 4.133 2.491 3.411 3.083 2.808 3.84 C 2.205 4.597 1.781 5.435 1.536 6.352 Z M 3.92 13.264 C 5.125 14.203 6.485 14.672 8 14.672 C 8.789 14.672 9.573 14.523 10.352 14.224 C 10.139 12.4 9.723 10.635 9.104 8.928 C 8.123 9.141 7.133 9.68 6.136 10.544 C 5.139 11.408 4.4 12.315 3.92 13.264 Z M 6.368 1.552 C 7.307 2.523 8.176 3.733 8.976 5.184 C 10.427 4.576 11.52 3.803 12.256 2.864 C 11.019 1.84 9.6 1.328 8 1.328 C 7.456 1.328 6.912 1.403 6.368 1.552 Z M 9.552 6.32 C 9.712 6.661 9.893 7.093 10.096 7.616 C 10.885 7.541 11.744 7.504 12.672 7.504 C 13.333 7.504 13.989 7.52 14.64 7.552 C 14.555 6.101 14.032 4.811 13.072 3.68 C 12.379 4.715 11.205 5.595 9.552 6.32 Z M 10.496 8.736 C 11.04 10.315 11.408 11.936 11.6 13.6 C 12.443 13.056 13.131 12.357 13.664 11.504 C 14.197 10.651 14.517 9.728 14.624 8.736 C 13.845 8.683 13.136 8.656 12.496 8.656 C 11.909 8.656 11.243 8.683 10.496 8.736 Z" fill="rgb(234, 100, 218)" height="16px" id="oPkqROrDx" width="16px"/></svg>)
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M 7.937 15.873 C 12.32 15.873 15.873 12.32 15.873 7.937 C 15.873 3.553 12.32 0 7.937 0 C 3.553 0 0 3.553 0 7.937 C 0 12.32 3.553 15.873 7.937 15.873 Z" fill="rgb(23, 105, 255)" height="15.872990476190477px" id="hJJP_Xp3v" width="15.872990476190308px"/><path d="M 3.385 0 C 3.727 0 4.039 0.03 4.322 0.091 C 4.604 0.151 4.846 0.25 5.047 0.388 C 5.248 0.526 5.404 0.709 5.516 0.937 C 5.627 1.166 5.682 1.448 5.682 1.783 C 5.682 2.146 5.599 2.448 5.435 2.69 C 5.27 2.932 5.027 3.13 4.705 3.284 C 5.148 3.412 5.479 3.636 5.697 3.954 C 5.916 4.273 6.025 4.658 6.025 5.108 C 6.025 5.47 5.954 5.785 5.813 6.05 C 5.672 6.316 5.483 6.532 5.244 6.7 C 5.005 6.868 4.733 6.992 4.428 7.072 C 4.121 7.153 3.804 7.194 3.486 7.193 L 0 7.193 L 0 0 Z M 3.183 2.911 C 3.465 2.911 3.697 2.844 3.879 2.71 C 4.06 2.575 4.151 2.357 4.15 2.055 C 4.15 1.888 4.12 1.75 4.06 1.643 C 3.999 1.535 3.919 1.451 3.818 1.39 C 3.717 1.33 3.601 1.288 3.47 1.265 C 3.336 1.241 3.199 1.229 3.062 1.23 L 1.582 1.23 L 1.582 2.912 Z M 3.274 5.963 C 3.423 5.964 3.572 5.949 3.717 5.918 C 3.858 5.888 3.983 5.837 4.09 5.767 C 4.197 5.696 4.283 5.601 4.347 5.48 C 4.411 5.359 4.443 5.204 4.443 5.016 C 4.443 4.648 4.339 4.383 4.131 4.226 C 3.923 4.068 3.647 3.989 3.305 3.989 L 1.582 3.989 L 1.582 5.964 Z M 8.015 5.812 C 8.229 6.02 8.538 6.124 8.942 6.124 C 9.23 6.124 9.479 6.052 9.687 5.908 C 9.895 5.764 10.023 5.611 10.07 5.45 L 11.329 5.45 C 11.128 6.074 10.818 6.521 10.402 6.789 C 9.985 7.058 9.482 7.192 8.891 7.192 C 8.481 7.192 8.112 7.127 7.783 6.996 C 7.454 6.865 7.175 6.679 6.947 6.437 C 6.718 6.195 6.542 5.907 6.418 5.571 C 6.294 5.235 6.232 4.865 6.232 4.463 C 6.232 4.074 6.295 3.711 6.423 3.375 C 6.55 3.039 6.732 2.749 6.967 2.504 C 7.202 2.259 7.483 2.066 7.808 1.925 C 8.134 1.784 8.495 1.714 8.891 1.714 C 9.335 1.714 9.721 1.799 10.05 1.971 C 10.379 2.142 10.65 2.372 10.861 2.661 C 11.072 2.95 11.225 3.279 11.319 3.648 C 11.413 4.018 11.447 4.404 11.42 4.807 L 7.663 4.807 C 7.683 5.269 7.8 5.604 8.015 5.812 Z M 9.632 3.072 C 9.46 2.884 9.2 2.79 8.851 2.79 C 8.622 2.79 8.432 2.829 8.282 2.906 C 8.131 2.983 8.01 3.079 7.919 3.193 C 7.829 3.307 7.765 3.428 7.728 3.556 C 7.691 3.683 7.669 3.797 7.663 3.898 L 9.99 3.898 C 9.922 3.536 9.803 3.26 9.632 3.072 Z M 7.418 0.365 L 10.325 0.365 L 10.325 1.171 L 7.418 1.171 Z" fill="rgb(255, 255, 255)" height="7.193020076764556px" id="N4Jba0Pqz" transform="translate(2.222 4.34)" width="11.429136923183297px"/></svg>)
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><defs ><radialGradient cx="0.13286125" cy="1.00496895623014" gradient-transform="translate(0.13286125, 1.00496895623014) scale(1 1) translate(-0.13286125, -1.00496895623014)" id="HbaVA76D_-3582175324-radial-gradient" r="1.30546875"><stop offset="0" stop-color="rgb(250, 143, 33)"/><stop offset="1" stop-color="rgb(216, 45, 126)"/></radialGradient><radialGradient cx="0.60648" cy="1.049773543559907" gradient-transform="translate(0.60648, 1.049773543559907) scale(1 1) translate(-0.60648, -1.049773543559907)" id="Xvi0nA7Gb-3582175324-radial-gradient" r="1.0288875000000002"><stop offset="0" stop-color="rgba(140, 58, 170, 0)"/><stop offset="1" stop-color="rgb(140, 58, 170)"/></radialGradient></defs><path d="M 5.334 8 C 5.334 6.528 6.528 5.333 8 5.333 C 9.473 5.333 10.667 6.528 10.667 8 C 10.667 9.473 9.473 10.667 8 10.667 C 6.528 10.667 5.334 9.473 5.334 8 Z M 3.892 8 C 3.892 10.269 5.731 12.108 8 12.108 C 10.269 12.108 12.108 10.269 12.108 8 C 12.108 5.731 10.269 3.892 8 3.892 C 5.731 3.892 3.892 5.731 3.892 8 Z M 11.311 3.729 C 11.311 3.919 11.367 4.105 11.473 4.263 C 11.578 4.421 11.728 4.544 11.903 4.617 C 12.079 4.689 12.272 4.708 12.458 4.671 C 12.644 4.634 12.815 4.543 12.95 4.409 C 13.084 4.275 13.175 4.104 13.213 3.917 C 13.25 3.731 13.231 3.538 13.158 3.363 C 13.086 3.187 12.963 3.037 12.805 2.932 C 12.647 2.826 12.461 2.77 12.271 2.77 L 12.271 2.77 C 12.017 2.77 11.772 2.871 11.592 3.051 C 11.412 3.231 11.311 3.475 11.311 3.729 Z M 4.768 14.512 C 3.988 14.477 3.564 14.347 3.282 14.237 C 2.909 14.092 2.642 13.919 2.362 13.639 C 2.082 13.359 1.909 13.093 1.764 12.719 C 1.654 12.438 1.524 12.013 1.489 11.233 C 1.45 10.39 1.442 10.137 1.442 8 C 1.442 5.864 1.45 5.611 1.489 4.767 C 1.524 3.987 1.655 3.564 1.764 3.282 C 1.909 2.908 2.082 2.642 2.362 2.361 C 2.642 2.081 2.908 1.908 3.282 1.763 C 3.564 1.653 3.988 1.523 4.768 1.488 C 5.611 1.449 5.865 1.441 8 1.441 C 10.136 1.441 10.389 1.45 11.233 1.488 C 12.013 1.523 12.437 1.654 12.719 1.763 C 13.093 1.908 13.359 2.082 13.639 2.361 C 13.919 2.641 14.092 2.908 14.238 3.282 C 14.348 3.563 14.477 3.987 14.513 4.767 C 14.552 5.611 14.559 5.864 14.559 8 C 14.559 10.137 14.552 10.389 14.513 11.233 C 14.477 12.013 14.347 12.437 14.238 12.719 C 14.092 13.093 13.919 13.359 13.639 13.639 C 13.359 13.918 13.093 14.092 12.719 14.237 C 12.437 14.347 12.013 14.477 11.233 14.512 C 10.39 14.551 10.137 14.559 8 14.559 C 5.864 14.559 5.611 14.551 4.768 14.512 Z M 4.702 0.048 C 3.85 0.087 3.268 0.222 2.76 0.42 C 2.234 0.624 1.788 0.898 1.343 1.343 C 0.898 1.787 0.624 2.234 0.42 2.76 C 0.222 3.269 0.087 3.85 0.048 4.702 C 0.009 5.555 0 5.828 0 8 C 0 10.173 0.009 10.446 0.048 11.299 C 0.087 12.15 0.222 12.732 0.42 13.241 C 0.624 13.767 0.898 14.213 1.343 14.658 C 1.788 15.102 2.234 15.376 2.76 15.581 C 3.269 15.778 3.85 15.913 4.702 15.952 C 5.555 15.991 5.828 16.001 8 16.001 C 10.173 16.001 10.446 15.992 11.299 15.952 C 12.15 15.913 12.732 15.778 13.241 15.581 C 13.767 15.376 14.213 15.102 14.658 14.658 C 15.103 14.213 15.376 13.767 15.581 13.241 C 15.778 12.732 15.914 12.15 15.952 11.299 C 15.991 10.445 16 10.173 16 8 C 16 5.828 15.991 5.555 15.952 4.702 C 15.913 3.85 15.778 3.268 15.581 2.76 C 15.376 2.234 15.102 1.788 14.658 1.343 C 14.213 0.898 13.767 0.624 13.241 0.42 C 12.732 0.222 12.15 0.087 11.299 0.048 C 10.446 0.01 10.174 0 8.001 0 C 5.828 0 5.555 0.009 4.702 0.048 Z" fill="url(%23HbaVA76D_-3582175324-radial-gradient)" height="16.00059375px" id="HbaVA76D_" transform="translate(0 0.004)" width="16px"/><path d="M 5.334 8 C 5.334 6.528 6.528 5.333 8 5.333 C 9.473 5.333 10.667 6.528 10.667 8 C 10.667 9.473 9.473 10.667 8 10.667 C 6.528 10.667 5.334 9.473 5.334 8 Z M 3.892 8 C 3.892 10.269 5.731 12.108 8 12.108 C 10.269 12.108 12.108 10.269 12.108 8 C 12.108 5.731 10.269 3.892 8 3.892 C 5.731 3.892 3.892 5.731 3.892 8 Z M 11.311 3.729 C 11.311 3.919 11.367 4.105 11.473 4.263 C 11.578 4.421 11.728 4.544 11.903 4.617 C 12.079 4.689 12.272 4.708 12.458 4.671 C 12.644 4.634 12.815 4.543 12.95 4.409 C 13.084 4.275 13.175 4.104 13.213 3.917 C 13.25 3.731 13.231 3.538 13.158 3.363 C 13.086 3.187 12.963 3.037 12.805 2.932 C 12.647 2.826 12.461 2.77 12.271 2.77 L 12.271 2.77 C 12.017 2.77 11.772 2.871 11.592 3.051 C 11.412 3.231 11.311 3.475 11.311 3.729 Z M 4.768 14.512 C 3.988 14.477 3.564 14.347 3.282 14.237 C 2.909 14.092 2.642 13.919 2.362 13.639 C 2.082 13.359 1.909 13.093 1.764 12.719 C 1.654 12.438 1.524 12.013 1.489 11.233 C 1.45 10.39 1.442 10.137 1.442 8 C 1.442 5.864 1.45 5.611 1.489 4.767 C 1.524 3.987 1.655 3.564 1.764 3.282 C 1.909 2.908 2.082 2.642 2.362 2.361 C 2.642 2.081 2.908 1.908 3.282 1.763 C 3.564 1.653 3.988 1.523 4.768 1.488 C 5.611 1.449 5.865 1.441 8 1.441 C 10.136 1.441 10.389 1.45 11.233 1.488 C 12.013 1.523 12.437 1.654 12.719 1.763 C 13.093 1.908 13.359 2.082 13.639 2.361 C 13.919 2.641 14.092 2.908 14.238 3.282 C 14.348 3.563 14.477 3.987 14.513 4.767 C 14.552 5.611 14.559 5.864 14.559 8 C 14.559 10.137 14.552 10.389 14.513 11.233 C 14.477 12.013 14.347 12.437 14.238 12.719 C 14.092 13.093 13.919 13.359 13.639 13.639 C 13.359 13.918 13.093 14.092 12.719 14.237 C 12.437 14.347 12.013 14.477 11.233 14.512 C 10.39 14.551 10.137 14.559 8 14.559 C 5.864 14.559 5.611 14.551 4.768 14.512 Z M 4.702 0.048 C 3.85 0.087 3.268 0.222 2.76 0.42 C 2.234 0.624 1.788 0.898 1.343 1.343 C 0.898 1.787 0.624 2.234 0.42 2.76 C 0.222 3.269 0.087 3.85 0.048 4.702 C 0.009 5.555 0 5.828 0 8 C 0 10.173 0.009 10.446 0.048 11.299 C 0.087 12.15 0.222 12.732 0.42 13.241 C 0.624 13.767 0.898 14.213 1.343 14.658 C 1.788 15.102 2.234 15.376 2.76 15.581 C 3.269 15.778 3.85 15.913 4.702 15.952 C 5.555 15.991 5.828 16.001 8 16.001 C 10.173 16.001 10.446 15.992 11.299 15.952 C 12.15 15.913 12.732 15.778 13.241 15.581 C 13.767 15.376 14.213 15.102 14.658 14.658 C 15.103 14.213 15.376 13.767 15.581 13.241 C 15.778 12.732 15.914 12.15 15.952 11.299 C 15.991 10.445 16 10.173 16 8 C 16 5.828 15.991 5.555 15.952 4.702 C 15.913 3.85 15.778 3.268 15.581 2.76 C 15.376 2.234 15.102 1.788 14.658 1.343 C 14.213 0.898 13.767 0.624 13.241 0.42 C 12.732 0.222 12.15 0.087 11.299 0.048 C 10.446 0.01 10.174 0 8.001 0 C 5.828 0 5.555 0.009 4.702 0.048 Z" fill="url(%23Xvi0nA7Gb-3582175324-radial-gradient)" height="16.00059375px" id="Xvi0nA7Gb" transform="translate(0 0.004)" width="16px"/></svg>)