-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathportfolio.html
More file actions
334 lines (317 loc) · 20.6 KB
/
portfolio.html
File metadata and controls
334 lines (317 loc) · 20.6 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
<!doctype html>
<html lang="ru">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta
name="description"
content="Проекты ООО «Совелтек»: примеры решений по металлоконструкциям, быстровозводимым зданиям, промышленным и коммерческим объектам."
/>
<meta name="robots" content="index,follow,max-image-preview:large" />
<meta name="theme-color" content="#0f2a51" />
<meta name="msapplication-TileColor" content="#0f2a51" />
<meta name="msapplication-config" content="/browserconfig.xml" />
<title>ООО «Совелтек» | Проекты</title>
<link rel="canonical" href="https://soveltech.duckdns.org/portfolio.html" />
<meta property="og:locale" content="ru_RU" />
<meta property="og:type" content="website" />
<meta property="og:site_name" content="ООО «Совелтек»" />
<meta property="og:title" content="ООО «Совелтек» | Проекты" />
<meta
property="og:description"
content="Кейсы и примеры реализации объектов из металлоконструкций для бизнеса и промышленности."
/>
<meta property="og:url" content="https://soveltech.duckdns.org/portfolio.html" />
<meta property="og:image" content="https://soveltech.duckdns.org/og-image.png" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="ООО «Совелтек» | Проекты" />
<meta
name="twitter:description"
content="Примеры решений по металлоконструкциям и быстровозводимым зданиям."
/>
<meta name="twitter:image" content="https://soveltech.duckdns.org/og-image.png" />
<link rel="icon" href="/favicon.ico" sizes="any" />
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#0f2a51" />
<link rel="manifest" href="/site.webmanifest" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=Unbounded:wght@400;600;700&display=swap"
rel="stylesheet"
/>
<link rel="stylesheet" href="styles.css" />
</head>
<body>
<div class="scroll-progress" aria-hidden="true"><span class="scroll-progress__bar"></span></div>
<header class="site-header">
<div class="container nav-shell">
<a class="brand" href="index.html" aria-label="На главную">
<span class="brand-mark">SV</span>
<span class="brand-text">ООО «Совелтек»</span>
</a>
<button
class="menu-toggle"
type="button"
aria-label="Открыть меню"
aria-expanded="false"
aria-controls="main-nav"
>
Меню
</button>
<nav class="main-nav" id="main-nav">
<a href="index.html">Главная</a>
<a href="services.html">Услуги</a>
<a href="technologies.html">Технологии</a>
<a class="active" aria-current="page" href="portfolio.html">Проекты</a>
<a href="blog.html">Блог</a>
<a href="contacts.html">Контакты</a>
</nav>
</div>
</header>
<main>
<section class="page-hero">
<div class="hero-orb orb-a" data-parallax="0.06"></div>
<div class="hero-orb orb-b" data-parallax="0.1"></div>
<div class="container hero-layout">
<div class="hero-copy reveal">
<p class="kicker">Примеры решений</p>
<h1>Как мы подходим к объектам разного масштаба и назначения</h1>
<p class="lead">
Мы показываем не только результат, но и логику реализации: какие задачи стояли
перед заказчиком, почему выбиралась конкретная конструктивная схема, как организовывались
проектные и монтажные этапы, и за счет чего удавалось удерживать качество при ограниченных
сроках. Мы сознательно даем развернутые описания, чтобы показать практический подход.
</p>
<p class="creation-note">
Публикуем тематические обзоры и сценарии реализации объектов,
чтобы заказчики видели практический подход к задачам разной сложности.
</p>
<div class="action-row">
<a class="btn btn-primary" href="contacts.html">Обсудить похожий объект</a>
<a class="btn btn-secondary" href="services.html">Изучить услуги</a>
</div>
</div>
<aside class="hero-aside reveal" data-delay="120" data-tilt>
<p class="section-kicker">Что важно в кейсах</p>
<h2>Не только фото, но и инженерная логика проекта</h2>
<ul class="dot-list">
<li>Показываем исходную задачу и вводные ограничения.</li>
<li>Раскрываем ключевые решения на этапе проектирования.</li>
<li>Описываем последовательность изготовления и монтажа.</li>
<li>Фиксируем, как организован контроль качества.</li>
</ul>
</aside>
</div>
</section>
<section class="section reveal" id="cases">
<div class="container">
<div class="section-head">
<p class="section-kicker">Кейсы</p>
<h2>Типовые сценарии, которые часто встречаются в реальной практике</h2>
</div>
<div class="case-list">
<article class="case-card">
<h3>Логистический складской блок с ускоренным запуском</h3>
<p>
Заказчику требовалось быстро расширить складские площади без остановки текущих
операционных процессов. Основной вызов заключался в том, что монтаж должен был идти
параллельно действующей логистике объекта, а значит график поставок и сборки каркаса
нужно было адаптировать под ежедневное движение техники и персонала.
</p>
<p>
На проектной стадии мы разделили реализацию на отдельные очереди и связали календарь
работ с режимом эксплуатации площадки. Это позволило выполнить монтаж конструкций,
кровельных элементов и примыкающих узлов без критических помех для основной
деятельности заказчика.
</p>
<div class="case-meta">
<span>Формат: склад</span>
<span>Приоритет: срок ввода</span>
<span>Подход: поэтапный монтаж</span>
</div>
</article>
<article class="case-card">
<h3>Производственный ангар с повышенными требованиями к нагрузкам</h3>
<p>
Объект предполагал размещение оборудования с переменными эксплуатационными режимами,
поэтому в центре внимания были расчетные параметры несущей системы и точность
изготовления опорных элементов. Для снижения рисков мы усилили этап инженерной
проверки и применили расширенный формат согласования узлов еще до запуска производства.
</p>
<p>
В результате монтаж прошел в плановом режиме, без каскадных переделок, а готовый
каркас сохранил проектные характеристики в рамках расчетной модели.
</p>
<div class="case-meta">
<span>Формат: производство</span>
<span>Приоритет: несущая способность</span>
<span>Подход: усиленный расчет</span>
</div>
</article>
<article class="case-card">
<h3>Коммерческий объект с нестандартной архитектурной геометрией</h3>
<p>
Здесь ключевой сложностью была не площадь, а конфигурация здания: проект содержал
сложные стыки и нестандартные узлы, которые нельзя было реализовать по шаблонной схеме.
На этапе проектирования мы синхронизировали архитектурные требования с конструктивной
логикой, чтобы сохранить задуманный внешний вид без потери инженерной надежности.
</p>
<p>
Благодаря детальной предварительной проработке удалось организовать изготовление и
монтаж сложных элементов в согласованной последовательности, удержав качество и
плановую динамику работ.
</p>
<div class="case-meta">
<span>Формат: коммерция</span>
<span>Приоритет: архитектура</span>
<span>Подход: нестандартные узлы</span>
</div>
</article>
<article class="case-card">
<h3>Сервисно-складской комплекс с поэтапным вводом зон</h3>
<p>
Заказчику было важно запускать объект частями, чтобы отдельные зоны начинали
функционировать до завершения полного объема работ. Мы адаптировали проект и
строительную последовательность под этот сценарий, разделив контур на технологически
самостоятельные участки.
</p>
<p>
Такой подход позволил ускорить операционный старт, параллельно завершая монтаж
оставшихся участков и строительные доработки без нарушения уже введенных зон.
</p>
<div class="case-meta">
<span>Формат: сервис + склад</span>
<span>Приоритет: частичный запуск</span>
<span>Подход: очередность зон</span>
</div>
</article>
<article class="case-card">
<h3>Быстровозводимый объект под сезонный пик нагрузки</h3>
<p>
Проект реализовывался в условиях жесткого дедлайна, привязанного к сезонному росту
активности заказчика. Основная задача заключалась в том, чтобы сократить временной
лаг между проектной фазой, выпуском конструкций и монтажом, не жертвуя качеством.
</p>
<p>
За счет тесной координации между инженерной и производственной командой мы
синхронизировали этапы, оптимизировали логистику и выполнили ввод объекта в срок,
обеспечив заказчику готовность к пиковому периоду.
</p>
<div class="case-meta">
<span>Формат: сезонный объект</span>
<span>Приоритет: дедлайн</span>
<span>Подход: сжатый цикл</span>
</div>
</article>
</div>
</div>
</section>
<section class="section reveal" id="formats">
<div class="container">
<div class="section-head">
<p class="section-kicker">Форматы объектов</p>
<h2>Какие типы задач чаще всего приходят в работу</h2>
</div>
<div class="text-columns">
<p>
В практической работе преобладают объекты, где требуется быстро создать прочный и
функциональный каркас: склады, логистические центры, ангары, производственные корпуса,
сервисные и коммерческие площадки. Общая особенность таких проектов — необходимость
сочетать сроки, надежность и гибкость под будущие операционные процессы.
</p>
<p>
Мы подходим к каждому формату через призму его реальной эксплуатации. Для одних объектов
критична скорость запуска, для других — повышенная устойчивость к нагрузкам, для третьих —
точное соответствие архитектурной концепции. Поэтому даже в типовых направлениях мы
выбираем индивидуальную модель реализации.
</p>
</div>
</div>
</section>
<section class="section reveal" id="insights">
<div class="container">
<div class="section-head">
<p class="section-kicker">Практические выводы</p>
<h2>Что чаще всего влияет на успех проекта</h2>
</div>
<div class="timeline">
<article class="timeline-item">
<h3>Четкая постановка задачи на старте</h3>
<p>
Чем яснее определены функциональные цели здания, тем быстрее формируется корректная
проектная схема и тем меньше лишних изменений на поздних этапах.
</p>
</article>
<article class="timeline-item">
<h3>Синхронизация проектирования и производства</h3>
<p>
Когда инженерные решения сразу проверяются на реализуемость, монтаж проходит
значительно стабильнее и с меньшим количеством корректировок.
</p>
</article>
<article class="timeline-item">
<h3>Прозрачный календарный контроль</h3>
<p>
Регулярная фиксация статуса по этапам помогает заранее увидеть риски по срокам и
скорректировать процесс до того, как отклонения станут критичными.
</p>
</article>
<article class="timeline-item">
<h3>Единый подход к качеству</h3>
<p>
Контроль должен сопровождать проект от расчетов до финального монтажа, иначе итоговые
проблемы часто возникают из-за небольших несоответствий, накопленных на ранних стадиях.
</p>
</article>
</div>
</div>
</section>
<section class="section reveal" id="cta-projects">
<div class="container">
<div class="cta-panel">
<div>
<h2>Хотите обсудить объект по аналогии с кейсами</h2>
<p>
Пришлите параметры площадки, предполагаемое назначение и целевые сроки запуска.
Мы предложим рабочий сценарий реализации с учетом вашей конкретной ситуации.
</p>
</div>
<div class="action-row">
<a class="btn btn-primary" href="contacts.html">Связаться с нами</a>
<a class="btn btn-secondary" href="technologies.html">Изучить технологии</a>
</div>
</div>
</div>
</section>
</main>
<footer class="site-footer">
<div class="container footer-grid">
<div>
<p class="footer-brand">ООО «Совелтек»</p>
<p>Проектирование, изготовление и монтаж металлоконструкций.</p>
</div>
<div class="footer-links">
<a href="index.html">Главная</a>
<a href="services.html">Услуги</a>
<a href="technologies.html">Технологии</a>
<a href="portfolio.html">Проекты</a>
<a href="blog.html">Блог</a>
<a href="contacts.html">Контакты</a>
</div>
<div>
<p><a href="tel:+79105352055">+7 (910) 535-20-55</a></p>
<p><a href="mailto:Spirin2412@mail.ru">Spirin2412@mail.ru</a></p>
<p>Москва, ул. Маршала Новикова, д. 4, к. 1</p>
<p>© <span id="year"></span> ООО «Совелтек». Все права защищены.</p>
</div>
</div>
</footer>
<script src="script.js"></script>
</body>
</html>