News

5 Pro web tools picked by the experts

Industry experts reveal their top tools for getting their projects from the planning stage to live

Diane Longmoor

Industry experts reveal their top tools for getting their projects from the planning stage to live

 

 

Slack

slack.com

Alexander Engzell

Creative director, Bonne Marque<
bonnemarque.se

“Since its beta, Slack has been the platform on which the Bonne Marque team members – across five countries and four continents – communicate. The archive and search functions enable one to rediscover messages or redownload an image sent or received any time ago. Creating channels for specific projects or team members, inline previews of most formats and integration with other services, such as Google Apps or Dropbox, contribute to the ultimate communication and file-sharing platform – makes this a perfect app for our team of makers whose lives depend upon effective communication. Slack’s great branding, and having been there from the outset, reinforces my devotion.”

 

 

Tom Wittlin

Sketch

sketchapp.com

Tom Wittlin

Creative director, Folk
wearefolk.com

“Photoshop once dominated web design, but Sketch, a dedicated tool for designing websites, arrived and began to change that. The key features we love are the pages, artboards and presets that offer the ability to see variants of a design on the same canvas, side by side. Set up a ‘web design’ artboard and immediately you’ve got four screen sizes, all with grids and layouts ready to go; you can then customise according to requirements. It offers greater consistency in design without needing to create separate PSDs for mobile and desktop versions of the same site.”

 

 

Diane Longmoor

TinyScan

appxy.com/tinyscan

Diane Longmoor

Director of UX, Fell Swoop
fellswoop.com

“Low-fidelity sketching is a fundamental part of our design process. It enables us to generate a ton of ideas in a limited timeframe so we can set a direction quickly. But it’s tough to get feedback on large numbers of sketches when our clients are remote, and just getting them into digital form is labour intensive. TinyScan makes it easy to scan the sketches so they can be shared quickly – and the optimising and resizing tools make the sketches look more professional.”

 

 

Ricardo Amorim

Principle

principleformac.com

Ricardo Amorim

Creative director, AllofUs
allofus.com

“Here at AllofUs we believe that interaction, motion and visuals are equally fundamental parts of design. That’s where prototyping tools come into play, and one of our favourites is Principle. It lets the team easily put something together that others can interact with and not only see, but feel the design of. Use this tool to quickly explore different solutions rather than refining one interaction to death. Think of three completely different options and test them out. You’ll learn a lot more, a lot faster.”

 

 

Carlos Ulloa

Sublime Text

sublimetext.com

Carlos Ulloa

Interactive designer, HelloEnjoy
helloenjoy.com

“Sublime Text is my favourite tool for working with text. It’s fast and flexible, excellent for writing code and formatting data. A feature called Multiple Selections enables you to select different parts of the text. You can do this in many ways, for example using Cmd/Ctrl+D to quickly select the next word. Then you can modify all your selections at once. Changes appear in real-time as you type, making it easier to preview and undo – excellent for batch edits and simple refactoring.”

×