We wanted to have a video intro for the recording of the talks, but I got a bit carried away and animated the letters in Cavalry to sync with the music, which I had commissioned in the first place (Rebekah did a great job).

This time we wanted to show something eye-catchy and offer new CTA buttons to click.
Warp speed effect is done purely with css, no JS at all, only later I learned that Nova page has a much cooler implementation of that.

This time, we wanted to show something eye-catching and offer new CTA buttons to click. The warp speed effect was done purely with CSS – no JavaScript at all. Later, I learned that the Nova page had a much cooler implementation of it (hover the main CTA there).

At Antithesis, we decided to organize a conference with just 4 months to prepare after locking the venue – enough time to get everything ready for 200 attendees. Given the tight timeline, I opted to build the website without bundlers, using just a single HTML/CSS page with no JavaScript required (except optionally for the petals effect).

This was an interesting challenge and an example of where Figma has its limits. There were many design iterations for the sidebars of the web app, and here is a video showcasing the somewhat finalized prototype before Zulip entered the implementation phase.

We were coming out of stealth, so it was a big deal to showcase something cool and attention-worthy about our nerdy testing platform. We even hit #1 on Hacker News for a day!

Since we were iterating a lot on the general slides, creating a video wasn’t an option. Instead, I coded the entire animation with GSAP. The best part was that it was responsive, switching between horizontal for desktop and vertical for mobile.

I hope the Wayback Machine stores it for a long time (including running away button joke), but anyway, here’s the recording:

Antithesis was my main job, the most challenging thing I developed was the virtually scrollable component to print arbitrary sequences of data with unknown height in cells of our reactive notebook. It would be great to use react-window but our requirements and goals behind such component forced me to create everything from scratch. Unfortunately I can't share more at this point. I hope in 2024 I could show more of my work at Antithesis as product designer/developer/manager.

For Zulip I did:

• Designing the first version of the new mobile app, which I plan to refine and enhance in 2024.
• Developing various design proposals and interactive prototypes for integration into the web app, including the compose box, sidebars, banners, menus, and the image viewer.
• UX/UI design of smaller features which were integrated in Zulip release
• Couple of marketing pages, examples of which are showcased here.

Zulip sought to revamp their homepage, prompting me to create an innovative design. As a self-imposed challenge, I successfully achieved 99% functionality without relying on JavaScript. The design includes automatic toggling between light and dark themes, responsiveness, and image optimization features that auto-detect the appropriate resolution and format for images.

After making the first version I realized it had significant shortcomings and areas of inconvenience. Therefore, before embarking on the development of version 2, I decided to seek input from the Data Visualization DC audience.

A playful walk cycle challenge brought to you by @animadetv.
It’s for everyone — no animation experience necessary!

The new website, a single page rich with crucial links and an engaging explainer video. The scripting and management of the explainer were handled by me, while Rocket Panda studio expertly executed the animation and illustration work (I prepared a good portion of mocks and diagrams for those key frames). Later the video would be updated to use anew logo 😉

helped friends with online game creation, contributing to branding, story, concept art, the marketing website, and game UI for both desktop and mobile platforms. Later, the game development team pivoted to a different style and set of goals than originally envisioned.

As a product designer, I am contributing to the enhancement of both web and mobile applications, as well as the marketing website for an open-source team chat product.

Here is 1h 30m meetup recording https://www.youtube.com/watch?v=rXPgVTQTETA where I give an intro to Observable and the great Amelia Wattenberger gives an intro to D3, which I use a lot 🤓

About 300 participants (139 teams) produced awesome results remotely.

Goal-oriented planner Timestripe became #4 Product of the Week
in December 2020. Later I helped with some features of Timestripe Community including notes taking section which is based on Quill but heavily customized.

Product design, data visualization and front-end development for the next generation of AI-driven QA software that will revolutionize the way software testing is performed.

