News & Updates

Design News – Innovation from Around the Globe

April 2018

Fascinating Design News – Arriving Every Month
This month on Toptal Design World News, we cover everything from keyframe animations in Sketch to codeless eCommerce and design company mergers.

 Originally written by Micah Bowers, brand designer for Toptal

Plus, we’re highlighting the elegant design work of Toptal Creative Director Christina Barsan, who partnered with Swarovski to improve user engagement on the acclaimed jewelry brand’s global website.

To get our curated selection of compelling design news and global trends delivered to your inbox each month, sign up now! ↓

•••

Create GIFs and Videos in Sketch with Timeline

Anima’s latest Sketch integration—Timeline—allows Sketch designers to create GIFs and videos in Sketch using keyframe animations. Designers familiar with Keynote and After Effects will feel at home using Timeline to prototype animations and interactions.

Webflow eCommerce

Webflow has announced new features for their visual web design tool that will allow eCommerce web designers to design and host secure, responsive eCommerce websites without code.

Wake Joins InVision

Wake has teamed up with InVision to announce Wake Free, although a version of the popular design visibility tool that more closely integrates with the core InVision app is being developed in the meantime. Wake helps the right people get involved in the product design process earlier and contribute ideas that will shape the final outcome.

Design Product Mockups with Artboard Studio

Artboard Studio is an upcoming web-based graphic design tool built to help brand designers create product mockups in just a few minutes.

Design Systems Repo: a Collection of Design Systems

Design Systems Repo is an extensive collection of resources dedicated to design system fanatics, including but not limited to articles, tools, talks, and of course, real-world examples.

Toptal Designer Showcase

Christina Barsan - Designer, Creative Director

Christina is a digital designer and creative director with over 15 years of experience as a visual thinker, problem solver, manager, collaborator, and lover of technology. She constantly seeks to help her clients create the ideal brand for their business that aligns with their big vision.

 

Please tell us about a recent project you worked on.

Swarovski wanted to redesign certain areas of their global website as well as add some new sections to create more user engagement. Along with the site updates, we were asked to create animated banners, social media integration, an app, and an email campaign. Our objective was to create a modern, fresh aesthetic while still maintaining a consistent overall brand look and feel through various touch points.

 

What was your design process?

My first step was to work alongside the content strategist to understand Swarovski’s business goals and user needs. I then worked with the UX designer on user flows and wireframes.

Based on my collaboration with the content strategist and the UX designer, I created various sketches and concepts for how the interface might look. Once we had a solid direction, I worked within a grid layout system to design the visual elements, choosing colors and fonts. I also focused on the interactivity of each element and created several animations. Once the UI design mockups were approved by the client, I created a style guide to ensure consistency when moving forward with the designs.

 

What was the outcome? What are you most proud of?

The final outcome was an integrated yet modern update to an iconic brand’s digital presence, which resulted in increased user engagement. I was really happy with the end result and so was the client. I worked with a great team and had fun doing it–to me, that’s a win-win!

 

If you haven’t done so already, make sure to follow Toptal Designers on Twitter, LinkedIn, and Facebook to stay up to date with the latest from our blogs including best practices, how-to guides, in-depth analysis of hot topics, and much more.

•••

Thanks for reading this issue of Toptal Design World News. We’ll be back in May with another exciting installment, so don’t forget to subscribe to have the latest news on design innovation and trends dropped directly into your inbox.

With articles written by leading designers from the Toptal network, the Toptal Design Blog covers a diverse array of relevant design topics and serves as an informational and educational hub for design industry experts from across the globe.

Subscribe today and discover the world-class design resources published by the Toptal network.

 

Post comment as a guest

Attachments

Location

Share:
0

