Tap: Wearable AI Device | Branding + Website

Mykyta Volynets

0

Figma

Framer

Spline

Overview:

Current website: heytap.tech
One of my favourite projects, created a clean style with 3D elements, which was hard to forget and people loved it
The way we presented ourselves allowed us to go viral, gaining >1.7 Mil views on X/Twitter
Helped us attract attention from VCs

🖥️ Start: Tap Website Demo + Initial Branding Style

This demo includes some advanced functionality for ordering a product, but this is an old preview that for some reason has an extra gap on top: https://lower-tournaments-095248-08082ab74.framer.app/#tap2-overview
The initial website version was made very quickly and finalised within a week (including material preparation, 3D models and animation) and i consider it to be one of my favourite projects. I combined several tools which allowed me to create the idea really quick and made people fall in love with how the product was presented. I think this style is a big part of what allowed Tap to go viral and attract VC attention

💠3D Model

Used Spline for quickly creating a nice looking 3D model that can be easily embeded to webistes and animated on videos
Created an elegant feel for the website while being really quick to make
Added the 3D model embed an some looping video animations

Later versions

This was one of the latest versions before recent updates: https://lower-tournaments-095248-926c95563.framer.app/
Follow along Tap: and its development: https://heytap.tech/

📹 Ads

Pre-Launch draft

Idea

💡Tap lighting up the room when turned on to present change and effect of using the product, as well as to draw attention
🎹Usage of a classic well known song allows for avoidance of copyright issues, as the song exceeds the copyright age limit and also brings great recognition
⌚ Simple animation allowed for the video to be created in a very short amount of time
Was finalised fully in almost just a single evening

Launch Draft

Idea of using short recognisable clips from movies that create attention and a sense of familiarity without exceeding the limit of length that causes copyright, so the clips can be used in an ad for free
Uses an idea of revolutionising ‘Taping’, essentially a play of words with the name
Transition using the MIB scene of erasng memory to show change brought by Tap

Tap into life ad

Watch on YouTube
Shaking camera kept to imitate feel of being ‘on the go’, representing the environment when using Tap
Overlays to show basic functionality
Calm overlay and music for a professional feel
Transition and overlays with the 3D model

Achievements

Tap going viral on twitter, reaching over 1.7 Million views
Some of my tweets getting some attention
Over 180 Active Discord member community
Over 400 people actively waiting for Tap on ProductHunt

Guerilla Marketing success

April Fools joke on ProductHunt almost reaching the top of the list
A product joking about useless overpriced products
Featuring a link to Tap in the end
Over 2,500 visitors in a single day
Brought attention to the main product and brought some great laughs👌
Like this project
0

Posted Nov 28, 2024

Branding + Web: unique style with 3D elements which people loved. Our style helped us organically attract attention, go viral on X and attract VC attention.

Likes

0

Views

1

Tags

Figma

Framer

Spline

Hole Systems: Personalised AI Companion
Hole Systems: Personalised AI Companion
Biteme: Innovative Calorie Tracking App
Biteme: Innovative Calorie Tracking App