Technologies
Designer
Project manager
Frontend
Backend
QA
Period
June 2024 — September 2024
About the Company
Right in the heart of the capital, “Narodny Dim Ukraine” offers a unique collection of works by top artisans and manufacturers from all over the country. As the first store dedicated solely to Ukrainian gifts, we’re all about preserving and promoting our national cultural heritage while supporting local artisans, designers, and artists.
20.7К
Instagram Followers
Task
The Asabix team was tasked with creating a fast, modern website with a clean design that effectively communicates the brand’s message. It needed to display correctly on all devices, offer robust security, provide two language options, and support payments in multiple currencies.
Stages
Planning
We started by crafting a clear strategy for the upcoming website. During our intro call, we discussed business goals and the necessary features. We developed technical documentation that outlined all project requirements and then agreed on the project budget and timeline for each development phase.
Design Concept
Our main task was to create an online store design that wouldn’t overshadow the vibrant products but instead set the right context and mood for shoppers.
We developed two polished mockups in Figma, with responsive versions and a UI Kit, and the client chose one. The final design served as a canvas for vibrant details, and we received great feedback from “Narodniy Dim Ukraina” in the first days after launch.
We developed two polished mockups in Figma, with responsive versions and a UI Kit, and the client chose one. The final design served as a canvas for vibrant details, and we received great feedback from “Narodniy Dim Ukraina” in the first days after launch.
Development
We built an online store following modern web development standards, delivering on time with clear communication throughout. We regularly aligned on progress, allowing the client to oversee the development process and make necessary adjustments promptly.
Integrations
We connected external APIs for delivery and payment services. We also integrated marketing tools, allowing the brand to engage with its audience through SMS, personalized emails, and special services.
We set up automatic feeds for ad campaigns on Facebook Ads Manager, Google Merchant, and Google Ads. These feeds update automatically with store changes, like prices or product names, making campaign management hassle-free and time-saving.
Additionally, we integrated schema.org, Google Tag Manager, Google Analytics, Google e-commerce, Facebook Pixel, and Google’s reCAPTCHA.
We set up automatic feeds for ad campaigns on Facebook Ads Manager, Google Merchant, and Google Ads. These feeds update automatically with store changes, like prices or product names, making campaign management hassle-free and time-saving.
Additionally, we integrated schema.org, Google Tag Manager, Google Analytics, Google e-commerce, Facebook Pixel, and Google’s reCAPTCHA.
SEO Optimization
We optimized the online store’s code for SEO by using WebP for images, preventing page duplication with Canonical tags, and implementing Schema.org markup for better indexing. We also set up robots.txt and sitemap.xml files, configured 301 redirects, and more.
Testing
Our QA managers thoroughly checked all site functionalities against the specifications and ensured that the store displays correctly on various devices. We also tested the load to ensure the site can handle high traffic during peak sales.
Project Handover
The handover included training client representatives on the admin panel, transferring all source files, deploying the project on the server, and more.
Design
Aa
Montserrat Regular
Text styles
Ag h1 32/auto
Ag h1 mobile 24/auto
Ag h2 mobile 20/auto
Ag BTNs 16/140
Ag paragraph 16/188
Ag small 12/auto
Technical Details
We used Pug and Sass for a cleaner, more organized codebase. This setup helped us meet Google’s SEO requirements for top rankings.
We built the online store on Laravel, a robust PHP framework, using Blade for templating. JavaScript added functionality, while Gulp and Webpack handled bundling and optimization. These tools ensured compatibility with older browsers, reduced code size, and optimized images to keep the site speedy. With Redis and Memcached for caching, we cut down on database load, boosting performance.
Security was a big focus — Laravel’s built-in features protected against CSRF attacks and SQL injections. Passwords are secured with Bcrypt, making them tough to crack, and we set up strong user authentication and authorization.
All these tech choices made the online store fast, secure, and high-quality
We built the online store on Laravel, a robust PHP framework, using Blade for templating. JavaScript added functionality, while Gulp and Webpack handled bundling and optimization. These tools ensured compatibility with older browsers, reduced code size, and optimized images to keep the site speedy. With Redis and Memcached for caching, we cut down on database load, boosting performance.
Security was a big focus — Laravel’s built-in features protected against CSRF attacks and SQL injections. Passwords are secured with Bcrypt, making them tough to crack, and we set up strong user authentication and authorization.
All these tech choices made the online store fast, secure, and high-quality
Final functionality:
Product cards with various colors and sizes
Simple product search and SEO filter
Wishlist for favorite items
Easy-to-use order processing system
Integration with external payment systems and delivery services
Content management and SEO promotion
Support for multiple languages and currencies
Automated feeds for ad campaigns
Advanced analytics (Google Analytics, Facebook Pixel)
Automated marketing tools (SMS, email campaigns)
User account management system
Advantages of an online store developed by Asabix
More than just tasks — a fully realized product
We’ve prepared an online store for a smooth launch and proper operation from day one. We didn’t just meet expectations—we exceeded them. We added 404 pages and “Thank You for Your Purchase” pages, implemented logging processes, ensured proper URL structuring, and much more.
Developer-friendly code
We follow top development standards and adhere to the “developer-to-developer” principle, ensuring the project is easy to maintain or upgrade by any team later on.
Perfect UX
We designed a modern interface with every element intuitive. Navigation is clear and simple, with a focus on making purchases easily without unnecessary clicks.
We carefully crafted every element of the interface to be user-friendly. Each button, form, notification, and error message is accompanied by clear, high-quality descriptions in both Ukrainian and English, tailored to native speakers—no machine translation involved.
We carefully crafted every element of the interface to be user-friendly. Each button, form, notification, and error message is accompanied by clear, high-quality descriptions in both Ukrainian and English, tailored to native speakers—no machine translation involved.
Hours invested
Efficiency by the numbers
50 hours
Design
340 hours
Frontend
320 hours
Backend
80 hours
Management and QA
Results
We utilized the powerful, modern PHP framework Laravel to ensure the online store has high security, scalability, and excellent performance.
An intuitive interface for shoppers
Stylish, responsive design
A clear admin panel for managing content and products
High SEO rankings through optimization and microdata integration
Quality code and architecture ready for future scalability
Contacts
#0000
Ready to get started?
Reach out to us!
Email:
Address:
Ukraine, Zhytomyr
Vitruka Street, 9V
Shedule:
Mon – Fri, 9 am – 7 pm
Email:
Address:
Poland, Warsaw, 00-842
Łucka Street 15/204
Shedule:
Mon – Fri, 9 am – 7 pm
Contact us
#0000
Got a question?
Please fill out the form below, and our specialists will contact you as soon as possible!