...



Francesco Bertocci

Sr. Product/UX/UI Designer

Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Recolist + Recommendation Platform: Mobile Design Exploration

#Portfolio #Mobile #UI #Branding







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Adobe XD CC: UIKits

#AdobeXD #UIKits #Free

Begin creating an elegant app from a UI resource (Apple iOS) or a UI Kit (Microsoft's fluent for UWP).









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Uplabs: One More UI Kit

#UIKits #Sketch #Photoshop

Professional Toolkit for Create Landing Pages. This is the starting point and the fastest path to the prototype for design landing pages because many designers...









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Atomic Sketch: Noteworthy 

#Sketch #AtomicDesign #UI

As a designer of user interfaces it is nearly impossible not to know two things: Sketch and Atomic Design. For a long time the features offered by our favorite UI design tool were missing suitable…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Haiku: Design, meet production

#Haiku #Animation #UIDesign #iOS #Android #WebDev #MicroInteractions

Where designing is building. Design UI components, powered by motion. Works with any iOS, Android, or Web codebase.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Dashboard UI Kit for Adobe XD

#AdobeXD #UIKits #Dashboards #Free







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


iOS 11 UI Kit for iPhone X

#Sketch #iOS #UIKits #UIDesign #Free

The most comprehensive iOS 11 UI Kit for Sketch with responsive symbols. 









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Sketch Master (Courses Bundle)

#Sketch #OnlineCourses #Video #SVG #Advanced

Sketch Master is a collection of tutorial training courses for professionals learning Sketch—the UI UX vector design software for Mac.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Protowire: Prototyping in Sketch (30% off!)

#Sketch #Prototyping #Tools #Plugin #Deals

No coding or exporting to other applications:
Watch the Video

Rather than something you do at the end, Protowire aims to integrate interaction and animation into the design process without having to change your designs to suit the software.

  • Integrated into Sketch
    No need to export to a separate prototyping application - review the prototype instantly in Sketch or on a device.

  • UI Animations
    Just by moving layers around you can have overlays appear and disappear.

  • Screen Transitions
    Quickly create the flow of your app by linking up artboards from layers or hotspots.

  • Responsive Design
    Use Sketch’s resizing constraints and responsive artboard groups to make prototypes that work on any screen size.

To celebrate the launch there is 30% off the pro version by using coupon code 9146C9AF. 

Offer expires on Monday 26th February at 4pm Pacific Time.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


SQUID UI Flow Template: Design Beautiful User Flows faster.

#Sketch #UIKits #UX #UserFlows

Create elegant User Flows, Diagrams and Sitemaps in Sketch. SQUID is the fully customizable template with over 50 UI Templates for Mobile and Web. Connect UIs









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Forma Library v1.0 by Amr Kamal

#Sketch #UIKits #Library #Free

Long time since I released anything, Excited to release a new UI Kit! Forma Library is based on Sketch nested symbols to power designers with starter kit to build easy and quick configurable Web fo...









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Implement Dark Mode in iOS 11 by Design+Code

#iOS #Dev #UI #Frameworks #Swift

An interactive book on how to design and code an iOS 11 app. Learn to use Xcode 9, Sketch and Swift 4, from conception to the App Store. For beginners and designers.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...

Hello 2018!

#Sketch #Prototyping #Workshop #NYC

Hello everyone and happy new year!

I am very excited for what the new year will bring us! So much happened in 2017 in the UX/UI Design and Prototyping space!

Here are some of the things you should check out in case you missed them. A big one for me was the evolution of symbols in Sketch and design systems as well as collaboration among team members, and easier handoffs and if you work with React, lots of exciting things there too.

The last 6 months of 2017 I was pretty busy with a job out of town so I could not organize as many events but I am planning to start the year strong and we'll have events in NYC around:
– "Why it's good to prototype early and often" an event on the (crowded) prototyping space and. Good if you are new to the group/space. This an updated presentation I based on
Timeline by Anima App (just released!)
Fuse Tool's improved UI
Framer Studio
InVision Studio
Figma 2.0

Other big announcement was AdobeXD for Windows

Tons of products now have "Studio" in their name as they all rush to become the all-in-one tool to designers. 🚀

Sketch Workshops in January:
Basic if you are starting now
Advanced if you want to learn more advanced workflows or techniques.

Depending on availability, I organize custom workshop for teams. 

What would you like to learn or improve in 2018?

💌 Shoot me an email
and let me know! 😀

Ciao,
Francesco 









Profile image

Francesco Bertocci

Sr. Product/UX/UI...

Sketch Workshops in NYC

#Sketch #Workshop #NYC #Advanced

Hello everyone and happy new year!

I am very excited for what the new year will bring us! So much happened in 2017 in the UX/UI Design and Prototyping space!

A big one for me was the evolution of symbols in Sketch and design systems as well as collaboration among team members (❤️ Abstract!), and easier handoffs and if you work with React, lots of exciting things there too.

I'll be running a few Sketch Workshops in January:
Basic if you are starting now
Advanced if you want to learn more advanced workflows or techniques.

Depending on availability, I organize custom workshop for teams. 

What would you like to learn or improve in 2018?

💌 Shoot me an email
and let me know! 😀

Ciao,
Francesco 









Profile image

Francesco Bertocci

Sr. Product/UX/UI...

Sketch Workshops for Teams

#Sketch #Workshop #NYC #Advanced

Custom Sketch Training for Teams
This Sketch app workshop is customizable for any team or group either new to Sketch or that is ready to master it and take collaboration workflows to the next level and be more productive.

Agenda example (approximately 5-6hrs over 1 or 2 days):
– Sketch’s UI: What's obvious and what's a little more hidden, navigating folder structures and artboards
– Styles: Text and Shapes (import/export to share with others)
– Symbols Overview: How to create them and when to use them.
– Symbols: Resizing and overriding.
– Manage and leverage plugins for an efficient workflow (Runner, Rename it, Anima Autolayout and more)
– Anima's AutoLayout: building responsive layouts, grids, tables and more.
– Naming conventions and exporting Zeplin (including exporting to SVG)
– Libraries: Using Symbols from shared libraries and UI kits.– Advanced Symbols: How to create nested symbols for building Design Pattern Libraries (DPL) using Atomic Design principles
– Practical tips for DPLs (lessons learned)
– Managing projects and symbol libraries with Abstract

Please note:
– Attendees should bring their laptop to follow along and pre-install Sketch 48 or higher.
– Each workshop is tailored to needs and pace of each group.
– Payment is due at the time of booking. You can reschedule anytime up to a week prior the event.

Costs:
Cost varies based on number of attendees, location, travel time and overall team commitment.

Want to request availability or have questions?









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Design Systems Market by UXPowerTools

#DesignSystems #UXPowerTools #Productivity

Premium UX design systems for ux designers using Sketch for UI and UX projects by UXPowerTools









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


SourceTree: Free Git GUI for Mac and Windows

#VersionControl #Git #Collaboration #Dev

A Git GUI that offers a visual representation of your repositories. Sourcetree is a free Git client for Windows and Mac.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Haiku: design meets production

#animation #UIDesign #webdesign

Design, meet production. Craft imaginative UI components that snap into any web app. Code optional.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


How to Build an Effective Design Framework | Toptal

#DesignSystem #UIKit #UIDesign #Tutorial #Sketch

Design frameworks help designers work more efficiently using reusable components. This article outlines how to create one (includes a free Sketch UI framework).









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


UI Design System UIKit

#Sketch #DesignSystems #UIKits

Create and develop awesome desktop apps with our starter kit for Sketch.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Compare UX Prototyping Tools for mobile and desktop app design

#Prototyping #Tools

With so many prototyping tools out there, you need to choose the best tool for the job. From Low fidelity wireframe tools to hi-fi UI design tools









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Lightning Design System: Design Tokens

#DesignSystems #Components #DesignTokens

Design tokens are the visual design atoms of the design system — specifically, they are named entities that store visual design attributes. We use them in place of hard-coded values (such as hex values for color or pixel values for spacing) in order to maintain a scalable and consistent visual system for UI development.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Hackers 4 Good: Creating Great Experiences for Everyone

#Hackers4Good #Meetup #community

This is a group for anyone interested in UX/UI Design, Product Design, Web and Mobile Development and doing good using their skills.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


What Tesla’s Model 3 UI Reveals About Its Vision for the Future

#UIDesign #Figma #UIKits #Tesla #DesignSystem

If you’re a designer/car enthusiast this post is for you. I’ve broken down the details of the dashboard controls and interface of the Tesla Model 3, the first mass-market, touchscreen only electric…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Ghost buttons: Why you should be afraid

#UX #UI #usability #conversion

How ghost buttons have gained in popularity in the past few years, and what their impact can be on user conversion.












Scan & Share
Feed