Design and SEO-optimized Webflow website development for a Financial SaaS company

tab_image
Region
Norway
Industry
Finance
Platform
Web
Project volume
250 hours
Team size
4 people

Delivered by WarmDevs

  • UX/UI design
  • Webflow development
  • 3rd party API integration
  • SEO optimization
Go to website
About the Project

Celsia gives you the simplest way to your EU Taxonomy score.

The EU taxonomy is a complex system to classify which parts of the economy can be marketed as sustainable investments. It includes a long list of economic activities, plus detailed environmental criteria that each must meet to earn a green label.


We built a Webflow website for the SaaS project in the Finance industry. Re-designed UX/UI we provided created a modern brand look for the company. The platform offers the opportunity to measure, manage and improve sustainability activities in 4 steps using EU Taxonomy software.

Challenges & Solutions

Challenges

Solutions

Create a new UX/UI design to reflect the company’s brand better
We built a UX structure and sitemap to ensure the best presentation of Celsia services. We created a fresh look to represent corporate branding with up-to-date UI, incorporating custom illustrations.
Execute the updated functionality and design in low code with the Webflow platform
We built the new website on Webflow, as requested, incorporating low-code solutions to increase efficiency and convenience for the client. We implemented custom API integrations.
Create a CMS for blog and product pages
We provided the Celsia team with custom CMS solutions, which created an opportunity to update the blog and news without outsourcing help.
Integrate login and subscription features into the website
Since the platform’s model is a SaaS, the client needed their customers to be able to log in and subscribe to their services. We developed custom forms and integrated them into the website, making this feature fully operational.
Integrate SEO tools and features to optimize the website and accelerate the future promotion
Our devs added a separate secure storage option for collecting user data. This feature allowed us to optimize tools inside the website for efficient SEO solutions and marketing campaigns.

Technologies
We’ve Used

Celsia Client
Vitalina Dragutan
Digital Marketing Manager | Celsia
arrow_icon

If you plan a website rebranding or need a new website for your company, I highly recommend hiring WarmDevs.

We at Celsia had an excellent experience collaborating and achieved our goal due to their professionalism, availability, and exceptional skill in incorporating feedback fast and correctly. Highly recommend

arrow_icon

Get free consultation

Book a Call

Our
Process

arrow_imagearrow_group

In every project, we divide workstreams and determine milestones. Then we identify competencies needed to fulfill the tasks, calculate the work time of each expert, and approve everything with the client. After signing the contract, we allocate a separate team for the project. The project manager directs and supervises the process; he is the contact point for the client.

Project scope

Discovery
  • Identified the pain points
  • Project Setup
  • Selected web applications from 3rd parties
UX/UI design
  • UX Wireframe
  • UI Style Guidelines
  • UI design
Webflow development
  • Webflow layout & CMS
  • Hubspot integration
  • Zapier integration
  • Custom forms
  • QA & bug fixing
SEO
  • General strategy
  • Audit of the website
  • Competitor analysis
  • SEO semantic core
  • Website structure optimization

Discovery

In this website design case study, we provided various services, from Webflow development and integrations to SEO consultation. We started our collaboration with a kick-off meeting to gather information on the project. Our team discussed the project scope with the client, determined what they expected from the product delivery, and defined what tasks lay before use.

Using the Scrum method, we divided our work process into Sprints. Each Sprint is designed to produce a certain value – a deliverable we’ve presented to the client by the end of each Sprint’s period.

According to the project plan, we assigned a suitable team to work on it: a project manager, a designer, a developer, and a QA tester. 

UX/UI design

Before starting to work on the front design, we built a sitemap: created the wireframe, and structured the overall UX logic of the website.

After that step was done, our designer assembled a UI style guide to work within. This included brand colors, typography styles, iconography, and grid system. The designer detailed suitable spacing, text fields, buttons, and cards as well. With the Figma wireframe UI kit, all the work by our designers was possible to be shown to the client.

With collected references and the groundwork set and done, the designer created the UI design you can see today on Celsia’s live website.

CelsiaCelsia

Site map

Primary Color Palet
Case study Celsia | Warmdevs
Typography: 
Manrope
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
0 1 2 3 4 5 6 7 8 9

Webflow development

