My (First) Design Portfolio

-

Comments

Post a Comment

Popular posts from this blog

Top Figma plugins which deserve your attention

-
Image
We’ve handpicked most top rated plugins for Figma to boost design systems development. Figma is now one of the flagships among the tools for creating  designs and prototyping . Its advantage over Adobe XD or Sketch is that Figma is an online tool that gives the user the opportunity to work and collaborate with other people in real-time. Thanks to this, and also thanks to its wonderful functionality and nice interface, many Adobe XD, Sketch and InVision users started to use Figma. However, Figma had one big disadvantage, which made users who “migrated” from other platforms miss the previous tools a bit —  the lack of plugins . This feature was something that a lot of Figma users asked for, because sometimes they had to use third-party applications, which was obviously not very convenient. And, of course, we, as designers, strive to make our lives and lives of other people easier, and we are looking for various ways and tools that will help us becom
Read more

3D Thumbnail Hover Effects

-
Image
3D Thumbnail Hover Effects Today we want to show you how to create some exciting 3D hover effects using CSS3 and jQuery. This idea is inspired by the cool hover effect that you can find on the page of the Google SketchUp Showcase .  In our examples, we’ll use thumbails that will reveal some more information on hover. We will create a structure with jQuery that will allow making the image appear as folded or bended when we hover over it. For the hover effects we will use CSS 3D transforms.   THE MARKUP __________________________________________________________________________________ The markup for the thumbnail structure will be as follows: 566 124 →       __________________________________________________________________________________   Each thumbnail goes into a division with another division for the details (view-back). The structure that we want to create for each division with the class view using JavaScript is the
Read more

Some Ideas for Checkout Effects

-
Image
Some fun effect and layout ideas for the first step of a checkout process in an online store. We are using the morphing buttons concept together with CSS transforms and transitions.  A while back we explored a morphing button concept where the active element gets transformed into its target, aiming to create a fluid UI experience with a semantic connection of the involved elements. Today we want to apply that same concept and some other ideas to the first step of the checkout process. The checkout process in online stores is one of the most challenging and crucial in terms of UI design. Done well it can create a pleasant and smooth purchasing experience for the user; done wrong, it can lead to an abandoned shopping cart and no sale at all. There are many carefully planned and well designed e-commerce sites out there and making the UI uncluttered is definitely a great trend welcomed by anyone who buys things online.  With the demos we’ve created today we are looking
Read more