Blueprint is a React-based UI toolkit for the web. But there were no components in Blueprint's .sketch file. Sketch allow reusing elements easily (place, resize, and change properties). So I "symbolized" (made reusable components) of all elements inside this great library for designers and developers.
I wrote a little article on how to do 2 icons button component in Sketch.

After 12 months of design and product management event organization, I wanted to see something practical and fun. That is why I organized the Design Hackathon with the help of amazing partners (Optoro, Adobe, InVision, Sketch, Icons8, Sympli, Tilda Publishing, UXPressia, and others), judges and participants. 49 teams (200 registered participants) submitted their design solutions for 14 challenges. Here are the results.

• Manage analytics implementations across desktop, mobile app platforms (iOS and Android), and internal projects across the organization.
• Define the vision for digital analytics reporting to support KPIs across the organization.
• Work with partners to Implement and validate new tagging requirements and fixes.
• Audit and define testing activities to ensure accurate and efficient data collection.
• Maintain data quality and ensure best in class analytics within reporting.
• Constantly assess customer needs, technology trends, and major competitors.

Tech stack:
Azure, MSSQL, PostgreSQL, KQL (Kusto Query Language), Klipfolio, Google Analytics, Mixpanel, Google Data Studio.

Asana is a simple and powerful task management app. Unfortunately, there was no easy way to calculate tasks and points in Asana across columns in the board or even in a list view. To fix this viewing issue, I made a plugin and wrote an article with instructions about it. The source code is open, so if you want to submit/fix a bug or improve the plugin, feel free to do it in GitHub.

Clay design agency decided to share part of their design process to help agencies and design teams all over the world create useful interfaces and applications.

A conference around UX topics for about 100 people. I recruited speakers, found sponsor and promoted the conference. I also brought food, drinks and recorded videos ☺️.

Responsibilities:

• Collaborate with developers / other project managers to ensure successful delivery for our clients.
• Participate in all phases of the SDLC: from requirements analysis through design, implementation, debugging, and testing.
• Client relationship management.
• Project reporting and summaries for management.

Qualifications/Background Profile:

• Ideal candidates will have a background in design, UI/UX, or big data.
• Experience with managing web and/or mobile projects using an Agile methodology such as Scrum or XP.
• VERY strong written and verbal communication skills.
• Experience eliciting and documenting system requirements and test plans.
• A healthy sense of humor.
• Plenty of attention to detail.

Tech stack:
AWS, Python, PostgreSQL, GraphQL, React, Vue, Tableau, Domo, Google Data Studio

After some time spent on promotion and marketing, I wrote a summary of my experience. Unfortunately, we were unable to allocate resources to upgrade the game to meet the latest iOS/Android requirements. Additionally, the developers struggled to port it to desktop, as the Haxe sound generation and rendering proved difficult to transfer.

A lot of my work is 💻digital, but 📝paper gives freedom to 🧠think. Also paper is flexible, cheap, portable, any-size screen. I think it's time to have paper and ✓ to-do lists be 🔗synced.

Check out what is possible to create with this app in the Instagram

A user buys or downloads a set of stickers, emoji and GIF-images on different topics for free and uses them for online communication.

People of Indonesia require skilled local workers for technical housework ranging from renovations to satellite dish installation, and workers need to find customers.

The concept of a mobile travel guide for any state or region. You can check-in and earn points near the sights. With the function of augmented reality the user "creates" virtual "sights" and participates in the quests. Photos and 3D objects found in quests can be shared in social networks. Live Typing came up with a design, a monetization method, marketing and developed the interactive prototype.

CRM Pipedrive controls the chain of actions that are initiated by the auto-respond of an agent. Before ticket booking purchase department has all necessary passenger info and a paid invoice. Invoices processes automatically and controlled from the special panel of an agent. The passenger's info form sent with a triggered event from deal status change. For each deal, there are profits and costs calculations including agents commissions. Synchronization with the accounting system is configured.

The main requirements were multiple language support, responsiveness, a convenient management system, a flexible curriculum filter and integration of a payment system that permitted transferring money to other companies.

