Smedx

Home

Project

SMedX is a company that provides IT consulting and services for the largest representatives of telecom services, chemical industry, metallurgy, oil production, medicine and research institutes.

Duration

2 weeks

Tools

Tilda, Figma

Problem statement

The client asked me to redesign the existing landing page on Tilda fot the SmedX company.

The main goal was to create a consistent design that meets the company's concept and ideas.

The process

01 Analysis

Task Analysis

First, I had a call with the client, where we discussed the requirements for the future website design. We defined the general style, colors, and fonts to use.
Then the client provided me with all essential files (logo, etc.) and access to the Tilda's account.

In addition, the client asked me to create brand guidelines for the SmedX company.

02 Website design

Defining the concept

After the client provided me with information about the company, I defined the most important points and made some notes.

I already had a landing page structure so I only needed to identify the design techniques I should use to match the company's style and goals.

With all the information in mind, I started wireframing a few versions of the website design.

Typography

The SmedX company's style is simple and concise, so I decided to choose a sans serif font that is easy to read considering the big amount of text content placed on the landing page.

I chose the Montserrat font family. The bold weight is for headings and the regular is for the paragraph text.

Colors

I created a color palette from the logo's main colors. The logo is represented in two different color variations: orange+burgundy and cyan+blue.
I used white and blue tinted white as base colors and added orange and blue as accent colors. I added some secondary colors to use for some design elements.

Icons

I went on the different icons stocks and found some interesting icons to place on the landing page. I chose the most suitable ones and colored them into dark blue to match the company's style.

Photography

I had to add photos to the cards with the information to dilute a large amount of copy. I used image stocks and found appropriate pieces.
Then, I added a blue tint to all the images using Figma to achieve a more consistent design.

Brand Guidelines

After my client and I agreed on one version of the landing page design, I polished some details and started designing the brand guidelines.

Check out the brand guidelines here

Motion design

I animated icons and some design elements for the website to be interactive and interesting to the customers. I used Tilda's micro animation tools.

Responsive design

I made responsive design of the website to use it on different screen sizes and devices.

03 Final product

smedx.ru

Conclusion

As a result, my client received the modern and stylish interactive landing page design that helped in turn to make a better lead conversion.

Now the SmedX website is successfully running while attracting customers with its stunning design.

My client was fully satisfied with the result.