Design of the Regenova Therapeutics website: User shopping experience.
CLIENT OVERVIEW
Regenova Therapeutics is a Polish company operating for 15 years, dealing with distributing medicines and medical cosmetics on the Polish market. The company cooperates with group of 2,500 specialists and has its representatives in every voivodeships. In shaping its image, Regenova Therapeutics focuses on professionalism and credibility, which is extremely important in the medical market sector. The client wanted the design to reflect these features of the company’s image.
AIMS OF THE PROJECT
1.
Create a visually appealing and minimalistic website design that aligns with the character of a company distributing medicines and medical cosmetics.
2.
Enable users to easily access information about products and the company.
3.
Create a simple shopping process that allows users to purchase products quickly and effortlessly.
4.
Create an aesthetic and easy to understand design an extensive number of company representatives.
DESIGN PROCESS
After consulting with a client and analyzing the company’s business interests and potential users’ needs, I create a sitemap for the website. The aim of this step is to construct a logical network for every step of the information architecture.
INITIAL DESIGN
The next step was creating wireframes for the Regenova Therapeutics website based on the sitemap prepared in advance. In this step, I chose a grid for the project and designed the basic layout of the website.
GRID
COLORS
#DFDFDF
#ACACAC
#828282
#0B0F19
#0073E3
#015BB2
#003B75
#F3F5F8
#EDF1F5
TYPOGRAPHY
DESKTOP
DESKTOP
TABLET
PHONE
H1
64px
56px
36px
H2
36px
28px
16px
H3
24px
20px
16px
H4
20px
16px
14px
PARAGRAPH
24px
16px
12px
BUTTON
20px
20px
16px
SUBTITLE 1
16px
14px
12px
SUBTITLE 2
14px
13px
12px
For the project, I used two different fonts: the elegant Cormorant Garamond, which blends historical typography inspiration with a contemporary edge. I used this font for the headers in my project. The second font is the popular Open Sans, known for its neutral and legible design. I used Open Sans for paragraphs, buttons, and subtitles.
Cormorant Garamond Cormorant Garamond Cormorant Garamond Cormorant Garamond Cormorant Garamond Cormorant Garamond Cormorant Garamond Cormorant Garamond Cormorant Garamond Cormorant Garamond Cormorant Garamond Cormorant Garamond
Open Sans Open Sans Open Sans Open Sans Open Sans Open Sans Open Sans Open Sans Open Sans Open Sans Open Sans Open Sans Open Sans Open Sans Open Sans Open Sans Open Sans Open Sans Open Sans Open Sans
COMPONENTS
INPUTS
BUTTONS
OTHERS
Drop-down list
Spinner
Image product gallery
FINAL DESIGN
Hover/tap to see the flow
Smooth and simple shopping experience
One of the most important parts of the project was creating an effortless and simple shopping experience in Regenova Therapeutics’ online shop.
My aim was to make every step of the process clear and intuitive for the user.
Hover/tap to see the flow
Feature for creating personalized lists of favorite products
In this project, a user can create personalized lists of products after logging into the website.
Hover/tap to see the flow
Intuitive and simple search thanks to filters option
A good design of filters in an online shop is a key part of quick and trouble-free searching. Users can add or remove filters at any time according to their preferences.
Hover/tap to see the flow
Effortless feature for adding product reviews
Users can easily add a review for a product. Every step is clear and well-marked.
Hover/tap to see the flow
Interactive map of Poland with information about company representatives
The map allows users to quickly get contact information for company representatives based on Poland's voivodeships.
LET'S GET IN TOUCH
LINKEDIN FACEBOOK
BEHANCE CV