{{title}}
{{textarea}}
{{task}}
{{select}}
{{team}}
{{input}}
{{solution}}
{{result}}
Конкурс на дизайн студенческой карты от Т-Банк
Активную студенческую жизнь я передала через яркую динамичную графику, а через персонажей — идею поддержки банка в достижении финансовых целей.
Решение
Разработать дизайн банковской карты, передающий атмосферу молодости и связь с финансовыми возможностями.
Задача
Скрипт слайдера
Инструкция будет автоматически скрыта при публикации. Либо можно оставить только один HTML-объект, а инструкцию удалить
Для настройки слайдера перейдите в окно настроек, для этого выделите этот блок или блок с кодом или любой элемент слайдера, кнопка настроек появится на панели инструментов справа.
NELIS_ANN
Анна Конотоп
Графический дизайнер с художественной базой и вниманием к характеру каждого проекта
Если хотите предложить сотрудничество или задать вопрос, свободно пишите в личный телеграм @nelis_ann
Если интересны мои работы, процессы и путь:
почта
Я веду свой телеграм-канал @nelis_anyo, где публикую свои работы, процессы и творческий путь
соц. сети
Если хотите заказать проект, предложить сотрудничество или задать вопрос, свободно пишите в личный телеграм @nelis_ann
вопросы и предложения
Задача
Создать систему визуальной идентефикации, способную конкурентно выделить школу на рынке услуг по вокальным и музыкальным направлениям.
История
Изначально проект был выпускной работой в институте по разработке фирменного стиля для только открывшейся школы вокала. Однако сотрудничество со школой было расширено и продолжено дальше.
Состав проекта
Буквально с нуля мной был разработан комплекс, формирующий уникальный визуальный образ и идеентичность места: нейминг, фирменный стиль, айдентика, сайт, мерч, графика и иллюстрации.
Задача
Создать систему визуальной идентефикации, способную конкурентно выделить школу на рынке услуг по вокальным и музыкальным направлениям.
История
Изначально проект был выпускной работой в институте по разработке фирменного стиля для только открывшейся школы вокала. Однако сотрудничество со школой было расширено и продолжено дальше.
Состав проекта
Буквально с нуля мной был разработан комплекс, формирующий уникальный визуальный образ и идеентичность места: нейминг, фирменный стиль, айдентика, сайт, мерч, графика и иллюстрации.
Создать систему визуальной идентефикации, способную конкурентно выделить школу на рынке услуг по вокальным и музыкальным направлениям.
Задача
Рассвет — новая школа вокала, где индивидульный подход является важнейшой ценностью.
С нуля была разработана айдентика, формирующая уникальный визуальный образ и идеентичность места.
С нуля была разработана айдентика, формирующая уникальный визуальный образ и идеентичность места.
о проекте
Small improvements compound when they are repeated. Pick one simple step, make it easy to do, and let time turn consistency into results.
When motivation drops, the routine still works. Keep the step small, track it lightly, and focus on showing up more than optimizing.
ЦА
Преимущественно ученики школы — новички и любители в вокале. Поэтому для школы важно создать атмосферу эмоциальной раскрытости и комфорта для учеников.
Женщины 25-45 лет
- Ищут свой способ самовыражения и самореализации в новоми формате досуга.
- Хотят раскрыться через музыку в комфортной атмосфере.
- Важно, чтобы занятия были гибкими по времени и индивидуальными.
Молодёжь 12-25 лет
- В процессе формирования личности. Часто имеют амбиции стать исполнителями.
- Хотят стать уверенней в себе и своих способностях.
- Важна поддержка, возможность выступать и самовыражаться.
Дети 7-12 лет
- Проявляют интерес к вокалу и творчеству.
- Занятия могу помочь развить творческое восприятие и эмоциональную выразительность.
- Важно специальное внимание, комфортная атмосфера и игровой формат обучения.
Конкуренты
Большинство эксплуатирует стандартные метафоры: нотные станы, силуэты микрофонов, музыкальные термины. Важно было избежать клише, но остаться в своей нише.
Мудборд
Эскизы
Фирменный блок
Иконка
Символ, совмещающий звук и солнце.
Логотип
Шрифт продолжает динамику знака.
Логотип
Нейминг отражает образ роста, начало нового и эмоциональное тепло
Фирменный блок
Иконка
Символ, совмещающий звук и солнце.
Логотип
Шрифт продолжает динамику знака.
Логотип
Нейминг отражает образ роста, начало нового и эмоциональное тепло
Иконка
Свободное пространство вокруг иконки должно составлять не менее 1/3 ширины иконки.
Логотип
Константой охранного поля служит ширина буквы «т»: одна сверху и по бокам и две снизу.
Логотип
Константой охранного поля служит ширина буквы «т».
Иконка
Логотип
Логотип
В качестве модуля взята толщина лучей иконки
- Создай кнопки табов. Каждой кнопке задай класс tf_tab-button. Если хочешь явно связать кнопку с конкретной панелью, используй вариант с id, например tf_tabs-button-1.
- Создай панели с контентом. Каждая панель должна быть отдельной группой типа Object, и каждой панели задай класс tf_tabs-panel. Для явной связки с кнопкой используй такой же id, например tf_tabs-panel-1. Если id не заданы, структура будет собираться по порядку кнопок и панелей внутри блока автоматически.
- Количество кнопок tf_tabs-button и панелей tf_tabs-panel должно совпадать.
- Объедини кнопки и панели в один общий контейнер типа Object и задай ему класс tf_tabs. Да, кнопки табов и панели должны быть в одной группе.
- Если нужны кнопки назад и вперед, задай им классы tf_tabs-prev и tf_tabs-next.
- Если нужен нумератор, используй tf_tabs-current для текущего номера и tf_tabs-total для общего количества.
- Если в одном Zero Block несколько блоков табов, используй отдельные id у корневых контейнеров и управляющих элементов: tf_tabs-1, tf_tabs-prev-1, tf_tabs-next-1, tf_tabs-current-1, tf_tabs-total-1.
- Используй панель Tildify Elements для настройки свойств табов. Для этого выдели элементы табов или конфиг табов (блок Скрипт табов), панель управления появится справа на панели настроек Zero Block.
Скрипт табов
id:
Инструкция будет автоматически скрыта при публикации. Либо можно оставить только один HTML-объект, а инструкцию удалить
Для настройки табов перейдите в окно настроек. Для этого выделите этот блок, блок с кодом или любой элемент табов, кнопка настроек появится на панели инструментов справа.
Шрифт
Аа
Bounded
Cоврменный «раскрытый шрифт» для заголовков и крупных надписей
Аа
Montserrat
Шрифт для основного и мелкого текста
Цвет
RGB
HEX
CMYK
HEX
CMYK
30, 11, 11
#1E0B0B
64, 82, 63, 89
#1E0B0B
64, 82, 63, 89
RGB
HEX
CMYK
HEX
CMYK
93, 14, 19
#5D0E13
36, 100, 81, 59
#5D0E13
36, 100, 81, 59
RGB
HEX
CMYK
HEX
CMYK
204, 23, 26
#СA2F25
14, 92, 91, 4
#СA2F25
14, 92, 91, 4
RGB
HEX
CMYK
HEX
CMYK
255, 208, 146
#FFD092
0, 22, 40, 0
#FFD092
0, 22, 40, 0
RGB
HEX
CMYK
HEX
CMYK
255, 27, 44
#FF1B2C
0, 92, 76, 0
#FF1B2C
0, 92, 76, 0
RGB
HEX
CMYK
HEX
CMYK
246, 150, 75
#F6964B
0, 50, 73, 0
#F6964B
0, 50, 73, 0
RGB
HEX
CMYK
HEX
CMYK
255, 255, 255
#FFFFFF
0, 0, 0, 0
#FFFFFF
0, 0, 0, 0
RGB
HEX
CMYK
HEX
CMYK
0, 0, 0
#000000
0, 0, 0, 100
#000000
0, 0, 0, 100
Входная группа
Portfolio
A Collection of Our Standout Projects
NovaFrame Studio
A modular creative platform that redefines visual expression through structured simplicity and fluid innovation.
UI/UX
Branding
Visual Systems
Etheric Horizon
An experimental interface concept exploring the boundary between intuitive interaction and immersive digital presence.
App Design
Identity
Product Strategy
Unforgettable Moments
A collection of visuals that reflect the project’s essence and creative direction.
Project #1
May
Project #2
June
Project #3
July
Project #4
August
Фирменный блок
* наброски логотипа
Носители фирстиля
Сайт доступен по ссылке – rassvetvocal.ru
Скрипт слайдера
Инструкция будет автоматически скрыта при публикации. Либо можно оставить только один HTML-объект, а инструкцию удалить
Для настройки слайдера перейдите в окно настроек, для этого выделите этот блок или блок с кодом или любой элемент слайдера, кнопка настроек появится на панели инструментов справа.
We are a leading firm in providing quality and value to our customers. Each member of our team has at least 5 years of legal experience. We love what we do.
Our managers are always ready to answer your questions. You can call us during the weekends and at night. Also, you can visit our office for a personal consultation.
Our company works according to the principle of individual approach to every client. This method allows us to succeed in tasks of any level.
Literature course for people who can't live without books
You will study English Literature, an introduction to key aspects central to the study of English Literature. You will also choose an optional course from another subject area.
Architecture course for all curious people
The history of architecture traces the changes in architecture through various traditions, regions, overarching stylistic trends, and dates. You will study Architectural History, which is a survey from antiquity to the present day. An introduction to key aspects central to the study of Architectural History. You will also choose an optional course from another subject area.
History course for people who are interested in art
You will study History of Art, which covers the period from the fall of the Roman Empire until the end of the Counter-Reformation. This will include non-Western material. You will also choose an optional course from another subject area.
Literature course for people who can't live without books
You will study English Literature, an introduction to key aspects central to the study of English Literature. You will also choose an optional course from another subject area.
History course for people who are interested in art
You will study History of Art, which covers the period from the fall of the Roman Empire until the end of the Counter-Reformation. This will include non-Western material.
Architecture course for all curious people
The history of architecture traces the changes in architecture through various traditions, regions, overarching stylistic trends, and dates. You will study Architectural History, which is a survey from antiquity to the present day. An introduction to key aspects central to the study of Architectural History. You will also choose an optional course from another subject area.
Services That Support Your Growth At Every Stage
(SERVICE #1)
Structured Skill Development Programs
(01)
Personalized learning plans built around clear milestones, helping participants progress confidently through practical material and measurable results.
(02)
Curriculum organized for consistent improvement, reducing confusion and establishing a focused path from fundamentals to real-world application.
(03)
Flexible modules designed to adapt to different experience levels, ensuring accessibility and long-term engagement with the learning process.
(04)
Continuous support within a structured environment to maintain motivation, track achievements, and refine individual learning strategies.
(SERVICE #2)
Career and Market Navigation
(01)
Personalized guidance for defining goals, choosing specialization, and aligning strengths with current market expectations and opportunities.
(02)
Resume and portfolio consulting based on clarity, practical relevance, and effective presentation of technical achievements and learning outcomes.
(03)
Interview preparation focused on communication structure, task reasoning, and confidence-building techniques applicable across various IT roles.
(04)
Insights into hiring trends and professional pathways to build awareness and strategic vision for long-term career development.
RockDigital
Task
RockDigital needed a digital studio platform that could present their work clearly, communicate their expertise, and support future growth with easy content updates.
Solution
We created a fully responsive website from scratch with a custom CMS, clean UX/UI design, intuitive navigation, and fast-loading pages to make the portfolio easy to explore.
Result
The new platform gave RockDigital a modern online presence, simplified content management, and helped the studio showcase its projects more effectively to attract new clients.
May 15, 2025
Team
David Patel, Marcus Silva, Liam O’Connor
Set Up the Post Template Page
Use this block to create a custom template for post pages. Before publishing, you'll need to configure it.
To set it up:
- Create a new page and add this block.
- Set this page as the post template in Feeds → Feed Settings → Template.
- Go back to the page editor and connect the block elements to the corresponding Feed fields. View guide
- Publish the page.
For detailed instructions, see the Help Center
Portfolio
Set Up the Feed Tile
Use this block to create a custom tile for your Feed. Configure it before publishing the page.
How to set it up:
1. Open Block Editor and select the layers containing the tiles in the Layers panel.
2. In the Feed settings, select your Feed in the Source field.
3. Select an element you want to connect to the Feed content. In the element settings, choose the corresponding Feed field. Repeat for all required elements.
For detailed instructions, see the Help Center.
2. In the Feed settings, select your Feed in the Source field.
3. Select an element you want to connect to the Feed content. In the element settings, choose the corresponding Feed field. Repeat for all required elements.
For detailed instructions, see the Help Center.