Octrino is a web marketing tool that manages the writing, analytics, net-linking and creation of websites.
As principal designer, I was responsible for taking product features from conception to implementation; producing high-quality deliverables such as UI screens, user flows, and prototypes at various levels of fidelity.
Part of my responsibilities also included collaborating with the product owners and tech lead to define high-level requirements and strategy.
In 2021, after operating octrino.comfor a year the Octrino Team decided to re-haul the product from the ground up with a new design, more features, improved UX, and a new Strategy.
As the app encompasses various features targeted at various users which range from customers, analysts, writers and project managers; The design team conducted an in-depth analysis of the product, making use of various UX research techniques such as user interviews, usability testing, heat map analysis, and more.
Customers can useas a web marketing tool to acquire better analytics which can help them get better ranks on search engines for their website ; with the help of the octrino writers, developers, and good strategists, Customer can request big Scale Net-linking campaigns with ease.
Octrino.com has a “multi sided” audience which means it acts as bridge between two major type of users : Customers (Website owners) and Blog post Writers. But also acts as a platform for freelancers that encompasses : Project managers, Content Managers, Writers , Reviewers, and Web developers.
More over we identified two types of customers : Individual site owners and Major Brands.
We clearly defined users roles based on assigned tasks and workflows which in turn helped us restructure the existing hierarchy to establish better flows. The result was a multi interface solution that answers to different needs based on users roles.
We organised related information into cards that can be reused in many different contexts, in this case cards where used interchangeably in various dashboards assigned to various user roles. That enables us to put together a scalable homogeneous design system and, to determine the most natural way to present information to the user and make it skimmable at a glance.
We took flows that were originally separated into many steps and consolidated them into one or two steps. We also clearly marked optional fields, and added tooltips and hints to provide more context.
Doing a second take on an existing product was a very challenging but ultimately rewarding experience.
Using the guidance we got from user interviews proved to be invaluable in making decisions about what should be prioritised.
Personally, I found it infinitely entertaining to discuss the minutia of flows, spending hours with the team talking through edge cases and finding the flaws in our logic
2021