Webflow implementation is a complex and involved process that can be roughly divided into several main parts.

For this project, our developers implemented 12 main pages for the site, such as the Home page, Blog page, FAQ, Contact page, Privacy Policy, Product page, Pricing page, log in, and subscriptions form, among others. We also created 2 custom Webflow CMS templates for product and blog pages.

The creation of CMS templates provided new possibilities. This allows the client to customize their blog and product pages further once they need to incorporate any updates, negating the necessity to predict potential needs rising in the future. Instead, this solution provides the client with the tools to make their team self-sufficient after the initial product is completed by the development providers. Instead of relying on developers for after-delivery long-term support, the client will be able to make changes themselves as they see fit, ensuring them more freedom and flexibility.

Our team provided 3rd party API integrations for the website as well. This includes incorporating a login form for users to create their own accounts. We also added a subscription form on the website, which users can use to sign up for and stay updated on the company’s services. Our devs integrated Hubspot cloud software as a CRM platform which is incredibly useful to marketers for automizing inbound marketing, sales, and overall customer service. We’ve provided Webflow Zapier integration for the website to allow users to integrate the web app they use to automate their online operations. Our devs used JavaScript to implement additional interactivity to the website.

After our developers and QA testers finished their part, the website was ready to go live. We proceeded with the successful deployment of the product.

SEO

We provided Webflow SEO optimization for the newly-created website. This work will help Celsia to accelerate its online presence and attract more organic traffic further.

We spoke with the client to understand their goals and the target audience. After gathering the requirements, we created a strategic SEO plan aligned with Celsia’s business objectives.

We conducted the website structure analysis to identify its base state of it. This helped to determine any technical issues and content gaps to identify areas for improvement.

Competitor analysis helped us improve our strategy for crafting Celsia’s digital presence. This research allows for a better understanding of competitors' best practices, as well as an analysis of their shortcomings. By analyzing their strengths and weaknesses, the client can capitalize on opportunities and refine their own SEO approach.

Developing an SEO semantic core is another crucial step. This involves creating a targeted list of keywords and phrases by our Webflow SEO expert that is relevant to the client's industry and has a high search volume. This semantic core is a basis for optimizing website content and improving organic search rankings further.

Optimizing the website's structure and navigation is also a priority. Ensuring that search engines can easily crawl and index the website increases the chances of higher visibility in search results. This optimization includes improving URL structure, implementing internal linking strategies, and organizing content in a user-friendly manner.

When the analysis is done, we provide specific recommendations and technical requirements to address identified issues and optimize the website for search engines. These recommendations may involve optimizing meta tags, headings, and images, improving site speed, ensuring mobile responsiveness, and more.

The work done helps to answer the pending question of is Webflow good for SEO. By integrating using the tools available on the platform and providing SEO services, the client enhances online visibility, attracts targeted organic traffic, and improves their overall search engine rankings.

Delivered Value

arrow grouparrow bigger
  • The client received a new version of the website with a modern UX/UI design and up-to-date technology behind it
  • The client’s SaaS platform now has 2 custom-built CMS templates they can use to continue updating the website without outsourcing help
  • With the website’s SEO optimization achieved with Webflow tools, after 6 months Celsia’s organic traffic has grown up to 750 users/month and continues to increase
  • With in-built integrations, the Celsia team is able to collect information about the users securely and use it for future SEO optimization solutions
Celsia  manager
Jane Maksimchuk
Project manager | Warmdevs
arrow_icon

It was a pleasure to work with such a polite and professional customer.

They come to the table with a clear vision of what they were expecting from the project and from our team. They provided all materials necessary for successful development and were always easy to reach in terms of communication.

WarmDevs sincerely thank Celsia for a concise and interesting project. We couldn’t be happier with such a fruitful collaboration!

arrow_icon

Get free consultation

Book a Call
Book a Call

Case Studies

Let's scale your business today

Schedule a consultation with our representative to talk about development services with no obligations from your side. Take a part in a professional discussion that will provide you

A reply from our manager within 24 hours
Eye icon
Approved time of a meeting convenient to you
A folder icon
WA signed NDA provided the project information needs to be confidential
Graph icon
Defined project scope, specifically the requirements, deadlines, and cost estimation