Publication
Web Animation in the Post-Flash Era
https://www.toptal.com/designers/web/animating-the-web-in-the-post-flash-era
Ana is available for hire
Hire AnaAna Gregurec
Verified Expert in Design
Designer
Varaždin, Croatia
Toptal member since January 27, 2015
Bio
Ana is a professional graphic designer with a master's degree in graphic arts and more than 10 years of experience. She has been active with all kinds of new media. Lately, her major focus has been on UX design and motion graphics. She is not an expert in front-end development. Still, she has a good understanding of how it works and is able to keep it in mind when designing and communicating effectively with developers.
Experience
- Graphic Design - 15 years
- Interactive Media Design - 11 years
- UX Design - 11 years
- Wireframing - 9 years
- Interactive Prototypes - 9 years
- Animation - 7 years
- UI Design - 1 year
Portfolio
Queue App Design
Mobile App DesignWireframingAnimated InteractionsTouch InteractionsMobile PrototypesPrototyping+ 19 more
Work Experience
Graphic Designer | Visual Merchandiser
2024 - 2025
Froddo
- Designed promotional materials (posters, banners, Google Ads, social media posts, newsletters, stickers, infographics, catalogs, etc.).
- Developed and designed supporting graphic content to promote the company and its brands.
- Created strategies for and executed video shooting and editing, as well as photography for social media content.
- Designed visual communication within retail stores and created window display plans, ensuring brand consistency and visual standards.
- Handled administrative tasks, including communication with staff, partners, and print houses; procurement of decoration materials; and workflow planning and tracking.
- Collaborated with the product development team and created 3D models in Blender according to specifications for new product development.
Technologies: Adobe, Blender, Microsoft 365, Google Drive, Brochure Design, Graphics, Print Marketing Design, Marketing Materials, Social Media, Photoshop CC, Product Demonstrations, Video Animation, 2D Motion Graphics, CorelDRAW, Signage Design, Google Slides, Thumbnail Images, Data Visualization, Social Media Design, Infographics, Ads, Marketing Design, Motion Design, After Effects CC, Reels, Brand Guidelines, Social Media Posting, Social Media Covers, Brand Books, Brand Voice, Sportswear Design, Photography, Color Schemes, Banner Ads, Facebook Cover Images, Social Media Content, Presentations, PowerPoint Design, PowerPoint Templates, AI Design, AI Tools, Digital Marketing Design, Video Editing, Social Media Content, Social Media Video Marketing, 2D Animation, Text Animation, Artificial Intelligence (AI), Video Scripts, Advertising Design, Creative Design, User-generated Content (UGC), Creative Advertising, Editorial Design, Microsoft Word Templates, Print Layout, Corporate Videos, Digital Design, Marketing Collateral Development, Flyer Design, Marketing, B2C, Video Editing, 2D Graphics
Art Director
2017 - 2024
Vizart Studio
- Designed UI/UX, motion graphics, illustrations, and brand identities. Conducted product and event photography and video production. Producing promotional videos for a factory, small farmers, and other events.
- Created technical drawings for new products, closely collaborating with clients during the process.
- Provided web design, web development, and SEO services. Developed websites using clean HTML/CSS and customized templates for CMS platforms like WordPress and Weebly.
- Performed graphic design for different kinds of companies, including branding and visual communication for events. Designed printed materials and prepared files for print production.
- Worked on creative artistic projects like games, print design, picture books, 3D printing, and hand-bound books. Produced animations, promotional videos, and character animations.
- Managed business operations and project implementation. Communicated with clients in both online and on-site. Created project proposals and coordinated all phases of project execution.
- Conducted market research and user testing. Performed quality control and user research. Maintained financial records, issued invoices, and tracked income.
Technologies: CSS, Product Design, Technical Drawing, AutoCAD, Autodesk Fusion 360, CNC Programming, Photography, 3D Printing, Search Engine Optimization (SEO), Video Editing, Promotional Videos, Filming, HTML, iOS, Responsive Web Design (RWD), Design, 2D, Mobile Apps, Digital Filters, Mobile UI, Figma, Brand Design, Logo Design, Website Redesign, Websites, UI Prototyping, Brand Strategy, After Effects CC, Premiere Pro CC, Video Production, Responsive UI, Miro, Web Pages, Photoshop Design, Branding, Print Design, Brochures, Animated Logos, DaVinci Resolve, Presentation Design, Adobe Premiere, Presentations, Blender, Google Drive, Apple Keynote, Social Media Marketing (SMM), Crowdfunding, Startups, Responsive Design, SaaS, Graphics, Print Marketing Design, Website Design, Web UI Design, Social Media, Video Ads, Photoshop CC, Product Demonstrations, Video Animation, 2D Motion Graphics, Signage Design, Data Visualization, Infographics, Ads, Marketing Design, Motion Design, Brand Guidelines, Social Media Posting, Social Media Covers, Social Media Graphics, Brand Books, Iconography, Logotype, Color Schemes, Color Concepts, Banner Ads, Facebook Cover Images, Sales Presentations, PowerPoint Design, Pitch Decks, PowerPoint Templates, AI Design, AI Tools, Digital Marketing Design, Collateral Design, Canva, Video Editing, Social Media Content, 2D Animation, Text Animation, Brand Identity, Print Media, Artificial Intelligence (AI), Video Scripts, Advertising Design, Creative Design, User-generated Content (UGC), Creative Advertising, Microsoft Word, Editorial Design, Print Layout, Explainer Videos, Corporate Videos, Video Post-production, Digital Design, Flyer Design, Marketing, Fintech, Logistics, 2D Graphics
Multimedia Designer
2012 - 2019
Sinmc*
- Designed promotion materials for a building company.
- Built brand identity for a creative multimedia organization.
- Designed games for multiple platforms. Created personas, game script, business plans, and more.
Technologies: CSS, User Experience (UX), Interactive Prototypes, Information Architecture (IA), App Design, Catalog Design, User Interface (UI), HTML, Unity3D, Character Animation, Character Design, Game Design, Personas, Promotion, Animation, Promotional Videos, Filmmaking, Graphic Design, Video Editing, Photography, Illustration, Web Design, Responsive Web Design (RWD), Design, 2D, Mobile UI, Brand Design, Logo Design, Website Redesign, Websites, UI Prototyping, Brand Strategy, Visual Design, Video Production, Responsive UI, Visual Storytelling, Internal Communications, Newsletter Design, Layout Design, Web Pages, Photoshop Design, InDesign CC, Adobe Suite, Notebook Cover Design, Social Media Design, Print Design, Animated Logos, Presentation Design, Adobe Premiere, Pitch Presentations, Event Branding, Responsive Design, SaaS, Brochure Design, Email Template Design, Graphics, Print Marketing Design, Marketing Materials, Website Design, Web UI Design, WeTransfer, Social Media, Video Ads, Photoshop CC, Product Demonstrations, Video Animation, 2D Motion Graphics, Thumbnail Images, Data Visualization, Infographics, Microsoft PowerPoint, Video Games, Ads, Marketing Design, Motion Design, After Effects CC, Brand Guidelines, Social Media Posting, Social Media Covers, Social Media Graphics, Brand Books, Brand Voice, Iconography, Logotype, Color Schemes, Color Concepts, Banner Ads, Facebook Cover Images, Presentations, PowerPoint Design, PowerPoint Templates, Digital Marketing Design, Video Editing, Social Media Content, 2D Animation, Motion & Animation Design, Text Animation, Brand Identity, Print Media, Video Scripts, Advertising Design, Creative Design, Creative Advertising, Microsoft Word, Editorial Design, Print Layout, Explainer Videos, Corporate Videos, Video Post-production, Digital Design, Marketing Collateral Development, Flyer Design, Marketing, 2D Illustrations, Character Development, 2D Graphics
Teacher
2016 - 2017
School of Graphics, Design, and Media Projects
- Planned and presented lectures.
- Art directed workshops.
- Monitored and mentored student work.
- Handled administration tasks and project grading.
Technologies: CSS, Information Architecture (IA), Graphic Design, Illustration, Motion Design, Icon Design, UX Design, HTML, Web Design, Photography, Motion Graphics, Video Editing, 3D Modeling, 3D Animation, Interactive Media Design, Media, Animation, Responsive Web Design (RWD), Design, 2D, Mobile UI, Brand Strategy, Photoshop Design, Presentation Design, Adobe Premiere, Responsive Design, Website Design, Web UI Design, Photoshop CC, Video Animation, 2D Motion Graphics, Google Slides, Infographics, Microsoft PowerPoint, Brand Guidelines, Social Media Covers, Social Media Graphics, Brand Books, Color Schemes, Instructional Design, Video Editing, Video Scripts, Microsoft Word, Editorial Design, Print Layout, Video Post-production, Digital Design, Flyer Design, Character Development, 2D Graphics
Graphic Designer
2013 - 2017
Farmacies of Zagreb County
- Developed visual identity with illustrations for a few projects.
- Designed posters and brochures.
- Designed an interactive calendar used to motivate users to stop smoking.
- Designed a loyalty card and communicated specifications to the print studio.
- Collaborated with the copywriter.
- Designed flyers for the purpose of a nutritionist consultant.
Technologies: Product Design, Prototyping, Graphic Design, Photography, Adobe InDesign, Adobe Illustrator, Adobe Photoshop, Design, 2D, B2B, Print, Photoshop Design, InDesign CC, Adobe Suite, Notebook Cover Design, Print Design, Brochures, Graphics, Photoshop CC, Color Schemes, Print Media, Advertising Design, Editorial Design, Print Layout, Digital Design, Flyer Design, Healthtech, 2D Graphics
Cinematographer, Editor, and Graphic Designer
2011 - 2017
Brut d.o.o.
- Recorded and edited video footage.
- Designed motion graphics.
- Wrote synopses for video, developing them to storyboard level.
- Produced promotional videos for TV commercials and presentations.
- Created animations in Flash and developed characters.
Technologies: Graphic Design, Photography, Motion Graphics, Video Editing, Cinema 4D, Flash, Adobe After Effects, 2D, Videos, Video Production, B2B, Ad Design, Photoshop Design, Presentation Design, Adobe Premiere, Brochure Design, Graphics, Video Ads, Photoshop CC, Video Animation, 2D Motion Graphics, Thumbnail Images, Data Visualization, Video Editing, 2D Animation, Explainer Videos, Corporate Videos, Video Post-production, Flyer Design
Web Developer
2016 - 2016
Kincl
- Worked on an art deco style website for the oldest hairstyle salon in Zagreb.
- Did HTML and CSS coding for a responsive website with just a few pages for primary information about a salon without a CMS.
- Handled photo editing of low quality photography from the client archive. Old photographies were scanned and edited in Photoshop.
- Provided SEO for the website.
Technologies: Illustration, Web Design, Adobe Illustrator, Adobe Photoshop, HTML, CSS, 2D, Mobile UI, Websites, B2B, Responsive UI, Web Pages, Responsive Design, Graphics, Website Design, Web UI Design, Web Video, Photoshop CC, Brand Guidelines, Color Schemes, B2C, 2D Graphics
Animation Designer
2015 - 2016
Fabula j.d.o.o.
- Designed the animation of Green Riding Hood & Wolf, a Green Story for Fabula organic pencil.
- Designed a promotional video made as a collage animation of vector-based, beautiful illustration and video materials.
- Created animations from illustrations made in Illustrator, animated in Flash, and edited in Premier.
- Collaborated with coworkers; we did lots of rethinking after the animation was done, so we have about five final versions of the promotional video made for different occasions.
Technologies: Graphic Design, Animation, Motion Design, Motion Graphics, Video Editing, Adobe Premiere Pro, Flash, Adobe Illustrator, Videos, Video Production, Visual Storytelling, Animated Logos, Presentation Design, Video Ads, Photoshop CC, Video Animation, 2D Motion Graphics, Video Editing, 2D Animation, Brand Identity, B2C, 2D Graphics
UI Designer
2015 - 2015
Queue
- Collaborated with the client while designing wireframes.
- Chose a color scheme and typography.
- Designed the UI for an application. Created it from a raw to a more detailed design and illustrated pictograms.
- Designed/Illustrated an application icon.
- Designed the UI for a web portal with the same style as the application.
- Created the design of transitions (motion graphic/animation design) for an application.
Technologies: Interactive Prototypes, Information Architecture (IA), Graphic Design, Illustration, Motion Design, Icon Design, UX Design, Web Design, Motion Graphics, Interactive Media Design, Adobe Photoshop, Hype, Sketch, Design, 2D, Mobile UI, UI Prototyping, Layout Design, Photoshop Design, Presentation Design, Responsive Design, SaaS, Graphics, Website Design, Web UI Design, Photoshop CC, Data Visualization, Infographics, Color Schemes, Brand Identity, 2D Graphics
Designer
2015 - 2015
PickUpLater
- Designed UI/UX.
- Designed a UI/UX for a replacement options page during checkout for online grocery delivery service.
- Conducted competition research and discussed with the client about the best possible solution that satisfies customer needs.
- Cooperated with the HTML/CSS programmer for feasibility of the selected solutions and possible modifications.
- Developed the chosen solution through the first draft, then developed it to a pixel-perfect final design.
- Designed the UI/UX for a sidebar shopping cart list. Allows the user to see the content of the shopping cart during shopping.
- Designed a UI/UX for the order review page. The page includes an overview of selected items, the cost of delivery, and payment method selection.
- Focused on responsive design.
- Created UI/UX for multiple-store solutions.
Technologies: Graphic Design, UX Design, Web Design, Interactive Media Design, Sketch, Design, 2D, Responsive Design, Website Design, Web UI Design, Photoshop CC, 2D Graphics
Web Developer
2013 - 2014
Printlab
- Worked on various websites for nonprofit organizations.
- Used Sass for more complex websites.
- Collaborated with designers from the sketch to the finished website design.
- Worked with child-friendly themes in WordPress.
- Accustomed myself to working with JavaScript.
Technologies: Information Architecture (IA), Web Design, JavaScript, Coda 2, WordPress, Sass, CSS, HTML, Websites, Website CMS, Responsive UI, Responsive Design, Website Design, Web UI Design
Art Teacher
2013 - 2014
Gola Elementary School
- Guided children, understanding their visions and directing the successful creation of practical tasks.
- Taught art concepts.
- Engaged in numerous presentations and creative works for child education.
- Worked with classical techniques of painting and sculpture art.
- Introduced children to the possibilities of creative expression through modern media communication, like design, film, comics, and animation: the perception of movement as images through time.
- Taught art classes for children 11-14 years old.
Technologies: Graphic Design, Illustration, Photography, Adobe InDesign, Apple Keynote, Adobe Photoshop, Adobe Illustrator, 2D, Print Design, Animated Logos, Presentation Design, Graphics, Color Schemes, 2D Graphics
Video Producer and Graphic Designer
2010 - 2014
Fugaplast d.o.o.
- Wrote synopses, developing them to storyboard level through communications with clients.
- Recorded planned locations and scenarios.
- Edited and composed recorded materials.
- Did motion graphic design for video composition in After Effects.
- Planned a website with clients, advising on design.
- Developed a website using WordPress.
Technologies: Graphic Design, Web Design, Photography, Motion Graphics, Video Editing, Adobe Illustrator, Adobe Photoshop, CSS, HTML, Flash, Adobe After Effects, Website Redesign, Videos, Video Production, B2B, Website CMS, Responsive UI, Web Pages, Animated Logos, Presentation Design, Adobe Premiere, Responsive Design, Website Design, Web UI Design, Video Ads, Web Video, Video Animation, Data Visualization, Color Schemes, Video Editing, Print Media, Advertising Design, Explainer Videos, Corporate Videos, Video Post-production, B2C
Graphic Designer
2010 - 2014
MSfG
- Created a graphic solution for the website.
- Developed graphic solutions.
- Cooperated and communicated with clients.
- Assisted with WordPress theme development.
- Edited given content with illustration and photography.
- Did graphic design of promotional materials, videos, brochures, catalogs, and banners.
- Photographed events.
Technologies: CSS, Graphic Design, Illustration, Icon Design, HTML, Web Design, Photography, Motion Graphics, Interactive Media Design, Video Editing, WordPress, Responsive Web Design (RWD), Design, 2D, Website Redesign, Videos, Visual Design, B2B, Website CMS, Responsive UI, Ad Design, Newsletter Design, Web Pages, Photoshop Design, InDesign CC, Notebook Cover Design, Print Design, Brochures, Presentation Design, Adobe Premiere, Responsive Design, Brochure Design, Email Template Design, Print Marketing Design, Marketing Materials, Website Design, Web UI Design, Video Ads, Photoshop CC, Signage Design, Thumbnail Images, Data Visualization, Infographics, Color Schemes, Video Editing, Print Media, Advertising Design, Microsoft Word, Editorial Design, Print Layout, Explainer Videos, Corporate Videos, Digital Design, Flyer Design, 2D Graphics
Other Experience
Education
2009 - 2012
Master's Degree in Graphic Design
University of Zagreb - Zagreb, Croatia
2005 - 2009
Bachelor's Degree in Graphic Technology
University of Zagreb - Zagreb, Croatia
Certifications
JULY 2023 - PRESENT
Master Digital Product Design: UX Research & UI Design
Udemy
MARCH 2010 - PRESENT
Film School Course
Kino Klub Zagreb
AUGUST 2009 - PRESENT
The Animation Workshop
School of Media Culture Dr. Ante Peterlić by Croatian Film Association
Skills
Tools
Adobe Photoshop, Adobe InDesign, Adobe Illustrator, Adobe After Effects, Adobe Premiere Pro, Photoshop CC, Google Slides, Microsoft PowerPoint, Sketch, Adobe Creative Suite, Adobe Dreamweaver, Flash, Adobe Animate, After Effects CC, Premiere Pro CC, Affinity Designer, Photoshop Design, InDesign CC, DaVinci Resolve, Rive, CorelDRAW, AI Tools, Canva, Microsoft Word, Apple Keynote, Adobe, Balsamiq Mockups, Toon Boom, Final Cut Pro, Autodesk Fusion 360, AutoCAD, Coda 2, Maya, Cinema 4D, Blender, Miro, Asana
Platforms
Figma, iOS, Adobe Suite, WordPress, OS X, Webflow, Runway ML
Industry Expertise
Technology, Media, Education, Marketing, Logistics
Languages
HTML, CSS, JavaScript
Other
Branding, Responsive Web Design (RWD), Responsive UI, User Interface (UI), User Experience (UX), Graphic Design, Illustration, Photography, Video Editing, Design, Motion Design, Web Design, Visual Design, 2D, Mobile UI, Layout Design, Social Media Design, Print Design, Presentation Design, Adobe Premiere, Presentations, Responsive Design, Graphics, 2D Motion Graphics, Signage Design, Thumbnail Images, Brand Guidelines, Social Media Covers, Social Media Graphics, Brand Books, Logotype, Color Schemes, Color Concepts, Facebook Cover Images, PowerPoint Design, PowerPoint Templates, Video Editing, 2D Animation, Print Media, Creative Design, Creative Advertising, PDF Design, Digital Design, Flyer Design, B2C, 2D Graphics, Interactive Media Design, Storyboarding, Drawing, Catalog Design, Interactive Prototypes, Product Design, Videos, Hype, UI Design, 2D Games, UX Design, Icon Design, Animation, Motion Graphics, Mobile Apps, Brand Design, Logo Design, Website Redesign, Websites, UI Prototyping, Brand Strategy, Video Production, B2B, Website CMS, Visual Storytelling, Internal Communications, Ad Design, Web Pages, Print, Notebook Cover Design, Brochures, Animated Logos, Social Media, Pitch Presentations, Event Branding, SaaS, Brochure Design, Print Marketing Design, Marketing Materials, Website Design, Web UI Design, WeTransfer, Video Ads, Video Animation, Data Visualization, Infographics, Ads, Marketing Design, Reels, Social Media Posting, Brand Voice, Iconography, Banner Ads, AI Social Media Content Creation, Social Media Content, AI Design, Digital Marketing Design, Instructional Design, Social Media Content, Motion & Animation Design, Text Animation, Brand Identity, Video Scripts, Advertising Design, User-generated Content (UGC), Editorial Design, Microsoft Word Templates, Print Layout, Explainer Videos, Corporate Videos, Video Post-production, Marketing Collateral Development, 2D Illustrations, Healthtech, Sass, 3D Animation, 3D Modeling, Game Art, Character Animation, Animated Explainer Videos, Animated GIFs, Animated Interactions, Game Development, Project Management, UX Thinking, Personas, Unity3D, Mobile App Design, Wireframing, Touch Interactions, Mobile Prototypes, Prototyping, Brand Standards, Visual Identity, Video Design, Sound Design, Art Deco, Pattern Making, Color Palettes, Hairstyles, Rebranding, Cinematography, Lighting Design, Short Films, Filmmaking, Filming, Direction, Scenarios, Promotional Videos, Promotion, Character Design, App Design, Search Engine Optimization (SEO), CNC Programming, Technical Drawing, Information Architecture (IA), Usability Analysis, Game Design, 3D Printing, Augmented Reality (AR), Virtual Reality (VR), Typography, Digital Filters, Critical Thinking, Research & Critical Thinking, User Experience Design, User Experience Strategy, UX Research, UX Process, Design Thinking, Creativity, User Psychology, Usability, Usability Testing, Content Production, Newsletter Design, Coda2, Affinity Software, Google Drive, Social Media Marketing (SMM), Crowdfunding, Startups, Microsoft 365, Email Template Design, Web Video, Product Demonstrations, Video Games, Sportswear Design, Sales Presentations, Pitch Decks, Collateral Design, Social Media Video Marketing, Artificial Intelligence (AI), ClickUp, Kling AI, Audio Editing, Character Development, Fintech
Collaboration That Works
How to Work with Toptal
Toptal matches you directly with global industry experts from our network in hours—not weeks or months.
1
Share your needs
Discuss your requirements and refine your scope in a call with a Toptal domain expert.
2
Choose your talent
Get a short list of expertly matched talent within 24 hours to review, interview, and choose from.
3
Start your risk-free talent trial
Work with your chosen talent on a trial basis for up to two weeks. Pay only if you decide to hire them.
Top talent is in high demand.
Start hiring