Feedgage

The Challenge The application was previously designed very badly and was sold to eight customers. The application, which was already messy enough, had become completely messed up w

The Challenge
The application was previously designed very badly and was sold to eight customers. The application, which was already messy enough, had become completely messed up with the wrong design. Users used to the application with the wrong information architecture was our biggest problem. And the other challenging part of this project was to embody the new character of the new identity we brought to Artiwise while expanding its identity abroad, to differentiate it from its local appearance, and to create a more minimal and effective application that could compete with competitors in the market. Feedgage is the new Artiwise in global! Re-imagine the interface to guide new users through the signup process, educate them on the platform benefits, and reduce the complexity… What a challenge!
The Solution
We conducted our competitor analysis studies by experiencing the demos of the products in the market. Thus, we understood the areas where the foreign market is heading and we went on them. The application offered to local customers had a very detailed interface. We find the detail and excess information to be confusing. That’s why we removed the features in the application with the MVP logic, neither more nor less. We worked intensively with key stakeholders, users, and developers to redefine the app.
Frame 7543
Brand Identity
The mission we adopted while designing Feedgage application was to turn literally every word into actionable insights. In our opinion, data is one of the most fundamental resource that have the potential to approach a problem in a solution-oriented manner. The place where the flow begins is the journey of the data, it is the visit to the points it connects, and data sets are formed by processing the information as a result of these visits. For this reason, Feedgage should also be the data itself from time to time, and when the time comes, it should proceed as a part of the flow, process itself, and store it in the pool of information it will create.
Frame 7538
Frame 7546
Frame 196
Frame 7551
Frame 196
Frame 7537
Frame 7535
UX/UI DESIGN
The end-to-end design of the project took four months. We prepared a roadmap in the form of research, drawing, wireframe, mockup and prototype. In the whole process, we proceeded according to the design-oriented thinking method. We focus on human-centered design which is a creative approach to problem-solving. It’s a process that starts with the people you’re designing for and ends with new solutions that are tailor-made to suit their needs. Our mindset is respectively:
  • Empathy
  • Optimism
  • Embrace ambiguity
  • Make it
  • Learn from failure
  • Creative confidence
  • Iterate, iterate, iterate
It’s all about people, business objectives, and design. We have established our system and we are constantly improving this way.
Frame 7532
Discover / Empathise:
Uncover who we are designing for, the audience, who those people are… It creates Personas. Without understanding part, we cannot finish this work. We interviewed three authorized people from companies that use the formerly Artiwise Analytics product, old version of Feedgage. We made the information accessible and understandable by transforming the answers we received from them into an empathy map.
Frame 7549
DEFINE
We define the definition of success, we determine our roadmap, we create the personas as we worked on the first phase.
Frame 7517
Ideate
Threshing, getting everything down on the table, and bringing the ideas together. Since we know the importance of the design system, we first created a style pool. It was a conscious decision to have soft colors and styles. In this system, in addition to the basic components, we also designed components that will benefit the user experience, such as the skeleton loader.
Frame 7524
Prototype:
Observe the effectiveness of our idea. Give a shape for it and validate our opinion with real reactions. We mixed the drawings in a notebook, ipad, and macbook. Since the layout of the application is very complex, we focused on it. Since one of the most critical parts of the project is data visualization, we experimented with a few charts. Making drawings without any distraction added a lot of value to the product.
Frame 7527
Frame 7553
Test/Refine:
Test prototypes, get feedback then go back to our team and make changes. While preparing a low fidelity wireframe, we focused on the answers I got from the whole focus group and the results of the research. The wireframes made on Figma were further developed during the meetings with the owners of the product and took their final form.
Frame 7491
Frame 7522
Frame 7525
Frame 7528
Frame 7530
Frame 7495
Frame 7534