Web Animation and Design by Long Dang

Web Animation and Design by Long DangWeb Animation and Design by Long Dang

Web Animation and Design

Long Dang

Starting at

100

About this service

Summary

Overview:

My web animation and design service is all about creating visually striking and user-friendly websites. I focus on using cool animations to make your website stand out and provide a seamless experience. Whether you're launching a new site or updating an existing one, we're here to bring your vision to life.

Key Features:

Creative Design: We design custom website layouts that match your brand and look great. We pay attention to fonts, colors, and pictures to make sure your site is attractive and consistent with your brand using Adobe Creative Software such as Adobe Illustrator, Photoshop.

Animations: I add animation to your site, including animated shapes, icons, and interactive effects, to make your site more engaging and unique. Some JavaScript Libraries that I used: GSAP 3, SmoothScroll, Asscroll,

Image Effects: I make your images pop with effects like fades, zooms, and interactive tricks when users interact with them.

Hover Effects: When users hover over images, they'll see smooth transitions that add a nice touch to your site.

Page Transitions: I use a tool called Barba.js to create smooth transitions between different pages on your site, making it look and feel polished.

Mobile-Friendly Design: Your site will work well on all devices, from desktops to smartphones.

Deliverables:

I provide you with design mockups, interactive examples, animations, and the code for your website. You'll also get guidelines on how to use and update your site.

Deliverables

Website Design Mockups:

You'll provide visual representations of the website's design, often in the form of static images or interactive prototypes, showcasing the layout, color schemes, typography, and overall aesthetics.

HTML/CSS

If you're responsible for coding, the client will receive HTML and CSS files for web development, which implement the approved design and animations.

Graphics and Images

Any graphics, images, icons, or illustrations used in the design, including both the source files (e.g., Photoshop or Illustrator files) and optimized web-ready versions.

Animation Files

If your service includes web animations, you'll provide the animation files, which can be in various formats depending on the technology used (e.g., GIF, CSS animations, JavaScript animations).

What's included

Website Design Mockups:
You'll provide visual representations of the website's design, often in the form of static images or interactive prototypes, showcasing the layout, color schemes, typography, and overall aesthetics.
HTML/CSS
If you're responsible for coding, the client will receive HTML and CSS files for web development, which implement the approved design and animations.
Graphics and Images
Any graphics, images, icons, or illustrations used in the design, including both the source files (e.g., Photoshop or Illustrator files) and optimized web-ready versions.
Animation Files
If your service includes web animations, you'll provide the animation files, which can be in various formats depending on the technology used (e.g., GIF, CSS animations, JavaScript animations).

Example projects

Litterati Mobile App

MIA642-A new world.

Duration

2 weeks

Skills and tools

Illustrator

2D Animator

UI Designer

Adobe Illustrator

Adobe Photoshop

Blender

JavaScript

Visual Studio Code

More services

Typographic Print Design / Poster Design

Example projects

Contact for pricing

Web Animation and Design

Long Dang

Starting at

100

About this service

Summary

Overview:

Key Features:

Image Effects: I make your images pop with effects like fades, zooms, and interactive tricks when users interact with them.

Hover Effects: When users hover over images, they'll see smooth transitions that add a nice touch to your site.

Page Transitions: I use a tool called Barba.js to create smooth transitions between different pages on your site, making it look and feel polished.

Mobile-Friendly Design: Your site will work well on all devices, from desktops to smartphones.

Deliverables:

I provide you with design mockups, interactive examples, animations, and the code for your website. You'll also get guidelines on how to use and update your site.

Deliverables

Website Design Mockups:

You'll provide visual representations of the website's design, often in the form of static images or interactive prototypes, showcasing the layout, color schemes, typography, and overall aesthetics.

HTML/CSS

If you're responsible for coding, the client will receive HTML and CSS files for web development, which implement the approved design and animations.

Graphics and Images

Any graphics, images, icons, or illustrations used in the design, including both the source files (e.g., Photoshop or Illustrator files) and optimized web-ready versions.

Animation Files

If your service includes web animations, you'll provide the animation files, which can be in various formats depending on the technology used (e.g., GIF, CSS animations, JavaScript animations).

What's included

Website Design Mockups:
You'll provide visual representations of the website's design, often in the form of static images or interactive prototypes, showcasing the layout, color schemes, typography, and overall aesthetics.
HTML/CSS
If you're responsible for coding, the client will receive HTML and CSS files for web development, which implement the approved design and animations.
Graphics and Images
Any graphics, images, icons, or illustrations used in the design, including both the source files (e.g., Photoshop or Illustrator files) and optimized web-ready versions.
Animation Files
If your service includes web animations, you'll provide the animation files, which can be in various formats depending on the technology used (e.g., GIF, CSS animations, JavaScript animations).

Example projects

Litterati Mobile App

MIA642-A new world.

Duration

2 weeks

Skills and tools

Illustrator

2D Animator

UI Designer

Adobe Illustrator

Adobe Photoshop

Blender

JavaScript

Visual Studio Code

More services

Typographic Print Design / Poster Design

Example projects

Contact for pricing