![](/wp-content/themes/theCoder/dist/images/case-study/steak-house/content-1-img.webp)
Основне завдання
Однією з головних цілей команди, було створити онлайн-присутність, яка б дозволила замовникам зручно та швидко знайти та замовити їжу від ресторану Steak House. Ми хотіли, щоб клієнти могли легко ознайомитись з меню, обрати та налаштувати замовлення під свої потреби та передати всю необхідну інформацію, щоб доставка була якісною та швидкою.
Типографіка
Згідно з поставленими цілями, ми використовували в дизайні та розробці сайту мінімалістичну типографіку, з чіткими, але плавними лініями, а також світлі та яскраві кольори та градієнти, які доповнюють та підкреслюють один одного.
primary font
Gotham
A B C D F G H I J K L M N O P Q R S T U V W X Y Z
a b c d f g h i j k l m n o p q r s t u v w x y z
1 2 3 4 5 6 7 8 9 0’ “ ? ! / (%) {#} [&]
secondary font
Avenir
A B C D F G H I J K L M N O P Q R S T U V W X Y Z
a b c d f g h i j k l m n o p q r s t u v w x y z
1 2 3 4 5 6 7 8 9 0’ “ ? ! / (%) {#} [&]
Палітра кольорів
![](/wp-content/themes/theCoder/dist/images/case-study/steak-house/content-3-bg-1.webp)
![](/wp-content/themes/theCoder/dist/images/case-study/steak-house/content-3-bg-2.webp)
![](/wp-content/themes/theCoder/dist/images/case-study/steak-house/content-3-bg-3.webp)
![](/wp-content/themes/theCoder/dist/images/case-study/steak-house/content-3-bg-4.webp)
Головна сторінка
![](/wp-content/themes/theCoder/dist/images/case-study/steak-house/content-3-img.webp)
інші сторінки
![](/wp-content/themes/theCoder/dist/images/case-study/steak-house/content-4-img-1.webp)
![paper](/wp-content/themes/theCoder/dist/images/case-study/steak-house/content-5-img-1.webp)
![steak](/wp-content/themes/theCoder/dist/images/case-study/steak-house/content-5-img-2.webp)
![rozmarine](/wp-content/themes/theCoder/dist/images/case-study/steak-house/content-5-img-3.webp)
Сторінка страви
![](/wp-content/themes/theCoder/dist/images/case-study/steak-house/content-6-img-1.webp)
![](/wp-content/themes/theCoder/dist/images/case-study/steak-house/content-6-img-2.webp)
![](/wp-content/themes/theCoder/dist/images/case-study/steak-house/content-7-img-1.webp)
![](/wp-content/themes/theCoder/dist/images/case-study/steak-house/content-7-img-2.webp)
![](/wp-content/themes/theCoder/dist/images/case-study/steak-house/content-9-img-1.webp)
![](/wp-content/themes/theCoder/dist/images/case-study/steak-house/content-9-img-2.webp)
![](/wp-content/themes/theCoder/dist/images/case-study/steak-house/content-10-img.webp)
![](/wp-content/themes/theCoder/dist/images/case-study/steak-house/content-12-bg-1.webp)
![](/wp-content/themes/theCoder/dist/images/case-study/steak-house/content-12-bg-2.webp)
![](/wp-content/themes/theCoder/dist/images/case-study/steak-house/content-12-bg-3.webp)
![](/wp-content/themes/theCoder/dist/images/case-study/steak-house/content-12-bg-4.webp)
![](/wp-content/themes/theCoder/dist/images/case-study/steak-house/content-12-bg-5.webp)
![](/wp-content/themes/theCoder/dist/images/case-study/steak-house/content-12-bg-2.webp)
![](/wp-content/themes/theCoder/dist/images/case-study/steak-house/content-12-bg-2.webp)
Мобільна версія
Технології та інструменти, які ми використовували під час розробки проекту.
-
Adobe Illustrator
-
Figma
-
HTML
-
Sass
-
JS
-
WordPress
-
Woocommerce
-
Telegram Api
-
Google Maps
![](/wp-content/themes/theCoder/dist/images/home/thecoder-logo.png)
Зв'яжіться з нами
Заповніть форму, і ми зв'яжемося з Вами.