Moichor hero image for project
Ripped paper effect for footer section

Moichor Inc.

Website Redesign & Development

Delight customers. Create new leads. Convey the brand.

Moichor Inc. is a B2B startup that has designed a computer vision-based diagnostic that greatly improves the accuracy of Blood tests for veterinary clinics – and specifically birds and reptiles. Moichor’s website serves as an important touchpoint and information for clinics to know the latest news, technologies and innovations, Moichor’s team is working with.

The leadership team at Moichor Inc. was driven to refresh the site design, in order to capture and convey the brand across the site, create new leads and improve the SEO strategy with a new blog.

I have designed it in Figma and developed it in Webflow, using CMS for the blog and integrating Google Analytics and HubSpot as the CRM.

Share this
Special Features
CMS / Blog / HubSpot
Location
San Francisco, CA
Year
2021
Moichor homepage hero section for the MacBook Pro showcase.
Moichor blog hero section for the MacBook Pro showcase.
Macbook Pro

A solid strategy, the core of every project.

On every project, the core lies on a solid strategy. Throughout the first meetings with the Moichor head of marketing, we went from ideas, to strategy, to develop a clear plan and goals. We decided to applied them into a new navigation structure and information architecture.

Typography & Colour Spectrum

Moichor typography and brand colours image.

Blog equals awareness.

With the help of the HubSpot forms integration, combined with an SEO strategy linked to the new blog, the new website, allows the client to capture new leads and increase awareness in the industry.

Moichor full screenshot from blog homepage, for draggable slide section.
Moichor full screenshot from "Moichor Releases 36 New Reference Intervals" article, for draggable slide section.
Moichor full screenshot from "Show and Cell" article, for draggable slide section.

Performance, Accessibility, Best Practices and SEO.

Leaving the site in perfect conditions, in order for it to be 100% ready to engage and achieve a high ranking in search engines, is always a must. For this, we have to ensure that the performance and loading speed of the site are the best. In addition, the use of best practices in terms of code structure and accessibility allows for a smooth and fully inclusive user experience.

We can measure all this, with a very useful tool created by Google, called, “Lighthouse”.

Lighthouse statics for moichor.com:
89 Performance
98 Accessibility
92 Best Practices
100 SEO

Hands free and final statement.

Thanks to the Webflow CMS and database development, the new site, gives the possibility to Moichor, to create and manage their own blog, customer stories, testimonials and more, without the aid of a developer.
The website has 9 pages where the homepage, about page and blog homepage are redesigns, the other 6 were designed from scratch and developed in Webflow.

Decorative image of left quotes for the client's review.

"Francisco did an exceptional job working with me to build out a website we are very happy with. He was very flexible to our needs, even when they changed. He was open to design feedback, interpret our needs and come back with excellent work.

Francisco is a great listener, which translated into his ability to capture and convey our brand consistently across the site. On a technical level, after plugging in all my SEO tools and optimization tools, his work is optimized well to google search bots. Additionally, his design is performing well in our on-page analytics.

I would highly recommend Francisco to any team looking to build out a professional website, without the bloated costs of an agency."

David Stone-Resneck, Head of Marketing at Moichor