Project Title: Card UI Concept

Client: Kit Renovations

I developed this card UI concept as a practice exercise, building on the design elements from Kit Renovations' sales materials.

By translating the print designs into a digital format, I focused on creating a clean, user-friendly app interface while maintaining visual consistency.

Date: June 2023

My Role

This was an exercise to practice my Ui skills. I focused on the elements used in the β€œHow it works” pae of the sales pdf. By maintaining the consistency of style I iterated on the card Ui design.

Process

  • I began by analyzing the layout and design elements used in the β€œHow It Works” section of the sales PDF.

  • I translated these elements into a digital format, maintaining consistency in style, typography, and color schemes.

  • I iterated on the card UI design, exploring different variations to find the most user-friendly approach while keeping the visual style clean and engaging.

  • The final design focused on clear navigation, simplicity, and an approachable interface that reflects the look and feel of the original print materials.

Reference

Development

Outcome

The UI concept successfully captured the essence of the printed documents while providing a modern, user-friendly app design. This exercise allowed me to strengthen my UI skills and expand on the work I’d done for Kit Renovations, translating print design principles into digital formats.

Tools + Skills Used

Figma, Adobe Creative Suite, User Interface Design, Visual Consistency, Design Iteration, Print to Digital Translation

Previous
Previous

Welcome

Next
Next

Cool Puzzle