People in this conversation

  • Guest - david joe

    Good post. Thanks for sharing with us. I just loved your way of presentation. I enjoyed reading this .Thanks for sharing latest movie jacket. It is good to read blogs like this. As constantly, we appreciate yourself assurance and accept as true within us.

    Short URL:
  • [url=http://www.bose.us.org/]bose headphones[/url]
    [url=http://www.newnfljerseys.us/]cheap nfl jerseys[/url]
    [url=http://www.katespadebags.us.org/]kate spade bags[/url]
    [url=http://www.converseshoesoutlet.us.org/]converse shoes[/url]
    [url=http://www.northfacejacketoutlet.us.com/]north face outlet[/url]
    [url=http://www.zapatillas-adidas.com/]Zapatillas Adidas[/url]
    [url=http://www.levis.us.com/]levi's[/url]
    [url=http://www.zapatoslouboutin.com/]Christian Louboutin[/url]
    [url=http://www.clarks.in.net/]clarks sandals[/url]
    [url=http://www.cheapnfljerseys-store.us/]cheap nfl jerseys[/url]
    [url=http://www.supreme-clothing.us.org/]supreme hoodie[/url]
    [url=http://www.stussy.com.co/]stussy[/url]
    [url=http://www.mlbjerseys-shop.us/]MLB jerseys[/url]
    [url=http://www.supreme.com.co/]supreme hoodie[/url]
    [url=http://www.lacoste.us.org/]Lacoste[/url]
    [url=http://www.skechers-outlet.us.org/]skechers[/url]
    [url=http://www.balenciaga-shoes.us.org/]Balenciaga Sneakers[/url]
    [url=http://www.wholesalenba-jerseys.us/]cheap nba jerseys[/url]
    [url=http://www.cheapwholesalenfljerseys.us/]nfl jerseys store[/url]
    [url=http://www.katespade-handbags.us.org/]kate spade handbags[/url]
    [url=http://www.geox.us.org/]geox mens shoes[/url]
    [url=http://www.adidaszxflux.us.org/]adidas zx flux[/url]
    [url=http://www.yeezy-boost350.us.org/]yeezy shoes[/url]
    [url=http://www.nbajerseysshop.us/]NBA Jerseys[/url]
    [url=http://www.nikebasketballshoes.us.org/]basketball shoes[/url]
    [url=http://www.wholesalemlb-jerseys.us/]wholesale mlb jerseys[/url]
    [url=http://www.custombaseballjerseys.us/]custom baseball jerseys[/url]
    [url=http://www.mizunoshoes.us.org/]mizuno volleyball shoes[/url]
    [url=http://www.nfljerseysoutlet.us/]nfl jerseys store[/url]
    [url=http://www.nike-chaussure.fr/]nike chaussure[/url]
    [url=http://www.zapatillas-offwhite.com/]Nike Off White[/url]
    [url=http://www.nhl-shop.us/]NHL shop[/url]
    [url=http://www.converses.us.org/]converse[/url]
    [url=http://www.airmax-270.us.org/]nike air max[/url]
    [url=http://www.cheapnbajerseysstore.us/]cheap nba jerseys store[/url]
    [url=http://www.nbabasketball-jerseys.us/]basketball jerseys[/url]
    [url=http://www.chaussurejordan.fr/]jordan[/url]
    [url=http://www.braceletpandoras.fr/]pandora bracelet[/url]
    [url=http://www.chromeheartsnecklace.us.com/]Chrome Hearts Bracelet[/url]
    [url=http://www.adidas-eqt.us.com/]adidas eqt[/url]
    [url=http://www.coachbagsoutlet.us.org/]coach outlet[/url]
    [url=http://www.trajeshugoboss.com/]Trajes Hugo Boss[/url]
    [url=http://www.nikeairmax2019.us.org/]nike air max[/url]
    [url=http://www.soccerjerseys.us/]cheap soccer jerseys[/url]
    [url=http://www.zapatillas-vans.com/]Vans[/url]
    [url=http://www.zapatillasnikehombre.com/]Zapatillas Nike Mujer[/url]
    [url=http://www.jordan12.us.org/]jordan shoes[/url]
    [url=http://www.adidasstansmith.us.org/]adidas stan smith[/url]
    [url=http://www.chaussurebalenciaga.fr/]basket balenciaga[/url]
    [url=http://www.zapatillas-converse.com/]Converse[/url]
    [url=http://www.calvinkleinhombre.com/]Calvin Klein[/url]
    [url=http://www.adidas-ultraboost.us.org/]ultra boost uncaged[/url]
    [url=http://www.pumashoesoutlet.us.org/]puma shoes[/url]
    [url=http://www.northfaces.us.org/]north face coats[/url]
    [url=http://www.adidas-nmd.us.org/]adidas nmd[/url]
    [url=http://www.eccoshoesoutlet.us.org/]ecco mens shoes[/url]
    [url=http://www.wholesale-nfljerseys.us/]NFL jerseys[/url]
    [url=http://www.calvinkleins.us.com/]Calvin Klein Dresses[/url]
    [url=http://www.mizuno.in.net/]mizuno volleyball shoes[/url]
    [url=http://www.stussyclothing.us.com/]stussy[/url]
    [url=http://www.balenciagasneakers.in.net/]Balenciaga Shoes[/url]
    [url=http://www.geox.us.com/]geox shoes[/url]
    [url=http://www.offwhite.in.net/]Off White Clothing[/url]
    [url=http://www.nhljerseysshop.us/]cheap NHL jerseys[/url]
    [url=http://www.ecco.in.net/]ecco sandals[/url]
    [url=http://www.converseblanche.fr/]converse pas cher[/url]
    [url=http://www.airmax-95.us.org/]nike air max[/url]
    [url=http://www.salomon-shoes.us.org/]salomon speedcross[/url]
    [url=http://www.newdiscountmlbjerseys.us/]mlb jerseys shop[/url]
    [url=http://www.cheapmlbshop.us/]cheap MLB jerseys[/url]
    [url=http://www.new-balance.fr/]new balance homme[/url]
    [url=http://www.timberlands.us.org/]timberland boots[/url]
    [url=http://www.boseheadphones.us/]bose[/url]
    [url=http://www.edhardys.us.org/]Ed Hardy Shirt[/url]
    [url=http://www.adidassuperstars.us/]adidas shoes women[/url]
    [url=http://www.nhljerseys-shop.us/]cheap nhl jerseys[/url]
    [url=http://www.zapatillas-puma.com/]Zapatillas Puma Hombre[/url]
    [url=http://www.levis.us.org/]levis outlet[/url]
    [url=http://www.vansoldschool.fr/]vans old skool femme[/url]
    [url=http://www.katespadepurses.us.org/]kate spade outlet[/url]
    [url=http://www.camisas-ralphlauren.com/]Ralph Lauren[/url]
    [url=http://www.nikebasketball.us.com/]mens basketball shoes[/url]
    [url=http://www.nikeshoes-outlet.us.org/]nike shoes[/url]
    [url=http://www.nikeairmaxshoes.us.org/]nike store[/url]
    [url=http://www.adidasshoesoutlet.us.org/]adidas[/url]
    [url=http://www.armaniropa.com/]Armani Hombre[/url]
    [url=http://www.newbalance574.us.org/]new balance sneakers[/url]
    [url=http://www.nflshop-jerseys.us/]NFL shop[/url]
    [url=http://www.airmax-90.us.org/]air max[/url]
    [url=http://www.ninewestshoes.us.com/]nine west boots[/url]
    [url=http://www.cheapbasketballjerseys.us/]basketball jerseys[/url]
    [url=http://www.nmd.in.net/]nmd shoes[/url]
    [url=http://www.lacoste.in.net/]Lacoste Shirts[/url]
    [url=http://www.nhljerseysstore.us/]cheap nhl jerseys[/url]
    [url=http://www.nbajerseys-store.us/]NBA shop[/url]
    [url=http://www.jordanretro11.us.org/]jordan retro 11[/url]
    [url=http://www.chaussurefila.fr/]fila chaussure[/url]
    [url=http://www.newnhljerseys.us/]nhl jerseys shop[/url]
    [url=http://www.cheapmlbjerseysstore.us/]mlb jerseys[/url]
    [url=http://www.ultraboosts.us.org/]adidas ultra boost[/url]
    [url=http://www.salomons.us.org/]salomon speedcross[/url]
    [url=http://www.discountnfljerseys.us/]discount nfl jerseys[/url]
    [url=http://www.fjallravenkanken.us.org/]fjallraven kanken[/url]
    [url=http://www.airmax-97.us.org/]nike air max 97[/url]
    [url=http://www.football-jerseys.us/]cheap football jerseys[/url]
    [url=http://www.lebron16.us.org/]lebron 15[/url]
    [url=http://www.zapatossocceradidas.com/]Botas De Adidas[/url]
    [url=http://www.puma.in.net/]puma shoes[/url]
    [url=http://www.nike-airmax2019.us.com/]nike air max 2019[/url]
    [url=http://www.ninewest.us.org/]nine west[/url]
    [url=http://www.jordan11shoes.us.org/]jordan shoes[/url]
    [url=http://www.ropaguess.com/]Bolsa Guess[/url]
    [url=http://www.jordan-4.us.org/]jordan space jams[/url]
    [url=http://www.camisaversace.com/]Versace Outlet[/url]
    [url=http://www.chaussures-salomon.fr/]chaussure salomon homme[/url]
    [url=http://www.offwhite-shoes.us.org/]Off White Shoes[/url]
    [url=http://www.fjallravens.us.com/]fjallraven kanken[/url]
    [url=http://www.wholesalenhl-jerseys.us/]nhl jerseys store[/url]
    [url=http://www.calvinkleinoutlet.us.org/]Calvin Klein Jeans[/url]
    [url=http://www.adidas-chaussure.fr/]adidas[/url]
    [url=http://www.kd11.us.org/]kevin durant shoes[/url]
    [url=http://www.newnbajerseys.us/]new nba jerseys[/url]
    [url=http://www.cheapnhl-jerseys.us/]nhl jerseys shop[/url]
    [url=http://www.yeezysupply.us.org/]yeezy shoes[/url]
    [url=http://www.bikiniswimwear.us/]Bikini[/url]
    [url=http://www.cheapbaseballjerseys.us/]mlb jerseys[/url]
    [url=http://www.skechersboots.us.org/]skechers shoes[/url]

    Short URL:

About us

 Pixo Animation Studio has started its work in the 2D animation and motion graphic production since 2014. During these years, we have completed various projects from idea to execution to our customers according to their needs. We are proud to be the first studio to specialize in 2D animation and motion graphics production in Afghanistan.

blogo

Email : info@pixoanimation.com

Mobile: +93 792 32 9800