Francesco Bertocci

UX/UI/Product Designer & Founder

Customising the Sketch Library Preview Image — beta

#Sketch #Libraries #tips

There’s been a lot written about Sketch’s new native library feature, so I won‘t cover old ground. For me, the nested symbols support is a real winner, and I am looking forward to Abstract support…


View now



How we built our first full-stack JavaScript web app in three weeks

#Dev #Prototyping #Firebase

My three months of coding bootcamp at the Grace Hopper Program have come to a close, and the title of this article is actually not quite true — I’ve now built three full-stack apps: an e-commerce…


View now



Easy-breezy interactive 3d in FramerJS with Sketchfab API Utility - Sketchfab Blog

#Framer #3D
View now



Introducing Twilio Studio, the Fastest Way to Build With Twilio

#Twilio #SMS

A visual drag-and-drop interface that allows cross-functional teams to accelerate the development of world-class customer engagement applications.


View now



Setting Up a Design System with Frames

#Sketch #DesignSystems #UIDesign #Productivity

The system is designed to be lightweight and adaptable to brands, that why many teams find it a really useful tool for building their own libraries based on it. 🖖 Frames Master file is divided into…


View now



Gifmock: Easily create high quality GIFs from Sketch

#Sketch #Gif #Video

Gifmock is a simple desktop application that helps you create high quality GIFs from your mockups.


View now



Eureka | Elegant iOS form builder in Swift

#iOS #Swift

Eureka an iOS form builder in Swift made with love by Xmartlabs.


View now



Fuse

#MobileDev #iOS #Android #Native #Prototyping

Fuse makes native app development faster, easier and more fun for both developers and designers. Lot's of examples here: https://www.fusetools.com/examples


View now



Campaign Monitor: The All-New Guide to CSS Support in Email

#Email #CSS #HTML

Find an up-to-date guide to CSS support in email. Campaign Monitor includes cutting edge email layout techniques and progressive enhancements.


View now



6 Animation Guidelines for UX Design

#animation #motion #interactiondesign #UX

Animation can be used to tweak the user’s perception of time, so use this in your favour. For the human brain, anything below 0.1 seconds will seem instantaneous and below 1 second will seem seamless. So, if you have a process that takes 6 seconds for instance, you can break it down in a few separate animations. This trick should make the process feel a lot faster and keep your user engaged.

You can also use animation to fake an instant action that will actually take bit longer in the background. This will make the app feel more responsive even though the process still takes longer than what the user sees.


View now



Lookback: Simple and powerful user research

#UX #Research #Video

User experience recording made simple. See the screen, face, voice and touches of your users. Record in-house or remotely and without equipment.


View now



52 Research Terms you need to know as a UX Designer

#UX #Research

Having written the article 53 Tech Terms You Need to Know as a UX Designer it made sense to add research terms into the mix. I’ve put together an A-Z list of research words with explanations in plain…


View now



Benjamin Wilkins, Airbnb: Thinking in Symbols for Universal Design

#Sketch #DesignSystems #Productivity

Mind blown by this talk by Benjamin Wilkins, Design Technologist at Airbnb. He touches on the internationalization and localization of design elements, and how might we desig...


View now