Website redesigning and development for Offerd: A complete case study

Project Overview

Offerd is one of the best websites and that is well known for bridging the gap between deals and data. As they were aiming to give an astonishing look to theory websites, they planned to work with one of the most trusted website development company.

Once the Offerd team made the plan to work with webdew professionals, they shared their expectations that they had an existing website in HubSpot CMS, but they wanted to give a new look to their existing website. They also expected flexible and easy-to-use components.

Their focus was on the blog section, as they wanted to give a new look to the blog listing and detail page. Keeping all things in mind, webdew professionals successfully performed all the tasks that helped Offerd to achieve their objectives.

By looking at the final result, the client was satisfied and shared positive feedback with the audience of G2 directory. 

Background

Offerd is an acquisition firm based in Austin, Texas. It works with larger, active, qualified, and respected Multifamily Investment firms across the country. This fast-growing, technology-oriented firm helps bridge the gap between deals and data. Their best-in-class professionals help their clients achieve their objectives. 

Challenges

The existing website of Offerd was built in HubSpot using a template-based approach, which is quite outdated now that HubSpot has released the latest Boilerplate Theme approach for building interactive websites. 

So, the client aims to give a new look to their website. In the entire process of designing, developing, and migrating, there were a few things that were quite challenging, especially before starting the project. It includes:

• An interactive design that fulfils the client’s expectations
• Blog migration from the old solution to the new one.
• Blog Listing page, which populates the blog posts according to the categories
• Better Module structure which provides flexibility and better reusability 
• Better page speed

Indeed, completing the tasks in a dedicated time frame is not easy, but with proper dedication and hard work, the webdew team made this possible.

Solution

Basically, the Offerd team has an old solution in HubSpot CMS and aims to redesign it as per the latest updates, for which they took the help of webdew. 

To complete it successfully, firstly, we created the interactive design. Then, in the second phase, we created the Boilerplate theme. We selected the boilerplate approach as it will improve the website's performance and allow us to manage the website templates easily. 

After the creation of the boilerplate theme, we created the templates, which will be further used for making the website pages. As per client requirements, we developed the following things:

• Flexible and reusable modules.
• Custom blog template as per requirements.
• Build Custom Category Filter module, which helps populate the posts as per the categories.
• Build a different slider module, and the user can easily drag and drop these sliders.

Moreover, we provided the following things on the website that helped the client achieve their goals:

Dynamic Flexible Modules

We built a separate module for every single independent design module, in which we provided options to edit the module. The offered team can now easily reuse these modules anywhere by just using drag-drop functionality.

Custom Blog Listing Page

As per the new design and requirements of the Offerd team, we built a blog listing page that populates the posts according to the categories.. To achieve this, we created a module and provided an option to select "Tag". Whatever tag is selected, the first four posts associated with that tag will populate under the tag section. Now, the Offerd team can add multiple tag sections for populating different kinds of posts.

Tabs Filters For Filtering The Posts

We provided the tabs to filter the posts. When users click on these tabs, the post will filter accordingly.

Optimization

In the last phase of this project, we optimized the website pages for this. We have taken several steps like we have added the lazy loading functionality on images, heavily focusing on the reusability of components, removing unnecessary code, minifying the JS and CSS, and less dependency on third-party libraries, etc.

Do you also want to avail website services? Feel free to contact us.

Result

All the requirements were successfully fulfilled. It includes:

• The client can now create as many pages as they want by using the templates and modules we have created. 
• Site pages can easily be managed as there are drag-and-drop features that enable the user to do anything.
• They can display the blog listing page anywhere and can also add a filter module to any blog listing template.
• They can add a view switcher option on the blog listing page for switching between different modules.
• The website is highly optimized for loading speed and UX.