Quick Summary: Five real-world examples of web site design demonstrate that in order to determine whether a project is considered successful, it is necessary to measure changes in how users interact with the redesigned web site. In addition to visual improvements there are some common elements across the five cases; optimizing page loads for faster access, designing an information architecture based on content first, designing for the smaller screen first (mobile), and maintaining the redesigned web site after its launch. The results from these projects included significant decreases in loading times, increases in completed contact forms, and positive gains in user interaction on e-commerce, logistics, real estate, B2B, and product branding type web sites.
A redesign looks nice but does not function effectively equals failure. We measure success at Deutrix by quantifiable results; for example, faster loading times, fewer bounces, higher conversion percentages, and better Search Engine Optimization (SEO) rankings. Every single decision made in designing a site will tie directly into an objective for the client’s business.
The Five Redesigns Where Numbers Told the Story
We measure results on aesthetics of a website
Aesthetics appeal visually and they do build trust with the people visiting your website and show the level of professionalism when it comes to your visitors and can help you to produce the right emotional responses from them so that they come back. But a beautifully designed and redone website does not necessarily sell products, or get leads, nor does it offer much to the visitor base, just an expensive piece of artwork.
All projects completed through our company will have tracking based on specific performance benchmarks. Before we undertake a redesign we track the performance metrics of the existing site (PageSpeed score, page-load-time, Core Web Vitals, Bounce Rate, Conversion Rate, Organic Traffic) after which we track the same metrics post-launch and provide a comparison metric. Our end goal is to improve upon the existing state — not merely create a different state.
Case study 1 – SL Beauty (e-commerce store redesign)
Customer: Sl Beauty – A multilingual online beauty products retailer based in Serbia (and other languages)
Problem: The previous site was created using a standard woocommerce theme. It contained approximately 25 active “plugins”. On mobile devices, the page load time averaged 6+ seconds. The checkout process consisted of five steps. There was no guest checkout option. Filtering of products was very slow, and not intuitive. Therefore, finding what you were looking for as a customer was difficult. As such, mobile conversions rates are well below that of the industry.
Solution: We built a custom woocommerce theme utilizing a mobile-first design. We decreased the number of “plugins” from 25 down to 12 by integrating multiple plugins into one piece of clean custom code. We also streamlined the checkout process to two steps and included an option for guests to complete the checkout without creating an account. We rebuilt the product filtering so that it would display search results instantly via AJAX. And lastly, we integrated stripe to allow our customers to pay seamlessly.
Results: With regards to our mobile implementation, we decreased our page load time from 6.2 seconds to 1.8 seconds. Our mobile page speed score increased from 34 to 89. The reduction in the amount of steps in the checkout process has been proven to decrease cart abandonment. By allowing visitors to filter products quickly, we have seen an increase in the average sessions per page, which means visitors are now viewing more products prior to making a purchase. In comparison to our competition who continue to use outdated template-based systems, this will position us competitively within the marketplace.
Conclusion: Speed = Revenue. The relationship between page load time and conversion rates are directly correlated. Development of custom solutions, specifically reducing dependence on plugins, will result in measurable returns on investment due to performance enhancements.
Case study #2: delivery platform Application
Client: LKGo — a local delivery and logistics platform requiring a user facing website and a driver management interface.
Challenge: The client needed an online platform serving to two vastly different audiences: customers who were going to place delivery orders; and drivers who would be managing their deliveries. At the time, the company had a basic WordPress site that simply couldn’t accommodate all of the necessary capabilities — real-time order status updates, optimized routes, driver dashboards, etc., as well as dynamically changing prices based upon demand.
Our Solution: To create this capability, we designed and developed a completely customized web application utilizing Laravel (on the back-end) paired with a Vue.js-powered front end, tied together by Inertia.js (for creating seamless page transitions). On the customer-facing side, we created a clean conversion focused ordering flow with address validation and live delivery estimate information. On the driver side, we provided a mobile optimized route management, earnings tracking, and availability scheduling area. Despite having access to the same back-end, we presented the customers with completely different experiences than those of the drivers.
Results: The platform was rolled out on time and managed the initial load volumes from the first day. A major factor contributing to our success was the high completion rate of our customer ordering flow — at nearly twice the national average for delivery platforms. We believe this was primarily due to the streamlined three step ordering process that made it easy for our customers to complete their orders quickly.
Key Takeaway: If you need to provide your users with different experiences, take the time to do the proper UX research for each type of user. While the exact same tech stack will likely be used to support both types of users, the overall user experience will be drastically different for each.
Case Study 3: Real Estate Platform
Customer: ParaSell – a property listing and sales management platform.
Problem: The complexities inherent in creating a real estate website (thousands of listings, all with multimedia; Advanced search capabilities including filters; Integration with maps; Agent profiles; Capture leads from every listing page) had caused an overload on the existing website and had created a subpar mobile search experience resulting in lost potential customers.
Action taken: Our team designed and built a new platform with two primary goals: provide users fast access to searching properties and create a seamless user-experience on mobile devices. The redesign included: Instant filtering capability in the search function; Map-based browsing capability within the search function; Saved searches capability. Detail pages for each property were revised to feature high-quality images first; follow up with other essential data; Prominent contact forms at the top of the page. All the listings on the database were rewritten using custom database query and server-side caching techniques so there would be no loss of speed when utilizing thousands of active listings.
Results: The property search function now has near-instantaneous response times, regardless of how many listings are available. The mobile search function went from being difficult to use to very easy to use, since most prospective homebuyers begin their search using a mobile device. There was also an increase in contact form submissions received from property pages. This was largely due to having contact forms located prominently on the page and have a simple contact form that asks for minimal required information.
Key lesson learned: Optimizing the back-end performance of content-rich websites can be equally as important as optimizing the front-end design. A beautifully formatted listing page that takes four seconds to load will lose customers to competing sites that may take less time to load.
Case Study 4: B2B Technology Company
Client: Broadtek – Technology Solutions Provider B2B
Problem with the Current Site: Website outdated; does not represent sophisticated nature of tech services. Very few leads.
Unorganized structure, using engineering terminology; speaks to engineers, not business decision makers who make purchasing decisions.
No defined conversion process from “learn about” to “consultation request.”
Solution: Conducted audience research; interviewed Broadtek’s actual customer base to determine their decision making process.
Customer interviews determined that buyers want to know about outcomes and ROI and are less interested in product specifications.
Re-designed the site based upon solutions vs. products.
Site now presents business outcomes as the main focus, providing detailed technical information for those that need to go beyond the basics.
Each page has been provided a clear call to action (CTA).
Implemented “request a consultation” CTA flow that appears contextually as the visitor navigates throughout the site.
Results: First Quarter after redesign, site produced more consultation requests than all of last year.
Average time on site greatly increased indicating that visitors were engaged with site content instead of rapidly leaving.
Solutions focused message resonated with target audience – business leaders concerned with what technology can do for their business (not how it operates.)
Key Takeaway: B2B Websites that address the buyer’s concerns (outcomes/ROI/risk) perform better than B2B Websites that highlight technical aspects.
Case Study 5: Ergonomics Product Company
Client: Ergosto — an ergonomic workspace products brand.
The challenge: Ergosto was a well-established brand with high-quality products; however, their online representation did not demonstrate the quality of their products nor the scientific basis behind their offerings. Their website felt unoriginal and lacked differentiation from commodity-based competitors selling very similar-looking products at lower price points. Ergosto’s product pages did not have enough detail and trust signals to support premium pricing.
What we did: We created a new website that highlighted Ergosto’s expertise in ergonomics and workplace health. The new website included detailed product page content such as product usage guides, descriptions of the ergonomic benefits associated with each product, lifestyle photos of the products being utilized in various work environments, and a content section featuring workplace health-related articles that established Ergosto as a trusted resource in the field of workplace health. The design featured clean, professional aesthetic with ample white space to reinforce Ergosto’s premium brand identity.
The results: Our redesign of the Ergosto website successfully supported their product launch by generating strong first month sales. Our content section also began to attract organic search traffic related to workplace health, which provided a long-term, free source of traffic independent of paid advertising efforts. In addition, our redesigned product pages demonstrated reduced bounce rates and longer engagement periods when compared to the minimal product information presented on the original website.
Key takeaway: For premium products, you need to establish justification for your pricing on your website before the customer has reached the checkout process. This is achieved through rich content, compelling visuals and establishing yourself as a trusted authority in the industry.
Common Patterns Across All Five Redesigns
The designs for each site have common characteristics that are evident when looking at all five collectively.
Speed optimization was always a factor: In each of the redesigns Speed was a priority. The faster your website is the better chance you will have to get conversions, rank higher on search engines, and provide a good user experience. Performance is an important consideration from both theory (we can study how people behave) and reality (the numbers show it).
Information architecture followed the content strategy: There were no layouts created prior to organizing and populating the logical organization of content for the audience. When designing the content first vs. Design first and then populate, creating a solid foundation for a well-organized layout results in significantly better results than using a poorly thought out layout for content.
Mobile-first approach consistently improved engagement: In every case where mobile experience was given equal or greater design attention than desktop; engagement improved consistently. In every case where the mobile experience was given as much or more design attention than the desktop experience there was increased engagement by the end-users. Since the majority of web traffic comes via mobile devices investing in the mobile experience will result in engagement with the majority of users.
Maintenance after launch continuously kept results improving: None of the above mentioned websites were ever completely finished after launch. Continuous improvement through post-launch optimization of performance, content updates, continuous monitoring of performance, and iteration has resulted in continued growth in performance for each website. Every client of Deutrix Care continues to use ongoing professional maintenance.
Ready for results like these? We start every project with research, build with performance in mind, and measure what matters. Start your project with Deutrix →
For the full picture on what goes into a high-performing website, read our Complete Guide to Custom Web Design in 2026.
