Timeframe: 2 weeks, completed in June 2016
Tools: Axure, Sketch, Atom, HTML, CSS, Github
KiM is a concept created by my peer Chije Wangati (who, in turn, developed the landing page for my app concept, TraWell). It is a team and task management mobile app designed to increase productivity and help team leaders to assign, prioritize and rearrange tasks.
My challenge was to create a high-fidelity mock up of a desktop landing page and to code it.
I started with doing research on competitors such as Trello, Taiga and Asana. I sought design inspiration, and given this was my first coding experience, I tried to keep it as simple as possible. After sketching a few versions, I used Axure for the initial wireframes:
Moved on to Sketch and did a quick moodboard. Continued to work in Sketch for high-fidelity mock-ups and experimented with color palette, typography and iconography...
...until I came up with my final design:
After doing my spec sheet and style guide (I used Sketch Craft plugin), it was time to start coding. You can check out the end results here: https://aygyung.github.io