Lunacy users can now edit the design of live web pages right from the app. How to save time and money with linked design
Everyone makes mistakes: graphic designers, UX writers, web developers. Sadly, not all mistakes get noticed before a web page is published. But once it gets there, it can take weeks to fix it. Why so long?
Let’s take Icons8. Like many other companies, we use Scrum, and all the developers have many tasks for a 2-week sprint cycle. If they fix issues that pop up during the sprint, they will fail to get all the planned tasks done. Also, disturbing people with sudden tasks, it’s not a good idea. For the above reasons, the procedure is as follows:
Assume that there’s a minor “cosmetic” issue. For example:
In any of those cases, the procedure and timing will look something like that. The designer:
Every minor fix takes 3 to 33 days, with an average of 2-3 weeks. 21 days of waiting for a trivial update!
We were discussing our new export panel when one of us said: Guys, it’s only a matter of changing ONE color in CSS. Do we have to involve coders in that? Why not let designers do it?
That’s how we came up with the idea of linked design. We can provide content from cloud Lunacy files as resources for web pages. A web developer will just insert a link to the resource into the HTML code. At the same time, designers will be able to update CSS/TXT/PNG/SVG resources available in the Lunacy Cloud, and all the changes will immediately apply to a live web page. Minor changes will get done in mere minutes without coders. Sounds great, right?
We wanted to preserve the typical designer’s flow and avoid extra work. You just create a design (preferably using layer styles and color variables) and hand it off to developers.
Later, once a web page is live, you can make changes to your design and simply click the Update button to apply the changes. At the same time, the web page is proof against unwanted changes when you accidentally tweak a layer in the design file.
Switching to linked design might slightly impact your standard practices at the beginning, but it will save you lots of time and effort later on:
That’s it! Now your graphic designers can update the page by themselves.
We’ve just released this feature, and we will use it to a great extent with our company resources. For example, on our documentation pages. We’re going to switch from conventional PNG images as screenshots to linked designs.
We have a cloud document with the design of Lunacy interface elements organized as components. These components make up the artboards of “screenshots.” Once we change any of the components, we only have to select the affected “screenshots” and press the Update button, for the changes to take effect on the documentation pages.
Earlier, the update of screenshots took us a couple of days: we had to retake them, upload them to the repository, and update the image links. Now, it is a matter of minutes.
Also, we will use linked design on our company landing pages.
From the standpoint of graphic designers, their workflow hasn’t changed.
Web developers find it only slightly more complicated to create a new page from scratch. They should also pay more attention to handling layer styles. In all other aspects, everything has remained the same, except for the fact that graphic designers no longer disturb them for things that they can easily do themselves.
We reduced the time to fix cosmetic issues from 3-33 days to minutes.
Moreover, when a task does not travel from one person to another, it reduces the human factor and misunderstanding, which means that the task can be done faster and with fewer possible mistakes.
What if my website has a large audience and is hosted, say, somewhere in South Asia? Wouldn’t this impact its page downloading speed?
No, we deliver all the content through CDN, a network of servers distributed across all continents. This ensures stable operation under any traffic volumes, irrespective of the Lunacy Cloud health.
As for limitations:
All you need is to create a design in a cloud file and integrate linked design into your HTML. This feature is free and available to all Lunacy users.
Why is my printed logo not as vibrant as the digital one? Why do I…
Get an all-in-one UI kit to build a professional fintech landing page. It includes everything…
Meet Lunacy 10.0! Here is a brief intro to the new features with their demonstration:
Learn from 13 outstanding portfolio websites that creatively blend design, functionality, and personal branding to…
We asked users what they wanted to create with AI generators. Then we generated their…
Explore stunning UI concepts created by Icons8 users featuring animated illustrations, sleek sign-up pages, bold…
This website uses cookies.