drag

case

Medisorb

Medisorb is a large pharmacy manufacturer

www.medisorb.ru
back to all works
task

To create a user-friendly site for two target audiences at once: partners and private customers. To use technologically advanced solutions that would convey the image of a modern pharmaceutical company. To put emphasis on the mobile version.

client

Medisorb

industry

Pharmaceuticals

year

2019

deliverables

Front-end development
Back-end development
Design

honors

Key idea

To make the homepage have one phrase that would describe all the areas of activity. The key words lead users to the corresponding pages. The modern spirit is conveyed through the solutions that might seem bold for a pharmaceutical site: a clean and light background, 3D models and bright colors.

3D instead of pictures

Medisorb is a technologically advanced company, and we used bold design solutions to highlight its image and made it stand out against the business rivals. Instead of standard pictures on the homepage, we chose to use patterns with 3D objects: pills stand for manufacturing, books stand for sharing information among professionals, test tubes stand for collaboration with pharmacies.

Just one phrase on the homepage guides different clients to the pages they need.

The company handles high production levels. We conveyed it through the illusion of myriad of pills, test tubes and book on the homepage.

The catalog

The first item in the grid is shown bigger than the others, here the manufacturer can place an item that would serve a business purpose, like an item that is in great demand. 

New items have a bright tag that resembles a production line. This way the attention of b2b-customers can be attracted to the right items.

The items can be shown either as tiles if a name and a package picture is enough, or as a detailed list with information on the size of the package and area of application.

Product page

Product pages contain information on the medicine for both b2b and b2c customers. The numbers are emphasized, there are indications for use and administration methods and a pdf instruction to download and get detailed information.

Always in touch

Medisorb cares about the quality and works with all the feedback. There is a natural but noticeable button to contact the company: a bright tag with a cross is a traditional symbol of medicine and resembles a well-known symbol ‘Learn more’.

This sign is also used as a cursor on the catalog and blog pages: it hints that there’s also a page with detailed info.

Blog/platform

Medisorb actively shows interest in the development of medical society. There is a blog for customers and professionals.

All the pages of the site are easily managed from the dashboard that has a clear interface that is easy to be used from a PC.

Smoothness and speed

AJAX page loading helps to load the pages in advance so that content turnover is fast. Thanks to this the website isn’t slow even when used on computers with an outdated processor unit or system.

Contacts

Contacts page keeps up with the idea of the homepage: it looks minimalistic at first, but if you hover over the address, a map appears at the background. This helps to avoid overloading user experience if they need just the phone number or the email address.

Responsive design

Clients of a modern high-tech company are more likely to use smartphones than a desktop or a tablet. So a good responsive design was important to the client. 

The mobile version kept all the functions of the desktop one, we’ve transferred most of the effects, gradients and animations for a good UX without losing loading speed.

technologies

vanilla JS

JavaScript

Three.js

webGL

PHP

UMI

see also

Tula mics

Tula are state-of-the-art microphones by David Brown, Brazzaville frontman

Mogney

A website for a QR payment service based in California

Agapium

An e-commerce platform for a women's fashion brand

let us know

Have an idea in mind?

We’re Red Collar. And what’s your name? We actually need your e-mail to get in touch Wow, this load is way too heavy for us. Files larger than 10 MB can be sent to hello@redcollar.co You made a mistake, but it’s fine. We all do. Please, enter a valid e-mail

By submitting this form you agree to our privacy policy

we craft award-winning digital experiences that reach both minds and hearts of people

8
65
13
4
36
8