Stand out with my animations
Stand out with my animations
Web developer specializing in responsive and modern websites
- 1x
- Hired
- 5.0
- Rating
- 20
- Followers
Web developer specializing in responsive and modern websites
Planova — personal planning dashboard concept.
Right now I'm working on my original project Planova, which is a year-planning and productivity web app designed to help users organize their goals, habits, finances, notes, calendar, and daily priorities in one calm workspace.
I focused on creating a soft, modern dashboard experience with a clear sidebar navigation, card-based layouts, progress tracking, goal categories, habit streaks, budget overview, monthly planning, notes, templates, and quick jump-in sections.
The goal was to make planning feel less overwhelming and more visual, organized, and easy to return to every day.
Key features:
Annual, monthly, and daily planning views
Goal tracking with progress cards
Habit tracker and habit streaks
Finance and budget overview
Notes and calendar sections
Templates for faster planning
Soft gradient interface with clean dashboard cards
Simple navigation and polished web app UI
Designed by Amirsina Mirheydari.
3
205
A financial-services landing page built to make numbers feel trustworthy — clean data visuals, a live runway calculator, and zero clutter.
3
166
A polished Shopify & DTC e-commerce design concept for brands that want their online store to feel less “just another website” and more “I need to shop here.”
Built around premium visuals, smooth UX, product storytelling, mobile-friendly layouts, and conversion-focused sections that help turn casual visitors into confident buyers.😊
3
210
Web designer & developer · Shopify, Webflow, custom code
- 5.0
- Rating
- 13
- Followers
Web designer & developer · Shopify, Webflow, custom code
A bespoke website built entirely from scratch in code — no templates,
no page builders — for a wellness consultant specializing in doTERRA
essential oils. The goal was to turn her one-to-one consulting and
signature detox program into a calm, trustworthy online presence that
guides visitors toward booking.
I handled the whole project end to end: UI/UX design and front-end
development, hand-coded in HTML, CSS and JavaScript. Building every
section by hand kept the site light, fast and pixel-perfect across
devices. The design leans into a warm, natural aesthetic that mirrors
the brand's wellness identity, with clear calls to action around her
detox program and consultations.
The result is a fast, fully custom site — unique to her brand, with none
of the bloat of off-the-shelf themes — that helps her stand out, build
trust and turn visitors into clients.
4
6
337
Next Web Terni — my web design & development studio. This site is fully custom-coded from scratch, no templates or page builders: hand-built with HTML, CSS and JavaScript, including the animated hero and interactions, with a focus on speed, clean design and a premium feel.
1
3
312
I designed and developed a modern business website focused on clarity, performance, and conversions. The goal was to create a clean, professional online presence that communicates trust and quality. I handled the full process: UI/UX design, responsive layout, and development. The website was built to be fast, easy to navigate, and optimized for mobile devices. The result is a modern, premium-looking website that helps the business stand out online.
1
4
398
Motion designer for SaaS & brands · Logo reveals and launch
Director's Monitor is my entry for the Video.js Skins Design Challenge: a Video.js v10 skin that turns the player into the on-set field monitor a director judges a take on.
The picture always wins. Controls sit on small opaque OSD plates instead of full-width gradients, so the frame stays clean and every label stays readable over overexposed whites, night blacks and colour bars. The details come straight from the camera: a REC / STBY / END tally, SMPTE timecode that counts every frame, crop marks, 2.39:1 frame guides on the G key, an edit-ruler timeline with chapters, a segmented audio meter for volume, and a NO SIGNAL error state over bars.
One colour rule keeps it calm: amber means on, and red is reserved for REC and mute. Every control works from the keyboard with a visible focus ring, touch targets grow to 44 px on phones, and motion stops under reduced motion.
The demo film, "Take 1", was made for the skin and is hosted on Mux. It alternates bright and dark scenes to prove the OSD holds up, with captions, chapters and a 24 fps cut the timecode counts frame for frame.
Live: https://directors-monitor.vercel.app
(https://directors-monitor.vercel.app)Mux playback ID: 01W93wbTkYDNrO4bcZz01e3kl00FB01okOmc4p02NosFfpmg
Design and build: Jander Hoffmann · Method: AION Creative Studio OS
5
3
1.1K
AION — Logo Reveal & Animated End Card
A 5-second logo reveal derived from the studio's showreel, reusable as an end card on any video.
Challenge: it had to work on a solid background and over other footage, in horizontal and vertical formats, without redrawing the official logo.
Solution: the animation is built from the logo's real vector outlines. An ultramarine beam locks onto the crossbar of the "A", the letter grows out of it, and the beam writes the rest of the wordmark. Delivered in 16:9 and 9:16, on solid colour and with transparency (ProRes 4444, WebM alpha and PNG sequence), with and without a services line, plus original sound design.
Credits
Motion design & direction: Jander Hoffmann
Studio: AION Creative Studio
Method: AION Creative Studio OS
4
7
761
I find the voice healers don't know they have.
UX/UI Design Expert Specialized in SaaS Products and Shopify
UX/UI Design Expert Specialized in SaaS Products and Shopify
iOS & full stack developer · Apps, MVPs, AI automations
iOS & full stack developer · Apps, MVPs, AI automations
Web Developer & Designer | Next.js | React | Django 👨🏻💻
Web Developer & Designer | Next.js | React | Django 👨🏻💻
View more →