Webflow website rebuild and optimization: Improving investor engagement by 18%
.svg)
Project overview
A healthcare provider’s day-to-day operations aren’t limited to holding patient visits and administering treatments. They have to deal with dozens or even hundreds of insurance claims daily.
That’s where an electronic health record (EHR) system comes in — but it also has some limitations.
Traditionally, healthcare providers had to employ a medical coder (or even a whole team of specialists) to label every claim and bill before sending them to the insurance company. The process was tedious and time-consuming, not to mention prone to human error.
Then, generative AI and natural language processing entered the stage. With their help, medical coding could finally get automated.
Our client, a healthtech company, decided to leverage this opportunity. Its autonomous medical coding platform secured backing from Y Combinator and eventually made a name in AI healthcare.
As the interest in its product from investors and potential customers grew, the company realized its existing marketing website left much to be desired. Its layout and design were outdated, so adding new pages or content was cumbersome and time-consuming.
As a result, the company decided to update its website to handle the increasing traffic and drive investor relations and user acquisition further. It turned to us with a request to turn the existing Figma design into a Webflow website and improve its SEO and performance.
Services
Challenges
Our client’s most critical challenge concerned the project’s timeline: the company needed the Webflow website up and running within a tight timeframe. At the same time, our client wanted to be certain that the website’s quality wouldn’t be at risk despite the time constraints.
We rose to the challenge, opting for daily sprints to organize our work and putting in overtime to deliver the website on time.
At the same time, our client needed to polish off its new website design with several animations that seamlessly appeared on the screen. We had to combine pre-built elements and custom code to implement them, while ensuring they don’t disrupt the browsing experience.
Since the client wanted the website to be easy to update and manage in the long run, Webflow was the obvious choice for its implementation. That said, facilitating website management also required us to integrate it with Webflow’s CMS. The goal was to prepare detailed content management guides for its future users.
Here are the key strategic needs and technical requirements revealed during the discovery phase:
Strategic business needs
01 Implement the website redesign with Webflow based on existing Figma files.
02 Reduce the website’s bounce rate by at least 20%.
03 Increase the website’s organic traffic by at least 10%.
04 Increase conversion rates by at least 5%.
05 Improve the search visibility by at least 10%.
06 Increase the average session duration by at least 10%.
07 Facilitate content management workflows with Webflow CMS integration and comprehensive user guides.
08 Improve the investor engagement by at least 10%.
09 Launch the rebuilt website promptly to minimize disruptions and speed up time-to-value.
Technical requirements
01 Rebuild the website using Webflow based on the provided Figma designs.
02 Ensure the website’s interface remains fully responsive across screen sizes and devices.
03 Build and add two new animations to the website and ensure they don’t disrupt the UX.
04 Integrate the website with Webflow CMS.
05 Improve SEO configurations to enhance the website’s search visibility, organic traffic, and bounce rates.
06 Improve the website’s performance by at least 15%, as measured by the application performance index (Apdex) score.
07 Prepare comprehensive handoff documentation, including custom Webflow CMS guides for future business users.
We’ll ensure your new website handles large traffic volumes easily and remains scalable and flexible in the long run.
Talk to an expert.webp)
Solutions
After a thorough discovery phase, we translated the client’s ready Figma designs into a Webflow website. To deliver a pixel-perfect design implementation, we combined reusable components and custom code to turn the design materials into a fully functioning website. We thoroughly tested the website to ensure it looked stunning on any screen size. Also, we checked whether it shows high performance even when users don’t have a broadband internet connection.
In addition to rebuilding the website, we covered the following goals:
- Implemented the two new animations.
- Integrated the website with Webflow’s fully editable CMS.
- Improved performance and SEO configurations.
We agreed to apply daily sprints to meet our client’s tight deadlines without risking the quality of work. This way, we sped up the feedback loop between the client and our team, with the feedback being addressed in parallel with the development. We also put in overtime when requested to assist our client with launching the new marketing website on time.
As a result, our client received a pixel-perfect Webflow marketing website with a responsive interface, custom animations, and seamless CMS integration, all on a tight timeline. Thanks to our SEO and performance improvements, the company reached its multiple objectives, from a 32% lower bounce rate to a 21% increase in organic website traffic.
Full rebuild of the marketing website with Webflow
Based on the provided Figma designs, we built the marketing website, from the homepage to the About, Contact, and Careers pages. Using Webflow’s elements and styles, we ensured full alignment with the desired look and behavior of the website, all while thoroughly testing its responsiveness across devices and screen sizes.
As a result, the Webflow website mirrored the provided custom designs down to the pixel. With its responsive design and high performance, the website secured a 23% rise in user satisfaction post-launch, as measured by the CSAT score.
Responsive interface
According to our client’s historical data, the incoming traffic for its previous marketing website came from various devices in almost equal shares. The screen sizes also varied significantly. That’s why responsiveness was vital to our client.
To ensure the rebuilt Webflow website looked and functioned as intended on any device, we leveraged the full toolkit offered by the platform. It included fluid grids, automatically resized images, breakpoints, and more. We also adapted the layout and navigation to different devices and screens.
As a result, user satisfaction metrics rose across all types of devices and screen sizes. The SEO indicators, like the bounce and conversion rate, also improved across all website versions.
Extra animations
Our client briefed us on the two animations the company wanted to see across the website. The animations needed to enhance user experiences with fluid motion that draws attention to key elements on the page without overwhelming website visitors.
We combined the available Webflow elements and custom code to implement the animations according to our client’s brief. As a result, the animations matched our client’s vision perfectly. At the same time, we ensured the animations were seamlessly integrated into the interface without compromising the website’s performance or disrupting the UX.
Search engine optimization configurations
Besides improving the website’s user experience, our client set out to rebuild it to attract and convert more potential customers and investors. So, the product owner enlisted our SEO expertise to boost the new website’s search visibility and traffic.
We reviewed the website’s SEO configurations and identified several potential improvements in the heading structure, metatags, and image optimization.
Implementing these and other enhancements increased search visibility by 18% and organic traffic by 21%. High performance and responsive interface, in turn, improved the average session duration by 13% and bounce rate by 32%
Performance optimizations
Since website performance can make or break the user experience and SEO metrics, our client asked us to test and improve the Webflow website’s loading speed, response time, and throughput. We obliged, and our testing revealed several optimization opportunities regarding image size, image and font loading, and caching.
With our client’s green light, we acted on those opportunities, speeding up the Largest Contentful Paint and response times across the website. Our performance optimizations resulted in a 26% higher performance, as measured by the application performance index (Apdex) score
CMS setup for future internal use
Our client wanted us to make the new Webflow website easy to update for all team members. So, we integrated it with Webflow’s fully editable CMS. Besides thoroughly testing the integration, we set up the CMS to support future blog posts, job ads on the Careers page, and team updates.
With our custom configurations and the CMS’s inherent flexibility, our client could easily manage, update, and remove the website’s content. As a result, the client reported that its content management workflows became 27% faster, partially thanks to our comprehensive guides for end user
Detailed handoff documentation
We prepared comprehensive handoff documentation to enable our client’s team to manage and update the website in the long run. It provided clear instructions for internal website management and technical specifications, serving as a reference for future Webflow developers.
In addition to that documentation, we also created a custom guide for using Webflow’s CMS. It describes our configurations for the CMS and provides instructions for run-of-the-mill content tasks like adding blog posts or job ads. It also specifies how to adapt the CMS to new workflows if necessary.
Thanks to this comprehensive documentation, our client can easily manage and update the website and its content in the long run. As a result, the company can expand and adapt it to future needs without depending on a single service vendor.
Post-launch support
Following the website’s successful launch, we kept a close eye on its performance and user feedback. This way, we could immediately respond to any revealed issues or hiccups. We also ensured the effective knowledge transfer between our team and our client’s stakeholders to ensure the company would start managing the website right after its handoff.
As a result, the website rollout was smooth and with no disruptions for our client’s business. Effective knowledge transfer enabled our client’s team to get started with managing the website, minimizing business disruptions as well.
Tech stack
Impact
Thanks to our willingness to work in daily sprints and put in overtime, we delivered a pixel-perfect Webflow website on time despite the tight deadline. According to our client’s wishes, the website was complete with extra animations, seamless CMS integration, and detailed documentation.
Thanks to our collaboration, our client saw the following outcomes from our involvement in the project:
We will design and build a new one from start to finish or translate your existing designs into a scalable, responsive interface.
Contact usTestimonials
The responsiveness, attention to detail and high-level communication from Darly Solutions was outstanding. Communication with the team was all online and was absolutely seamless. They were highly responsive, worked to tight deadlines and provided great feedback and communication throughout the entire project to ensure it remained on schedule and all quality requirements were being met. They exceeded all of our expectations, from design through to delivery.
LLC Darly Solutions's team performs well since the collaboration started. They are fluent in specific programming languages, they are also fluent in English, and they have a great response time. What is most unique and impressive about Darly Solutions is that everyone in the team is inherently communicative and understands the expertise of their respective fields. The team is very agile and can predict stress situations in which we work together to fix and maintain.
Darly Solutions' work so far inspires confidence, as they're skilled and trustworthy. The health platform is incredibly happy with their work. The team at Darly is communicative, responsive, and responsible. I’d recommend them to people looking to do more than build a simple little software.
By collaborating with Darly Solutions, there is a significant improvement in the project's quality of codes compared to their original codebase. They lead efficient project management and keep the client updated with their reports. They're a flexible team that delivers promising results. They don't just do as they're told, they actively participate in the design process, which is going to yield us a much better platform in the end.
Darly Solutions was able to develop the site with all functions running. The team was responsive throughout the engagement. They excelled at scheduling and delivered projects on the specified timeline. The whole team was a pleasure to work with. I am very glad that I entrusted them with my project, this is the best company for me!
The quality of their work is very high, and we get very good customer feedback on what our site looks like. They're very reliable and have a great overview of the technologies they're using. They meet our deadlines and are very accurate with their time estimations on a project. In addition, they're responsive and great with communication with a great command of English — it's very easy to talk to them. Moreover, we've integrated them into our development and scrum process, where we have daily stand-ups with their project manager and developers through Slack.
LLC Darly Solutions are highly skilled at UI/UX and follow very good engineering standards, and have been very professional in its approach to all the work to date (including the initial consultancy, which was the deciding factor). They have taken ownership of the work in way that demonstrates how much they value the work they are doing and consequently the work we are doing. I am gaining confidence that the decisions they make are good decisions and that this will result in a product that will exceed our initial expectations.
Darly Solutions developed the app in a quick manner, and the code quality was excellent. The professional team was committed to building a successful product. The code quality was good, and the app has been built in a little more than 1 month, which is a result I'm very happy with. They were laid back but professional at the same time.
Darly Solutions’ work helped my business tremendously. They were able to identify key areas for growth and improvement. The team was communicative and professional throughout the entire engagement. LLC Darly Solutions is a solutions-oriented vendor that drives results. They’re really professional and they know what they’re doing. The team knows how to identify my problems and solve them.
Related case study
Connect with us
.webp)
We are a tech partner that delivers ingenious digital solutions, engineering and vertical services for industry leaders powered by vetted talents.
