About project
In a short timeframe, I successfully created a website for Blue Haven Digital, a start-up company focused on data security and privacy. The website includes adaptive versions and effectively communicates the key ideas and mission of the company in a clear and concise manner.
Main
Font
Elements and block
Button
Typography
Tilda Sans Medium was chosen in conjunction with the style for the main headings. Roboto Light taken for texts and descriptions. Two fonts selected for ease of perception. Also Tilda Sans Medium and Roboto Light has very good contrast.
Tilda Sans Medium
96px 24px
96px 24px
Aa Bb Cc Dd Ee Ff Gg Hh li
Jj Kk LI Mm Nn 0o Pp Qq Rr
SS Tt UU Vv Ww XX Yv Zz
1234567890
Jj Kk LI Mm Nn 0o Pp Qq Rr
SS Tt UU Vv Ww XX Yv Zz
1234567890
Roboto Light
22px 20px 18px
22px 20px 18px
Aa Bb Cc Dd Ee Ff Gg Hh li
Jj Kk LI Mm Nn 0o Pp Qq Rr
SS Tt UU Vv Ww XX Yv Zz
1234567890
Jj Kk LI Mm Nn 0o Pp Qq Rr
SS Tt UU Vv Ww XX Yv Zz
1234567890
Goals
Create a unique design for a digital company in a short time. Make the site minimalistic, clear and easy for the user. Make it interactive by adding animation. Improve the text and make it attract and sell. Add an accessible contact form.
Market analysis
First, I decided to research the sites of existing companies and search for flaws and interesting ideas.
-https://telnyx.com/company/about
-https://cloud.google.com
-https://www.zoolz.com/cloud/
-https://telnyx.com/company/about
-https://cloud.google.com
-https://www.zoolz.com/cloud/
As a result of the study, prototypes were prepared
The prototypes were made using the Figma.
Tested and improved
We decided to make an accent on the button used a bright contrasting color. Changed the font on the main block from
20px to 22px and the content of the site from 16px to 18px.
A burger menu has been added in the right corner of the first
block of the site.
It was decided to make a contact form directly on the site, which made it easy to fill it out.
20px to 22px and the content of the site from 16px to 18px.
A burger menu has been added in the right corner of the first
block of the site.
It was decided to make a contact form directly on the site, which made it easy to fill it out.
Design
Based on the research, testing and improvements, the final responsive website design was created.
Main block
To align with the company's name and activities, a photo featuring space and a planet has been selected. An arrow has been added, pointing to the sky to symbolize the heavens. The text describing the company has been rewritten to provide a clearer and more concise understanding of our activities.
Second blok
We have provided a comprehensive description of company's activities, emphasizing key advantages and features that set us apart from our competitors. The main benefits of services have been clearly highlighted, with user-friendly language emphasized through bolding for ease of comprehension.
Third block
We have emphasized the logo of company's server and provided a detailed description of its functionality to enhance user understanding. Furthermore, an animated strip has been incorporated to aid in brand memorization and to provide a more engaging and interactive user experience.
Fourth block
To instill confidence in new users, authentic customer reviews have been included, which serve as a powerful testament to the quality of our services.
Fifth block
A friendly call for cooperation with the company has been initiated, accompanied by a hand-drawn emoji to further enhance the approachability and warmth of the message.
Sixth block
In order to ensure user convenience and efficiency, a clear and concise feedback form has been designed. The form includes a prominent and brightly-colored button for easy accessibility. To further simplify the user experience, the form has been streamlined to only three lines, allowing for faster and more seamless completion by users.
Burger
To enhance site interaction, a burger menu has been implemented with the ability to exit on click, while also including a hover-over highlighting feature on menu items.
Adaptive version
The site has been optimized for all devices with the development of adaptive versions.
Сonclusion
The objectives and tasks were successfully accomplished with precision.
A unique and minimalistic design was created, ensuring clarity in presentation. During testing, it was found that 80 percent of users were able to navigate the site within 5 seconds. Additionally, the incorporation of animations has made the site more interactive, while the text has been refined to emphasize the company's key strengths and advantages.
The introduction of a user-friendly form has made it easier to fill out, thus driving more user engagement. Moreover, adaptive versions of the site have been developed to ensure seamless user experience across all platforms.
A unique and minimalistic design was created, ensuring clarity in presentation. During testing, it was found that 80 percent of users were able to navigate the site within 5 seconds. Additionally, the incorporation of animations has made the site more interactive, while the text has been refined to emphasize the company's key strengths and advantages.
The introduction of a user-friendly form has made it easier to fill out, thus driving more user engagement. Moreover, adaptive versions of the site have been developed to ensure seamless user experience across all platforms.