Web Application Design

My Roles: UI / UX Designer
Software: Adobe XD / Figma, Adobe Photoshop

I was hired on contract to create mockups for a client's web application, focusing on user-friendly and visually appealing designs that aligned with their brand. Collaborating with the client and developers, I refined the mockups based on feedback, ensuring a smooth transition to development.

Languages: HTML, CSS, JS, React, Material UI

Balancing Light and Dark

In designing the client's web application, the goals focused on enhancing user experience by incorporating both light and dark modes to cater to diverse user preferences and environmental conditions. The objective was to ensure accessibility and readability while maintaining visual coherence with the client's brand identity across both modes. Solutions included developing distinct color palettes and contrast levels for each mode, implementing an intuitive toggle feature for seamless switching. The emphasis on adaptable UI components aimed to deliver a cohesive and user-centric experience that meets the client's vision and user expectations

Light Mode - Personalized Feed

Dark Mode - Not Logged in Feed

Sketches, Wireframes, and Mockups: The Steps of App Deisgn