AgileSelf — UI Case Study

Farshid Darvishi
2 min readMar 28, 2022

--

Nov 2019

About

AgileSelf is a mobile application, which you can connect and manage multiple calendars in one place, plus you have a to-do list that can change to-do lists to an event on the calendar.

Goal

Have an eye-catching and minimal design with a design system for future development.

Role

UI designer

Date

Nov 2019

What did we have?

The client asked us to design the user interface, so we had a few rough sketches plus a user story map done by a user experience designer. Those were adequate to start.

User story Map
Rough Sketches

Design System

In the first step, we prepare the structure of a design system. The accumulation of components it’s what truly helps us to have a comprehensive design system.

Design System

User Interface

What did we learn?

There weren’t the incredible auto layout and variant features in Figma when we did this project. We decided to upgrade the design system of this project with new features on Figma at the lowest effort for this case study.
We learned how we upgrade old design systems to new ones, so in the future, by developing Figma, we can have upgraded design systems.

Thanks for reading!

You can check out the HQ presentation on Behance.

Stay connected with us:

Zinat Farahani — Product Designer
(Medium, Linkedin, Behance, Dribbble, Instagram)

Farshid Darvishi — Product Designer
(Linkedin, Behance, Dribbble, Instagram)

--

--

Farshid Darvishi
Farshid Darvishi

Written by Farshid Darvishi

I’m a product designer with over ten years of experience building digital products in both B2C and B2B environments.

No responses yet