Back in 2005 we were the guys and gals behind Antibiotice's rebranding, distinguishing itself with a modern and fresh look. Now after a decade since the rebranding, the companies got reunited, but this time for the 2015 website redesign.
Off we go
Although time has passed, there was a sense of familiarity and warmness when we got all together at the table. To perfectly understand the evolution over the years, we went on a guided tour through Antibiotice‘s major facilities. We were blown away by the processes and whole ecosystem that took place inside the building. We felt like teenagers on a field trip with so much information on our hands.
After we’ve got to speed with today’s Antibiotice, we started planning the website. From the start it was clear for us: this was not going to be a simple presentation website. It had to be more, it had to be a tool for potential investors, it had to present all the product line, give private access to specialists, offer forms for job applications, complaints or pointing out side effects. Not to mention all that went outside the company: from awards and certificates to summer schools and community involvement.
So, piece by piece, we drew the flows for all major actions the users will do on the site, recording each step and components he/she might interact with.
This allowed us on the same time to build the website’s sitemap, leaving no stones unturned. Moreover, we optimized the sitemap levels to the minimum; we didn’t want the user to feel forced to navigate too deep into the website.
There’s no “I can’t draw”
With the flows validated, we moved to probably our favorite step in any process, and that is… sketching. We drew, we doodled, we ripped the pages like artists and then drew some more. We focused primarily on templates that match each state presented in the previous flows.
This assured us we didn’t divert from the main tracks and identify possible exceptions. Also, we didn’t invest too much time on details at this stage, leaving out content modifications/variations to be done when designing the mockups for each template.
Design me like one of your french websites
Moving forward we started designing the visual style for the new website. We did it at the same time we were working on the mockups. This allowed us to draw each page component and element, especially when switching from sketches to mockups.
As the templates were implemented one by one in the CMS, we invited the client team to insert and modify the content where it was necessary.
One site fits all
Of course we didn’t forget about mobile and as we designed each template, we bundled them with guidelines and simulations for their responsive behavior. This way the web developers knew when and how the website will react to certain resolutions and what priorities were involved for certain content blocks.
It was a great feeling having Antibiotice back as our client and it was an even greater feeling knowing they could trust us once again, especially now, when we moved away from branding services and we focus primarily on digital & user experience.