Develop UX/UI design for a landing page with interactive 3D animation.
A design for a website with a unique interactive 3D aesthetic is needed, the main element of which is an animated 3D character fish. The fish "swims" through the landing screens, interacting with the user and creating an effect of depth and immersion.
The 3D fish will be created separately by a 3D modeler, you only need to design the website (UX, UI, describe the interactivity of the elements, parallax scrolling, the interaction of the fish with the background elements, etc.)
The result should be a design for a landing page with 4-5 screens.
I will send the detailed technical specifications in a private message.
Please send your examples of similar designs and an approximate cost for developing the design of a landing page with 4-5 screens in this style.
Потрібно розробити дизайн сайту з унікальною інтерактивною 3D-естетикою, головним елементом якого є анімований 3D-персонаж риба. Риба "пливе" крізь екрани лендингу, взаємодіючи з користувачем і створюючи ефект глибини та занурення.
3д рибу зробить окремо 3д моделер, з вас тільки дизайн сайту (UX, UI, придумати описати інтерактивність елементів, паралакс скроллінги, взаємодію риби з елементами бекграунду і тп)
В результаті має вийти дизайн ленду на 4-5 екранів.
докладніше тз скину в лс.
Скидуйте ваші приклади схожих дизайнів та приблизну вартість розробки дизайну ленду на 4-5 екранів в такому стилі
-
Good day, I can take this job, the portfolio is here
Freelancehunt
I am ready to discuss the functional requirements.
Доброго дня, можу взяти в роботу, портфоліо тутFreelancehunt
Готовий обговорити потреби по функціоналу
-
Hello! I would be happy to work together.
I will gladly take on your project.
My portfolio is in my profile, after viewing which, you won't be able to pass by and not take the opportunity to work with me 😉
Over 4 years of work experience.
Portfolio:Dribbble
Behance
Freelancehunt
Добрий день! Буди радий разом попрацювати.
Із задоволенням візьмусь за ваш проект.
Моє портфоліо у профілі, після перегляду якого, не зможете пройти мимо, і не скористатися можливістю попрацювати зі мною 😉
Досвід роботи понад 4-х років.
Портфоліо:Dribbble
Behance
Freelancehunt
-
Hello Pavlo👋
I read the description and considering my experience in creating websites, I can execute the design in the desired style. What is the theme of your website? Do you already have a vision for the color scheme?
👉 My website works:
• Hotel search and booking website –Behance
• Tourist web service -Behance
• In my work, I take into account all wishes, I make adjustments as needed
… • I create 100% unique designs
• Always in touch
👉 My portfolio:
Freelancehunt
Behance
Dribbble
Write to me – we will discuss the details. I am ready to start immediately
*The price and deadlines mentioned are approximate. For an accurate estimate, please contact me to clarify the project details!
Добрий день Павло👋
Я прочитав опис та враховуючи мій досвід у створенні сайтів, зможу виконати дизайн у бажаному стилі. Яка тематика вашого сайту ? Є вже бачення кольорової гами ?
👉 Мої роботи сайтів:
• Сайт для пошук та бронювання готелів –Behance
• Туристичний веб-сервіс -Behance
• У роботі враховую всі побажання, роблю правки за потреби
… • Роблю 100% унікальний дизайн
• Завжди на зв'язку
👉 Моє портфоліо:
Freelancehunt
Behance
Dribbble
Напишіть мені – обговоримо деталі. Почати готовий відразу
*Ціна і сроки вказана орієнтовна. Для точної оцінки, будь ласка, зв'яжіться зі мною, щоб уточнити деталі проекту!
-
Hello, Pavel!
I am an experienced UI/UX designer with 12 years of experience and have deep knowledge in creating interactive elements. I will solve your task by developing a unique design that highlights the animation of a 3D fish, creating an immersive effect. Parallax scrolling and interaction with the background will add dynamics. I can provide examples of my work on Behance.
Let's discuss the details!
Привет, Павел!
Я – опытный UI/UX-дизайнер с 12-летним стажем и обладаю глубокими знаниями в создании интерактивных элементов. Я решу вашу задачу, разработав уникальный дизайн, который подчеркнет анимацию 3D-рыбы, создавая эффект погружения. Параллакс-скроллинг и взаимодействие с фоном добавят динамики. Могу предоставить примеры работ на Behance.
Давайте обсудим детали!
-
2461 34 0 Hello, Pavel
To demonstrate my skills in practice, not just words, I suggest making a free sketch of the main screen.
Message me privately if you are interested.
I am sure you will like my approach. I take project execution seriously. I justify and argue my vision.
My works:
Behance
…Dribbble
Добрый день, Павел
Чтобы продемонстрировать свои навыки на деле, а не словах, предлагаю сделать бесплатно набросок главного экрана.
Напишите мне в личку, если вам интересно.
Уверен, вам понравится мой подход. К выполнению проектов подхожу ответственно. Свое виденье обосновываю и аргументирую.
Мои работы:
Behance
…Dribbble
-
442 1 0 Hello.
My name is Volodymyr, I specialize in web development and website design for various themes and styles. I have spent a lot of time working in this field and have a good understanding of working with different programs and platforms (Adobe, Figma, WordPress, Shopify...). I am interested in your work.
I would be happy to collaborate further - feel free to reach out!
Привіт.
Мене звати Володимир, я спеціалізуюсь у веб-розробці та дизайні сайтів під різні тематики та стилі. Чимало часу працюю у цій сфері та добре розуміюся у роботі з різними програми та платформами (Adobe, Figma, WordPress, Shopify...). Мене зацікавила Ваша робота.
Буду радий нашій подальшій співпраці - звертайтеся!
-
762 19 2 1 Good day! I might be a bit late on this task, but I am engaged in the development and implementation of all sorts of interesting 3D on websites. So I could provide some suggestions that I know how to implement. However, providing any ready-made templates is unlikely, but I can propose some scenarios.. Here I even have a website with fish and parallax in my portfolio, although unfortunately, it is unfinished: trushka.narod.ru/parallax-webgl. Unfortunately, it is on a Russian server, so you might need to view it through a proxy or VPN.
Well, I am actually offering my services for the implementation of this mess directly in the code)
Доброго часу доби! Я трохи можливо на по цій задачі, але займаюсь розробкою та втіленням усякого цікавого 3D на сайтах. Тож міг би надати якісь пропозиції, які знаю як реалізувати. Правда, надати якісь вже готові макети - навряд чи, але якісь сценарії запропонувати.. Ось у мене є в портфоліо навіть сайт з рибами та паралаксом, правда, на жаль, недороблений: trushka.narod.ru/parallax-webgl. Правда, на рос сервері, так що можливо треба через проксі або впн дивитися.
Ну і власне пропоную свої послуги так по реалізації цього бєзобразія безпосередньо в коді)
-
636 2 0 My name is Yulia, I am a web designer with 2 years of experience in creating attractive and functional websites that combine modern design and usability. I am ready to create a website for you that will exceed your expectations. Contact me for a detailed discussion.
Here is my portfolio:Behance
Мене звати Юлія , я вебдизайнер з 2-х річним досвідом у створенні привабливих та функціональних вебсайтів, що поєднують сучасний дизайн та зручність використання. Готова створити для вас вебсайт, що перевищить ваші очікування. Зв'яжіться зі мною для детального обговорення.
Ось моє портфоліо:Behance
-
886 10 0 Good day, Pavlo!
I will gladly complete your project with high quality and in accordance with all deadlines!
My portfolio:Freelancehunt
Behance
I look forward to collaborating with you, have a great day!
Sincerely, Anna.
Доброго дня, Павло!
Я з радістю виконаю ваш проект якісно та з дотриманням всіх дедлайнів!
Моє портфоліо:Freelancehunt
Behance
Буду рада співпраці з вами, гарного дня!
З повагою, Анна.
-
955 6 0 Good day, please send the technical assignment.
In general, I understand what exactly you want to achieve.
Here are cool examples of animated WOW websites with similar animation:
https://labs.noomoagency.com/
https://oceanverse.humandone.com/
https://next.junni.co.jp/
https://organimo.com/
… Of course, depending on the theme of the site and the 3D model, we need to think through the overall style of the site and the animation.
What I propose to you:
If you already have a visual concept for the fish, then I can work on the design of the site environment in parallel.
If there is no agreed visual for the 3D model yet, we can think through the concept together with the 3D designer, it will be more organic.
🔸Regarding deadlines and costs: to assess the scope of work, I need to familiarize myself with the technical assignment.
⚡Portfolio:
◾ https://julessjoy.kruchinina.design
◾ Creative website for a hostel chain in Colombia: https://www.thedreamer.com/https://www.figma.com/design/c3ffbMlWuHWHOtN4wzIUJN/D
◾ Project, a website generator for packaging design using AI: https://www.figma.com/design/z1cHz2dJLkZpD84YV8oObv/coover?node-id=0-1&t=6zqS4gGXSKyupwb2-1
◾ https://phutureexpo.website.qaserver.de
🔸More projects:
Behance:Behance
Freelancehunt:Freelancehunt
⚡About me:
◾ UX/UI designer with 6 years of experience, particularly with creative projects in various themes. Worked on corporate projects for the markets of Germany and Ukraine.
◾ Jury member of Awwwards.com. I create intuitive and aesthetic web products, focusing on global experience.
Awwwards page: https://www.awwwards.com/jury-member/kruchinina
🔥By collaborating with me, you will receive:
— A comprehensive design project: Ready layouts of all pages of the site that meet modern web design trends and take into account the specifics of your needs.
— Professional support: I will be happy to answer your questions and make necessary adjustments at all stages of the project;
— Quality guarantee: You can count on my professionalism and adherence to agreements.
👍I will gladly take on this creative project. I look forward to discussing the details and offering my ideas, so I hope for your feedback))
Доброго дня, скиньте будь ласка ТЗ.
В цілому мені зрозуміло що саме ви хочете отримати.
Ось клевие приклади анімованих WOWсайтів зі схожею анімацією:
https://labs.noomoagency.com/
https://oceanverse.humandone.com/
https://next.junni.co.jp/
https://organimo.com/
… Звісно в залежності від тематики сайту та від 3D моделі треба продумувати, загальний стиль сайту та анімацію.
Що я вам пропоную:
Якщо ви вже маєте концепт візуалу для риби, тоді я можу паралельно займатись дизайном середовища сайту.
Якщо ще немає узгодженого візуалу для 3D моделі можемо разом з 3D дизайнером продумать концепт разом так буде більш органічно.
🔸Щодо термінів та вартості: для оцінки обсягу роботи мені необхідно ознайомитися з технічним завданням.
⚡Портфолио:
◾ https://julessjoy.kruchinina.design
◾ Креативный сайт для сети хостелов в Колумбии: https://www.thedreamer.com/https://www.figma.com/design/c3ffbMlWuHWHOtN4wzIUJN/D
◾ Проект, сайт генератор дизайну упаковки за допомогою Аі: https://www.figma.com/design/z1cHz2dJLkZpD84YV8oObv/coover?node-id=0-1&t=6zqS4gGXSKyupwb2-1
◾ https://phutureexpo.website.qaserver.de
🔸Більше проектів:
Behance:Behance
Freelancehunt:Freelancehunt
⚡Про мене:
◾ UX/UI дизайнер із 6-річним досвідом роботи, зокрема з креативними проектами у різних тематиках. Працювала корпоративными проектами для ринку Німеччини та України.
◾ Член журі Awwwards.com. Створюю інтуїтивні та естетичні веб-продукти, орієнтуючись на світовий досвід.
Сторінка на Awwwards: https://www.awwwards.com/jury-member/kruchinina
🔥Співпрацюючи зі мною ви отримаєте:
— Комплексний дизайн-проект: Готові макети всіх сторінок сайту, які відповідають сучасним трендам веб-дизайну та враховують специфіку ваших потреб.
— Професійну підтримку: Я буду рада відповідати на ваші запитання та вносити необхідні корективи на всіх етапах проекту;
— Гарантію якості: Можете розраховувати на мій професіоналізм та дотримання домовленостей.
👍З великим задоволенням візьмусь за цей креативний проект. Буду рада обговорити деталі та запропонувати свої ідеї, то ж сподіваюсь на ваш фідбек))
-
321 Hello, I have experience working with 3D elements (I have spent the shortest time working with 3D graphics and I love to use 3D in designs), working with such elements:
Behance
Behance
Portfolio:
Behance
Вітаю, маю досвід роботи з 3-д елементами (самий недовгий час займалася 3-д графікою і люблю використовувати 3-д в дизайнах), роботи з такими елементами:
Behance
Behance
Портфоліо:
Behance
-
501 Hello!
We are an officially registered Web Studio specializing in "turnkey" website development, graphic design, and digital marketing. Our professional services will help you reach new heights in the online space.
We are ready to take orders and execute according to your wishes.
Write to us in private messages — we will provide you with a brief and discuss the project in more detail.
The budget and deadlines are discussed individually.
Have a nice day :)
Вітаю!
Ми — офіційно зареєстрована Веб-Студія, що спеціалізується на розробці сайтів "під ключ", графічному дизайні та цифровому маркетингу. Наші професійні послуги допоможуть Вам досягти нових висот в онлайн-просторі.
Готові взяти замовлення та виконати згідно з Вашими побажаннями.
Напишіть у приватні повідомлення — надамо Вам бриф й обговоримо проєкт більш детально.
Бюджет і строки виконання обговорюються індивідуально.
Гарного дня :)
-
2854 84 0 Hello!
I work in the Figma program
My portfolio
Freelancehunt
Вітаю!
Працюю в программі Figma
Моє портфоліо
Freelancehunt
-
3105 25 0 Good time)
Last works!
https://www.cardanmash.com.ua/
http://floridagardendesigns.com/
https://sugacards.com/
https://advilion.com
http://axiomaplus.com.ua/
… https://maxinstal.ch/
https://brokersrealestate24.com/
http://otpad.com.ua/
https://hotelkolos.com/
http://spectrum.net.ua/
Detailed discussion, advice, preferences, evaluation in personal discussions!
Доброго часу)
Останні роботи!
https://www.cardanmash.com.ua/
http://floridagardendesigns.com/
https://sugacards.com/
https://advilion.com
http://axiomaplus.com.ua/
… https://maxinstal.ch/
https://brokersrealestate24.com/
http://otpad.com.ua/
https://hotelkolos.com/
http://spectrum.net.ua/
Детальне обговорення, поради, уподобання, оцінка в особистих обговореннях!
-
144 Good day, Pavlo!
My name is Vladyslava, I am a web designer with 1+ years of experience, specializing in creating unique website designs using meanings and metaphors that convey mood and interesting ideas.
Your description caught my interest, so I would be happy to discuss the details of our collaboration. Below, I am attaching a link to my portfolio:
Behance
Could you please tell me what the specific theme of your project is?
Is there a brand book or approved colors?
Добрий день, Павло!
Мене звуть Владислава, я веб-дизайнер з 1+ років досвіду, займаюся створенням унікального дизайну сайтів із застосуванням сенсів та метафор, які передають настрій і цікавий задум.
Ваш опис зацікавив мене, тому буду рада обговорити деталі співпраці, нижче прикріплюю посилання на портфоліо:
Behance
Підкажіть, будь ласка, яка конкретно у вас тематика проєкту?
Чи є брендбук або затверджені кольори?
-
606 10 0 Here is a clear and convincing response option:
Subject of the email: Landing page design with 3D interactivity – ready to collaborate
Email text:
Good day!
Your project with 3D aesthetics and an animated fish character sounds extremely interesting and creative.
…
What I propose:
UX/UI Design: I will develop a logical structure and intuitive interface that emphasizes the user's "immersion" effect.
Interactivity: I will outline concepts for interactive elements, parallax scrolling, and the interaction of the 3D fish with the background for maximum dynamics and depth effect.
Unique style: The landing page will not only be aesthetic but will also meet the premium level of the studio.
Examples of work:
(Here add links to your portfolio or works similar in complexity/style).
Cost:
The approximate cost of developing a landing page design for 4-5 screens in this style is [your price, for example, $350]. The exact amount depends on the details of the terms of reference.
Deadline:
The design will be ready within 7-10 working days after the concept is approved.
Ready to start the discussion:
I would be happy to review the detailed terms of reference in private messages. Let's discuss all the nuances soon!
Ось варіант чіткої та переконливої відповіді:
Тема листа: Дизайн лендингу з 3D інтерактивом – готовий до співпраці
Текст листа:
Доброго дня!
Ваш проєкт із 3D-естетикою та анімованим персонажем-рибою звучить надзвичайно цікаво та креативно.
…
Що пропоную:
Дизайн UX/UI: Розроблю логічну структуру та інтуїтивний інтерфейс, що підкреслить ефект "занурення" користувача.
Інтерактивність: Пропишу концепти інтерактивних елементів, паралакс-скролінгу та взаємодії 3D-риби з бекграундом для максимальної динаміки й ефекту глибини.
Унікальний стиль: Лендинг буде не лише естетичним, але й відповідатиме преміум-рівню студії.
Приклади робіт:
(Тут додайте посилання на ваше портфоліо або роботи, схожі за складністю/стилем).
Вартість:
Приблизна вартість розробки дизайну лендингу на 4-5 екранів у такому стилі становить [ваша ціна, наприклад 350$]. Точна сума залежить від деталей ТЗ.
Терміни виконання:
Дизайн буде готовий протягом 7-10 робочих днів після затвердження концепції.
Готовий розпочати обговорення:
Буду радий переглянути детальне ТЗ у приватних повідомленнях. Давайте обговоримо всі нюанси найближчим часом!
-
412 Commercial Proposal
Project Title: Development of a Unique Interactive 3D Website with an Animated Fish Character
Task Description:
The goal of the project is to create an interactive landing page (4-5 screens) with a unique underwater aesthetic. The central element will be a 3D animated fish that will provide interactivity and immerse the user in the atmosphere of the site.
Work Results:
… - Landing page design: 4-5 interactive screens with visual appeal.
- 3D animated fish: Fully interactive and adaptive character.
- Underwater world effects: Dynamic transitions and depth simulation.
- Performance optimization: Fast website loading and compatibility with various devices.
Project Cost:
- UI/UX Design: Development of layouts for 4-5 screens with underwater aesthetics — $400.
- 3D Animation: Creation of the fish character and its animations — $700.
- Web Development: Creation of a responsive website with interactive elements — $500.
- Interactive Features: Adding animations and interactions — $400.
- Performance Optimization: Improving loading speed and website performance — $300.
- Testing and QA: Comprehensive testing to ensure proper functionality — $200.
Collaboration Terms:
Payment Schedule:
40% upfront payment to start the project.
40% after the completion of 3D animations and their integration.
20% after final delivery and approval.
Revisions: Up to two rounds of revisions included in the cost. Additional revisions — $50/hour.
Timeline: Project completion — 3 weeks from the start date.
I would be happy to implement your project and create a unique website that provides an impressive user experience. Ready to discuss the details!
Best regards,
Anastasia
UX/UI Designer
Комерційна пропозиція
Назва проєкту: Розробка унікального інтерактивного 3D-сайту з анімованим персонажем-рибкою
Опис завдання:
Метою проєкту є створення інтерактивної лендінг-сторінки (4-5 екранів) з унікальною підводною естетикою. Центральним елементом стане 3D-анімована рибка, яка забезпечуватиме інтерактивність та занурення користувача в атмосферу сайту.
Результати роботи:
… -Дизайн лендінг-сторінки: 4-5 інтерактивних екранів із візуальною привабливістю.
-3D-анімована рибка: Повністю інтерактивний і адаптивний персонаж.
-Ефекти підводного світу: Динамічні переходи та симуляція глибини.
-Оптимізація продуктивності: Швидке завантаження сайту та сумісність із різними пристроями.
Вартість проєкту:
-Дизайн UI/UX: Розробка макетів 4-5 екранів з підводною естетикою — $400.
-3D-анімація: Створення персонажа рибки та її анімацій — $700.
-Веброзробка: Створення адаптивного сайту з інтерактивними елементами — $500.
-Інтерактивні функції: Додавання анімацій і взаємодій — $400.
-Оптимізація продуктивності: Покращення швидкості завантаження та роботи сайту — $300.
-Тестування та QA: Комплексне тестування для забезпечення коректної роботи — $200.
Умови співпраці:
Графік оплат:
40% передоплата для старту проєкту.
40% після завершення 3D-анімацій та їх інтеграції.
20% після фінальної здачі та затвердження.
Правки: До двох раундів правок включено у вартість. Додаткові правки — $50/год.
Терміни: Виконання проєкту — 3 тижні з моменту початку.
Буду рада реалізувати ваш проєкт і створити унікальний сайт, який забезпечить вражаючий користувацький досвід. Готова до обговорення деталей!
З повагою,
Анастасія
UX/UI-дизайнер