The New Codeship User Interface

At the end of April 2017 we rolled out improvements to the UI of the Codeship application. As we continue to make improvements to Codeship, it is also crucial that we iteratively improve the design and user experience as well.

Staying true to our Core Values, we've carefully tracked our users' feedback and used it to help shape the designs you see below. Special thanks to all our users who have submitted feedback, and also our customers like InVision who provided input in the prototyping stages of the design process.

• Redesigned navigation

• Redesigned Organization Dashboard

• New Projects overview page

• Redesigned build detail page for Codeship Basic

• Redesigned build components

We redesigned our navigation to provide easy access to the most important pages and actions.

The most important changes are outlined below:

• Dashboard: Overview of all builds happening in your organization

• Projects: Overview of all projects and the most recent build activity

• Support: Find help, resources, further information, and application health status

• User Settings: Configure your user settings

The updated Organization Dashboard provides a simple build list for better readability and build overview. We’ve also taken the opportunity to make the Organization Dashboard mobile friendly.

[caption id="attachment_4851" align="aligncenter" width="1420"]

Desktop view[/caption]

[caption id="attachment_4857" align="aligncenter" width="391"]

Mobile view[/caption]

The redesign of this page focused on the following features:

• Simplifying build list for better readability and build overview

• Auto-updating build statuses

• Auto-incrementing timestamps for running builds

• Reduced clutter by removing the sidebar

• Responsive design that works on any screen size

• Clearly indicating Basic or Pro builds

The updated Projects page provides a simplified overview of all your projects in the order of the most recent build. We’ve also built the search on this page to be lightning fast so you can find the project you’re looking for faster than ever.

The Build Detail page for Codeship Basic has been redesigned with these features:

• Coherent and consistent design of the build component

• Improved context of what build/branch/project you're looking at

• Improved log file readability by removing the sidebar and increasing space for the log

• Responsive design that works on any screen size

Build components and actions are now easier to use and are consistent throughout each page of the application.

On pages except /projects/ page: Go to /projects page: gp On /projects page: Return from to previous page: ESC Navigation between projects: arrow keys Selection of active project: Enter

This update was the first change in an ongoing series of improvements we plan to roll out to Codeship users in 2017. Every change we make is to improve your Codeship experience, and we appreciate your patience as we roll out these changes.

As always, if you have questions or comments for us, we would love to hear from you. Please send us an email at design@codeship.com.