You can take a look at the new face of Live Typing on their website.
Rebranding is never easy, especially with internal resources.

In 2014, Flash started to give way to other web development standards, which is why the founder asked us to create HTML5 application so clients could work with it in modern browsers on their desktops and tablets. Enterprise technology is easier to sell with modern UI that works everywhere.

The project aims to provide people with disabilities with information on the available facilities of nearby urban infrastructure. "Accessibility Map" is unique since it is the first map of the available locations that is based on data received from the residents of Russian cities.

With the help of a kiosk multi-touch table stand, the user creates a design out of a wide selection of prints, stickers, labels and their own images to be heat-printed on T-shirts and phone cases.

The app for easy retrieval of places, sales, events. Augmented reality helps navigate through the city. Reviews and ratings shows the best places.

I wanted to create something more interesting than regular water tracker app. The competition was high so we came up with visually interesting liquid tracker app with gamification inside. You could pick from 5 virtual coaches which motivated and educated user.

This useful app helps to do laundry the right way. Scan tags on your clothes with your smartphone camera and get the right washing machine program, with 600 programs for Indesit or Hotpoint-Ariston machines. We made an app for iOS and Android.

Official Android app of publishing house «Kommersant»: business and political news, reports, analytical articles, materials of all editions in one app, ability to listen to the radio, buy and download latest and old issues of the magazines

Android app for wireless Breathalyzer Lapka (not Bluetooth but sound). It decodes the signal and explains the results by changing the font size, intonation and the meaning of the messages depending on the percentage of alcohol in the blood.

The app gives you easy, comfortable and unlimited access to the picture library of the runway shows, back-stages, and front-row faces. Complete fashion collections archive of the previous seasons. Bookmarks and offline mode.

The App measured time and money spent on different tasks.

Live Graffiti is a unique application for drawing which remembers the process of your art creation and then performs it as a cartoon. Send live graffiti to a friend, and he will watch you draw from the first stroke to the last.

Agency of web, social and mobile apps creation. I co-founded it with Eugene (CMO) and Alexandr (CEO). Take a look at the portfolio of projects, many of which I produced / directed. In general my responsibility was leading design & development and everything related 😄

I designed interface, did front-end development and managed advertising campaigns for big brands like 3M, Puma, Samsung, AVON, ViewSonic, Wacom

Flex & Mate frameworks, dynamic app branding, float layout, batch operations including renaming.

Multiple objects could be selected and modified (such options as transformation, rotation, resizing, alignment). The objects could snap to each other and the website center or edges within the control panel.

A real time visualization app for Sony to monitor the pulse of their global digital product supply chain. The Pulse app was placed on a big TV in Sony Music office.

I was working through Odesk (Upwork).

After taking photography classes and shooting photos of friends for some time, I started shooting weddings and retouching photos in Adobe Lightroom and Photoshop.

I learned a lot about life in the USA while moving between various houses in Pennsylvania and New York.

Unfortunately, I don't have the cartoon rendered. What I do remember is that it was the best among my peers. It was a summer camp with access to computers, where we were taught programming in C (which I didn’t enjoy much at the time) and 3D modeling in Blender (which I absolutely loved).

While the other kids in class created what was asked – 'Make a 3D scene and fly through it with a camera' – I used multiple cameras and incorporated slow motion. After watching The Matrix and playing Max Payne, I thought slow motion was the coolest effect I could pull off. My animation was about a snowboarder, even though I had never snowboarded at that time.

We didn't do anything illegal. I mostly drew graffiti in my notepad. Spray paint was quite expensive. I remember we did this in October, and it was a bit cold, so my fingers were freezing, and the spraying wasn't very good.
On the photo is my friend Vova (I'm taking the photo).

Downloading cool websites from FWA (like Nike Freestyle) using a dial-up modem, so I can enjoy them anytime I want...

Watching everything that artlebedev studio creates and writes.