Many disciplines.One signature.
I’m Tavana, a creative developer and multidisciplinary designer working across image, motion, code and artificial intelligence.
tavana.
STUDY N° 07 · DISPERSION
I’m Tavana, a creative developer and multidisciplinary designer working across image, motion, code and artificial intelligence.
I’m Tavana, a creative developer and multidisciplinary designer. I connect visual identity, interactive experiences and motion with machine learning, data science and automation.
Explore the identity archiveFrom the way
it looks.
To the way
it works.
A strong website needs to communicate clearly and behave well on the devices people use. I bring interface design and frontend development into one process, considering content, layout, motion and implementation together.
I use React, Next.js and JavaScript to build responsive interfaces from a clear visual direction and content structure. I plan reusable components around the needs of the page, then refine navigation, responsive states and interaction in the browser. When 3D adds meaning, I use Three.js and WebGL with attention to loading and rendering cost. Keyboard use, reduced-motion preferences and small-screen layouts are considered during implementation.
Depending on the brief, the work may be a campaign landing page, a custom product interface or an interactive brand site. The goal is a coherent experience where visual choices support the information and action on each screen. Scope can include design, implementation and a final pass for responsive behavior, accessibility basics and performance bottlenecks.
React / Next.js / JavaScript / Three.js / WebGL / Figma
Explore creative web developmentA logo is one part of a brand identity. I develop the relationships between the mark, typography, colour and supporting graphics so the visual language can stay recognizable across different sizes and formats.
I begin by clarifying the audience, context and intended character of the identity, then gather references and explore directions through sketches and vector studies. Promising options are tested at small sizes and in realistic applications, where spacing, contrast and legibility become clear. The system can then extend into digital layouts, campaign graphics or motion, with practical guidance for using its core elements consistently.
The scope can range from a logo and a small set of usage rules to a broader visual identity with supporting graphics and digital applications. The aim is to give future design work a clear visual foundation, while leaving enough flexibility for different content and channels. The work shown in the site archive includes identity projects and visual explorations.
Illustrator / Photoshop / Figma / Art direction
Explore brand identity designMotion can guide attention, establish a sense of pace and make a visual idea easier to follow. I work with timing, composition, sound and transitions to shape a sequence for film, an animated identity or an interactive screen.
I start with the message, source material and final viewing format, then develop a visual treatment and sequence that fit the brief. Editing, compositing and animation can be combined with photography, video and 3D elements where they help the story. I use After Effects, Premiere Pro and DaVinci Resolve for motion and post-production, and Blender for 3D work. Pacing, aspect ratio, legibility and delivery requirements are considered as the piece takes shape.
A project may produce a logo animation, a short edited film, social video or motion assets for a website or product. The result is planned for its intended context, including duration, crop and how much visual detail can be understood at a glance. Where needed, delivery can include versions adapted to more than one format.
After Effects / Premiere Pro / DaVinci Resolve / Blender / Photography
Explore motion design & visual storytellingUseful analysis starts with a question that can be investigated using the available data. My work and technical interests in data science and machine learning include examining datasets, preparing inputs and understanding what a model's results can and cannot show.
I use Python and SQL to inspect, clean and organize data before choosing an analysis or modeling approach. For machine learning experiments, PyTorch supports model development, while comparison and evaluation help reveal where performance changes across the data. I pay attention to missing values, assumptions and the limits of the sample so conclusions remain tied to the evidence. When a chart or written explanation is the clearest result, the work does not need a model.
The output depends on the question: it could be an exploratory analysis, a prepared dataset, a model experiment or an explanation of findings and limitations. This discipline can also connect with software and automation work, such as making analysis repeatable or exposing a useful result through an interface. The method is chosen to suit the data and decision at hand.
Python / PyTorch / SQL / SQLite / MATLAB
Explore machine learning & data scienceThe best automation begins with a recurring task that is clear enough to improve. I map the inputs, steps and handoffs, then identify which parts can be made repeatable while keeping human review where judgment is still needed.
I build scripts, bots and API integrations with Python and JavaScript, choosing a structure that fits how the task is triggered and used. For image and content processes, I also work with local AI tools and ComfyUI. A dependable workflow needs more than a successful example: it should account for missing or unexpected inputs, report failures clearly and make outputs easy to find and check.
Automation can support file preparation, content processing, data handling or connections between existing tools. Depending on the task, the result may be a small script, a bot, an API-based integration or a multi-step AI workflow. The aim is to reduce avoidable manual steps and make the process easier to repeat and maintain, with review points for outputs that need human judgment.
Python / JavaScript / ComfyUI / Local AI / APIs
Explore ai workflows & python automationSecurity work starts by understanding what a system exposes, which components it trusts and how those assumptions behave in practice. Knowledge of web security and networking also informs how I inspect and build digital experiences.
Within an agreed scope, I use browser developer tools, Linux, Wireshark and OWASP concepts to examine application behavior and network traffic. I look for observable issues in how data is handled, requests are made and components communicate, then document steps that make a finding reproducible. This is practical inspection and analysis; conclusions stay within the evidence available and the boundaries of the review.
A focused review can clarify how a web application behaves, surface areas that may need further attention and provide developers with concrete steps to investigate or address them. Network analysis can help explain communication between components and troubleshoot unexpected behavior. Findings are most useful when they state the conditions, evidence and limitations clearly.
OWASP / Linux / Wireshark / Browser DevTools / Networking
Explore web security & network systems43 identities from my design archive. Symbols, wordmarks and visual explorations, brought into one field.