About the project
MyCAP was created with the mission of democratizing access to the stock market and sharing its financial market expertise.

Problem
MyCAP planned to launch a mobile app for clients and had an initial low-fidelity prototype in PDF format. The company requested a full review of the app’s architecture and user flows, and the development of a complete visual layout, including both light and dark modes, along with technical documentation for their in-house development team.

The main challenge was delivering the app quickly. To meet this goal, screens were developed and delivered in prioritized packages for an efficient launch and future updates.

Solution
A brand-new design was created, going beyond outdated trends and with complete freedom to innovate. A style guide was developed to ensure design consistency and to allow the internal dev team to make minor adjustments or build new features without constant design support.

Contributions

Evaluation and refinement of app flows
Design system creation (light and dark themes)
High-fidelity UI design for all screens
Full technical documentation (flows and assets)

Process

App Audit
The first step was reviewing the low-fidelity prototype to understand the app's structure. I created a report highlighting unclear elements and questions, which were clarified in an alignment meeting with stakeholders.

Timeline and Screen Packages
Once the flows were understood, we aligned expectations and timelines. I estimated the time needed for each feature pack, including the development of the visual style guide.

Design System
After presenting a few visual proposals using moodboards, I designed core screens to validate the look and feel. Once approved, I created a style guide detailing spacing (based on an 8pt grid), colors, and components for both themes.

Documentation
Following MyCAP’s guidance, I prepared comprehensive documentation to support development. In total, over 200 screens were delivered with precise specs.

Results & Challenges

Good handoff to developers isn’t just about visuals—it involves understanding their workflow and tools. Collaboration with the dev team helped define what kind of assets and formats would be most efficient.

Creating dark mode wasn’t just about inverting colors. It required careful contrast and alignment with the brand identity. Delivering in screen packages also helped reduce stress and enabled the team to launch the core product faster, with a clear update roadmap.

Key Learnings

This project taught me how different teams may work with different expectations. I gained a stronger understanding of handoff best practices, and the complexity of designing for both light and dark themes in harmony.

Delivering features in focused batches helped me prioritize core functionality and ensure the most critical parts of the product were launch-ready from day one.

Skills

Design Systems, UI/UX Design, Style Guide Creation, Product Strategy, Mobile Design, Figma

📈 MyCAP Investment App (Dark/Light UI)