...



Francesco Bertocci

Sr. Product/UX/UI Designer

Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Francesco Bertocci UX/UI/Product Designer - Portfolio Samples

#Portfolio #UX #Designer







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Gartner Design Pattern Library

#Portfolio #DesignPatternLibraries #UX







Profile image

Francesco Bertocci

Sr. Product/UX/UI...

Workshop: Mastering Sketch (Early Bird - May 3rd)

#Sketch #Workshop #NYC #Advanced

This workshop is for for anyone that has already working experience with Sketch and would like to improve or master it.

You'll be learn about resizable Symbols, Plugins, Pattern Libraries and more.

Agenda (3hrs):
– Sketch’s UI: Shortcuts and plugins for navigating folder structures and organizing layers and artboards.
– Styles: Text and Shapes (import/export to share with others)
– Advanced Symbols: How to create nested symbols for creating Design Pattern Libraries (DPL) using Atomic Design principles
– Practical tips for DPLs (lessons learned)
– Managing projects and symbol libraries with Abstract or Kactus
– Naming conventions and exporting (including exporting to SVG)
– Plugins: Manage and leverage plugins for an efficient workflow (Runner, Rename it, Anima Autolayout, Launchpad and more)
– Anima's AutoLayout: building responsive layouts, grids, tables and more.

Time and Date:
– 4:30pm to 7:30pm
– May 3rd 2018 (spread the word and you both get $10 off!)

Location:
Manhattan, NY. The exact location to be announced 3-4 days prior to the workshop.

Please note:
– Bring your laptop to follow along and pre-install Sketch 48 or higher (Free trial).
– Each workshop is tailored to needs and pace of the group.
– We require at minimum of 5 attendees, so spread the word! Max 10 students per event.
– Refunds: You can request a refund or save a spot for the following scheduled date. You can cancel anytime up to 48 our prior the event. 

Questions?









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


You’re not the user: 5 things I learned from using Hotjar for a year

#UX #ProductDesign #Hotjar

Hotjar is an all-in-one Analytics and Feedback tool that makes it easy to truly understand your web and mobile site visitors. As the UX designer in an online travel agency, I relied majorly on Hotjar…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Framer: Free Resources

#Framer #UIKits #Prototyping #Free

Download our free UI elements and kits to easily start your next design project, or learn Framer with online courses and an e-book from the community.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Atomic UI Pattern Library Sketch freebie

#Sketch #AtomicDesign #UIKits #DesignPatternLibraries #Free

Atomic UI Pattern Library resource, for Sketch App. 









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Gust + Platform Re-Design DPL

#Portfolio #DesignPatternLibraries #UX







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Gust + Platform Re-design

#Portfolio #UX







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Johnson & Johnson + DePuy Synthes Joint Site Redesign Mobile

#Portfolio #Mobile #Responsive #UX







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Gust + Platform Re-design - Pattern Library

#Portfolio







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Gust + Platform Re-design

#Portfolio







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Gartner Design Pattern Library

#Portfolio







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...


Phase: Digital App Design (and export to code!)

#UIDesign #Tools #MobileDev #Native #React

Create Websites & Apps Visually, and Intuitively. Join us in the Real Digital Revolution. 









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...


Feather Icons: Simply beautiful open source icons

#Icons #Iconset #Vector #Free #OpenSource

Feather is a collection of simply beautiful open source icons. Each icon is designed on a 24x24 grid with an emphasis on simplicity, consistency and readability.









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...


Design, UX & Product Books

#UX #Product #Research #Books

A curated list of books on UX, Product and Lean methodologies.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Sitemap Sketch Libraries for UX designers

#Sketch #Libraries #UX #Free

anotherplanet.io-ux-template - Sitemap Sketch Libraries for ux design.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


How we Built a Tool to Export React Prototypes from Sketch

#Sketch #React #Prototyping

Every year, right before the holidays, we dedicate a week of our time at Tictail to do something that is not part of our normal work. We call this the Demo Week, and it’s a great opportunity to…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Uxtools.co: Compare Prototyping Tools

#UX #tools #Prototyping

Compare popular industry UX tools for design, prototyping, handoff, versioning, monitoring, and more.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Design System UIKits: A Curated Collection

#Sketch #DesignSystems #UIKits







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Midnight: Dark Theme Sketch Plugin (now 50% off!)

#Sketch #Plugins #Productivity #Deals

Midnight adds a dark theme to Sketch! I had a chance to try it and ❤️ it.

Bonus features include layer tags (yay to organization!) indent guides, custom selection color, custom canvas darkness, and more. If you are using Sketch before going to bed you might even switch to Night Owl mode.

**Midnight 1.2 now Includes a bonus ultra-light theme called Lark + all new Bright icon-set + advanced features like the ‘Collapse All Groups’ button and high contrast Vector Handles + many performance improvements and bug fixes.

👉 *Special 50% off offer ends soon! Scroll down to get it!

Layer Tags: Apply colored tags to Layers, Artboards and Pages.




Indent Guides: Easily identify how Groups and Layers are nested.



Custom Toolbar Icons: Choose to display icons from a theme, or keep the original icons.


Works with Runner: Automatically match Sketch Runner’s dark mode with Midnight.

Customize Canvas Darkness Darken the canvas to perfectly complement your design.

Change Selection Color: Choose any color you like, or use the default color from the theme.















Scan & Share
Feed