DTEK
About the Company
DTEK Dniprooblenergo is the largest energy supply company in Ukraine, engaged in electricity transmission and supply.
Task
Create a functional, simple, and responsive website.
DTEK Dniprooblenergo is the largest energy supply company in Ukraine, engaged in electricity transmission and supply.
Task
Create a functional, simple, and responsive website.
Website Design
SIMPLE. CONVENIENT. CONCISE
- User-Friendly Header
-
Banner
On the main page, there are two banners that change depending on whether the user is a private individual or a business client -
Main Sections
Quick access to main sections -
Latest News
Important and latest news displayed on the main page - Footer: Simple and concise
- Newsletter Subscription
MORE THAN:
20
20 internal page layouts created
100
100 custom icons and illustrations
60
60 adaptive version layouts
Company History
Displayed as a timeline with illustrations for each event.
Interface Elements
Responsive design for all devices
The website displays perfectly on any device. The adaptive version fully retains all necessary functions and does not restrict the user in any way
Infographics
More than 100 custom icons and illustrations were created, spending over 125 hours on their creation.
Fonts
Colors
This website incorporates advanced design techniques, including flat design, user-friendly structure, and adaptive layout. The result is a highly informative site that is both simple and convenient to use.
Thank you for viewing!
Thank you for viewing!
M&G&Co
Redesign of an
online
shoe store M&G&Co
migico.com.ua
2017
Goal
Update the outdated design
of the website to increase
shoe sales
Update the outdated design
of the website to increase
shoe sales
Task
Create a stylish, lightweight,
and responsive website
on the PrestaShop CMS
Create a stylish, lightweight,
and responsive website
on the PrestaShop CMS
Result
A user-friendly website
with convenient filters and the ability
to easily make a purchase
A user-friendly website
with convenient filters and the ability
to easily make a purchase
Main Page01
Icons02
Shoes
Clogs
Flip-flops
Sneakers
Over-the-knee boots
Ballet flats
Loafers
Boots
Booties
Slip-ons
Sandals
Heels
Half-boots
Low shoes
Trainers
Shoes
Clogs
Flip-flops
Sneakers
Over-the-knee boots
Ballet flats
Loafers
Boots
Booties
Slip-ons
Sandals
Heels
Half-boots
Low shoes
Trainers
Catalog
Product Card
Site Menu03
Search04
Contacts05
Size Chart06
Cart07
Adaptive version08
Thank you for viewing!
DataX
Website Development
for a software development company
for a software development company
2017
www.dataxdev.com
www.dataxdev.com
Information
Scope of Work
Our company developed a design concept for the new website of a software development company. The foundation included extensive use of infographics and bright contrast colors for easy information perception.
Scope of Work
Our company developed a design concept for the new website of a software development company. The foundation included extensive use of infographics and bright contrast colors for easy information perception.
Design
Concept
Website
adaptability
Website
Layout
01
Main Page
Main Page
First Screen
Skills
Industries
Video
Advantages
Team
Contacts
Skills
Industries
Video
Advantages
Team
Contacts
Details
02
Who We Are
This page contains information about the company, team, photos, gallery, and history
Who We Are
This page contains information about the company, team, photos, gallery, and history
Кто мы
03
What We Do
The page is filled with information about the team’s specialists’ skills
What We Do
The page is filled with information about the team’s specialists’ skills
What We Do
04
Details
Each element is meticulously thought out, harmoniously combining with one another and perfectly fitting into the overall concept
Details
Each element is meticulously thought out, harmoniously combining with one another and perfectly fitting into the overall concept
Icons for the Block
Dataxdev in numbers
Icons
Dataxdev in numbers
Icons
05
About DATAX in 90 sec
Video
About DATAX in 90 sec
Video
*Video provided by the client
06
Icons
We created more than 50 custom icons. They effectively convey information to website visitors
Icons
Icons
We created more than 50 custom icons. They effectively convey information to website visitors
Icons
07
Mobile
The website displays correctly on all devices, which is very convenient for visitors
Adaptiveness
Mobile
The website displays correctly on all devices, which is very convenient for visitors
Adaptiveness
08
Colors and Fonts
Colors
Fonts
Colors and Fonts
Colors
Fonts
Himagrommarketing
Company Website
Redesign
We developed a corporate website
with a product catalog
for a large agricultural company
himagromarketing
Scope of work
About the project
The task was to create a website on the PrestaShop platform. We developed a module that allows selecting products for plants at a specific growth phase. There is also a catalog with all the company’s products
About the project
The task was to create a website on the PrestaShop platform. We developed a module that allows selecting products for plants at a specific growth phase. There is also a catalog with all the company’s products
Design
Design options
Prototypes and design options
Design options
Prototypes and design options
Palette
Colors
Color palette
The palette is quite extensive. Three main colors were chosen – blue, green, yellow, and several of their shades. But the priority color is blue, as it is easily perceived by visitors and does not overload the pages
Colors
Color palette
The palette is quite extensive. Three main colors were chosen – blue, green, yellow, and several of their shades. But the priority color is blue, as it is easily perceived by visitors and does not overload the pages
Home
Page
Home page
Page
Home page
Icons
Icons
Infographics
The design emphasized infographics because the site is overloaded with information, and infographics make it easier for visitors to perceive the text. More than 100 hours were spent drawing icons for the site
Icons
Infographics
The design emphasized infographics because the site is overloaded with information, and infographics make it easier for visitors to perceive the text. More than 100 hours were spent drawing icons for the site
Catalog
Page
Catalog
Page
Catalog
Fonts
Fonts
Typography
Typography
Card
Page
Product card
Page
Product card
Icons
Icons on the main page
Icons
The main product catalog categories are displayed on the homepage as icons.
Icons on the main page
Icons
The main product catalog categories are displayed on the homepage as icons.
Pages
Page
News
News
Page
Contacts
Contacts
Table
Plant growth phases
Table
We developed a special module that allows selecting a product for each plant growth phase. The table clearly shows and highlights the required product, and each growth phase is illustrated with clear illustrations
Plant growth phases
Table
We developed a special module that allows selecting a product for each plant growth phase. The table clearly shows and highlights the required product, and each growth phase is illustrated with clear illustrations
Mega menu
Icons
Mega menu
Icons
Mega menu
Адаптив
Mobile version
Adaptiveness
Mobile version
Adaptiveness
Thank you!
Thank you for viewing!
Thank you for viewing!
Coffee Door
Coffee
ONLINE COFFEE STORE
coffeedoor.ua
We developed an online store for coffee, tea, and coffee equipment for the popular coffee supplier CoffeeDOOR. The site presents information clearly to visitors and makes it easy to make a purchase
Home
page
The homepage contains all the necessary information for the visitor, main site categories, popular products, and the latest news
Year of creation2021
page
The homepage contains all the necessary information for the visitor, main site categories, popular products, and the latest news
Year of creation2021
Icons
Contacts
On this page, the user can find the company’s contact information, phone numbers or email, and also send a message
On this page, the user can find the company’s contact information, phone numbers or email, and also send a message
Blog
The blog contains all the company’s articles, divided into categories, promotions, news, and event announcements
The blog contains all the company’s articles, divided into categories, promotions, news, and event announcements
Identity
Adaptiveness
Adaptiveness
The site can be accessed from any device and will correctly display information to the visitor. The mobile version retains all the website’s functionality
Adaptiveness
The site can be accessed from any device and will correctly display information to the visitor. The mobile version retains all the website’s functionality
Product card
Home page
Blog
Home page
Blog
Thank you for viewing!Thanks
Vilia
About the project
About the project
he group of companies TM “VILIYA” successfully operates in various fields of agricultural production: crop production, storage of grain, oilseeds, and legumes, grain trading, flour milling production; livestock farming
About the project
he group of companies TM “VILIYA” successfully operates in various fields of agricultural production: crop production, storage of grain, oilseeds, and legumes, grain trading, flour milling production; livestock farming
Task
Develop a simple and informative website, adhering to the corporate style, in light shades of green
Result
The website was developed on the user-friendly CMS WordPress. More than 12 pages of the site were created and over 30 custom icons were drawn
Головна
Home page
01
Home page
01
Desktop
Responsiveness
Icons
Infographics
02
Infographics
02
Provision of
elevator services
Provision of
transport services
Grain processing
Construction
Crop production
Dairy
farming
Meat
farming
Seeds
Geography
Geography
03
Geography
03
Desktop
Responsiveness
Identity
Fonts
04
04
Colors
05
05
Light green
Gray
Gray
Про компанію
About the company
06
About the company
06
Елементи
Interface elements
07
Interface elements
07
Gallery
Gallery
08
Gallery
08
Декстоп
Адаптив
Icons
Icons
09
Icons
09
News
News
10
News
10
Responsiveness
Desktop
UI елементи
UI elements
11
UI elements
11
Contacts
Contacts
12
Contacts
12
Desktop
Responsiveness
Thank you
Thank you for viewing!
Thank you for viewing!
Health Shop
Online
Health SHOP
health-shop.com.ua
Prototypes
Detailed prototypes of the online store were developed before the start of the project
Design
The entire design is based on simplicity and fresh, calm green tones
Development
The website was developed on the PrestaShop platform, designed for online stores
Home Page
01
The homepage contains all the important information: promotions, new products, bestsellers, and company news
01
The homepage contains all the important information: promotions, new products, bestsellers, and company news
Header
The header contains all the necessary sections of the site that visitors may need
The header contains all the necessary sections of the site that visitors may need
Products
The most popular products from the catalog are displayed on the homepage
The most popular products from the catalog are displayed on the homepage
News
There is also quick access to company news
There is also quick access to company news
Footer
The footer displays all catalog sections and product purchase information
The footer displays all catalog sections and product purchase information
Typography
02
02
Catalog
03
The catalog contains four main product categories: blood pressure monitors, inhalers, electronic thermometers, and Oral care products. It is also possible to filter products by price, manufacturer, and other parameters
03
The catalog contains four main product categories: blood pressure monitors, inhalers, electronic thermometers, and Oral care products. It is also possible to filter products by price, manufacturer, and other parameters
Colors
04
04
Product Card
05
Visitors can access the product card from both the homepage and the product catalog. This page provides detailed information about the product, allows comparison of preferred models, or add to favorites
05
Visitors can access the product card from both the homepage and the product catalog. This page provides detailed information about the product, allows comparison of preferred models, or add to favorites
Infographics
06
06
Buy
Brands
Promotions
News
Delivery
Payment
Service
Favorites
Other Pages
07
All pages are designed in a single style. Green was chosen as the main color, as it most represents health and nature. All details and elements are easily perceived and understood by visitors
07
All pages are designed in a single style. Green was chosen as the main color, as it most represents health and nature. All details and elements are easily perceived and understood by visitors
Website Responsiveness
08
Visitors receive accessible and understandable information from any mobile device and computer screen. The site adapts to any monitor while maintaining its simple navigation
08
Visitors receive accessible and understandable information from any mobile device and computer screen. The site adapts to any monitor while maintaining its simple navigation
Thank you for viewing!
Flint Street Food
We developed a promo site for the Flint snack brand
2021
01
About the project
We faced a challenging task – to develop the site design for the new product from TM Flint – croutons with new StreetFood flavors.
The “all on one screen” approach was chosen as the concept’s basis. From the first step, all Flint flavors are revealed to the guest, needing only to click on the menu at the bottom of the screen.
streetfood.flint.tm
About the project
We faced a challenging task – to develop the site design for the new product from TM Flint – croutons with new StreetFood flavors.
The “all on one screen” approach was chosen as the concept’s basis. From the first step, all Flint flavors are revealed to the guest, needing only to click on the menu at the bottom of the screen.
streetfood.flint.tm
02
Colors
In the color scheme of the site, we chose three colors – yellow, orange, and red. Such bright and juicy shades can stimulate appetite even if the feeling of hunger is not very pronounced
Colors
In the color scheme of the site, we chose three colors – yellow, orange, and red. Such bright and juicy shades can stimulate appetite even if the feeling of hunger is not very pronounced
03
Flavor selection
Unusual animation adds dynamics, interactivity, and responsiveness to the site. It helps attract the user’s attention and focus it on the necessary things.
Flavor selection
Unusual animation adds dynamics, interactivity, and responsiveness to the site. It helps attract the user’s attention and focus it on the necessary things.
04
Typography
Typography
05
Icons
Icons
06
Remaining screens
This site incorporates advanced design techniques. These include flat design, a convenient structure, sans-serif font, and the use of responsive layout. The color schemes are chosen to maximally stimulate the taste receptors of potential customers.
Remaining screens
This site incorporates advanced design techniques. These include flat design, a convenient structure, sans-serif font, and the use of responsive layout. The color schemes are chosen to maximally stimulate the taste receptors of potential customers.
Mobile version
The mobile version has simplified navigation. To make it easier to understand, blocks present in the desktop version have been removed.
The mobile version has simplified navigation. To make it easier to understand, blocks present in the desktop version have been removed.
Everything users need is on one page, and there’s no need to navigate through a complex site structure to find the necessary information. As a result, we created a light, beautiful, and vibrant site where everything is simple and clear.
Alef Estate
Alef Estate website redesign
Luxury real estate
2017
2017
Our Task
Create a functional, simple, and informative
site
Create a functional, simple, and informative
site
Created
3 design concepts, 45
designed pages,
adaptive website version
3 design concepts, 45
designed pages,
adaptive website version
Result
Convenient, simple
informative site that
is easy to fill
Convenient, simple
informative site that
is easy to fill
Home Page
Site Header
Transparent, light, and convenient header
Transparent, light, and convenient header
Objects
Displays the largest and most significant developer projects
Displays the largest and most significant developer projects
News
The latest company news is displayed on the home page
The latest company news is displayed on the home page
Footer
Concise and simple footer
Concise and simple footer
Object Page
First Screen
The first screen displays the main characteristics of the object and its location on the map
The first screen displays the main characteristics of the object and its location on the map
Characteristics
The object information is placed under the banner
The object information is placed under the banner
All Objects
At the bottom of the page, you can view other company objects
At the bottom of the page, you can view other company objects
Real Estate
Type of Object
All objects are divided into three main groups: commercial, office, and residential real estate
All objects are divided into three main groups: commercial, office, and residential real estate
Filter
A fixed real estate filter is always on the right
Preloader
A preloader was created and animated before the site loads
Blog
All News
In this section, you can divide articles into categories: news, offers, and events.
In this section, you can divide articles into categories: news, offers, and events.
Below the category list is a “tag cloud” that allows filtering articles by topics.
Additionally, the most popular blog articles are pulled up on this page
Blog Article
There is all the necessary information for reading the article and the ability to share it on social networks.
There is all the necessary information for reading the article and the ability to share it on social networks.
Additionally, similar articles on the topic are pulled up in the blog
Gallery
About the company
Description
Here is a brief information about the company
Here is a brief information about the company
Achievements
The page shows the main achievements of the company over 15 years
The page shows the main achievements of the company over 15 years
Advantages
The main advantages of the company are shown
The main advantages of the company are shown
Footer
Mobile
Version
Adaptiveness
The site adapts well to all devices despite its large informativeness
The site adapts well to all devices despite its large informativeness
Colors
#ffffff
White
White
#868686
Gray
Gray
#b5917c
Beige
Beige
#393838
Brown
Brown
Fonts
Thanks for viewing!
Indira
01
Scope of Work
Design
More than 7 pages of the site were designed,
20 individual icons, and an adaptive version
More than 7 pages of the site were designed,
20 individual icons, and an adaptive version
Development
All necessary pages of the site were developed based on CMS Prestashop, created specifically for online stores
All necessary pages of the site were developed based on CMS Prestashop, created specifically for online stores
02
Prototypes
More than 3 variants of the main page prototypes were designed for a more detailed understanding and better implementation of the task
01
02
03
03
Home Page
The home page features the most important blocks of the online store: new products, promotions, and the ability to go to the catalog. It also displays the latest company news and recent photos from Instagram
04
Other Pages
In addition to the main page, all the main internal pages of the online store were created. These include the product catalog, filters (which can be hidden if desired), the product card containing all product information, and pages like news, lookbook, contacts, and basket. Everything needed for a complete store
05
Interface Elements
Additional site elements and pop-up windows were also developed. When hovering over the cart icon in the header, a pop-up appears with products and the ability to place an order
06
Cart
In addition to the standard basket, a module was developed that allows bulk loading of products, created specifically for wholesale buyers
07
Mobile Version
The site adapts to all types of devices, contains full functionality, and maintains a clear structure, which is very convenient for the user
08
Colors
09
Fonts
Thanks for viewing!