00 Context

In November 2019, I started working from a scratch in a new and exciting startup called Athenian. I created the branding style and personality, and designed the webapp platform from scratch. I created a design system to quickly implement new features and elements. Together with the Product Manager, I've been continuously working on creating new features and experiences to improve the initial platform, and also the landing page design and some minor coding in HTML, CSS and React.

Fo this role I used and several different methodologies such as User Research, Competitive Analysis, Sketch Prototyping and Layout Design.

Athenian
https://www.athenian.co

User Experience
User Interface
HTML/CSS, React

2019 - Present

01 Webapp design

From the beginning we had a clear idea that the main concept for the webapp was to create a pipeline to show the whole engineering process, and then to display insights for the teams. We gathered feedback from dozens of engineers, team leads and managers to create a tool that was simple and friendly to use, and that was so useful to improve and accelerate the whole engineering process.

The Summary view

The main section of the webapp is the Summary. It features an overview of all the main metrics that allows the user to find out the current situation of their teams.

Main Sections

The main sections of the webapp are organized depending on the kind of feedback between the delivery pipeline, the quality metrics and the outcome. Apart from that, we display important content in tables that link GitHub pull requests with Jira epics, bugs or releases, connecting the user main tools to give accurate feedback that shows metadata from the main tools that the users already use in their teams.