In this section, you can see my weekly practice for user-interface design in my UX course at San Diego State University in 2025. Every week, I focused on different terms and practiced the technical build-out within Figma. My main goal was to explore different styles for various industries while ensuring accessibility.
“UI is the saddle, the stirrups, and the reins. UX is the feeling you get being able to ride the horse.” — Dain Miller
+
“UI is the saddle, the stirrups, and the reins. UX is the feeling you get being able to ride the horse.” — Dain Miller +
![[selection tabs] for a news app](https://images.squarespace-cdn.com/content/v1/67863dc1a37b137ef1cb5f72/4b54029c-a9ec-49d3-9621-7802f0493f94/News+App+%28Tabs+Mockup%29.png)
![[landing page] for an events app](https://images.squarespace-cdn.com/content/v1/67863dc1a37b137ef1cb5f72/2d3246da-e95d-4499-815e-02bf1d654371/UIOTW_PhoneMockup.png)
![[chips] mock-up for a shopping app](https://images.squarespace-cdn.com/content/v1/67863dc1a37b137ef1cb5f72/f0b3e5f0-c845-49a5-9c70-c98c1e6f32f6/Chips+Mock+up.png)
![[date pickers] for a travel booking app](https://images.squarespace-cdn.com/content/v1/67863dc1a37b137ef1cb5f72/b0ebef0a-7fec-4721-b6c6-8cfb446c0029/Date+PickersMockup.png)
![[modals] for healthcare app](https://images.squarespace-cdn.com/content/v1/67863dc1a37b137ef1cb5f72/caf79c08-2bb8-4888-a3e1-ff9d0394f7e8/modalsmockup.png)
![[computer dialogs] for a healthcare website](https://images.squarespace-cdn.com/content/v1/67863dc1a37b137ef1cb5f72/1bff8e0f-71de-4df7-8868-88fbc6c35418/dialogs+computer.png)
![[file upload] for a media-editing app](https://images.squarespace-cdn.com/content/v1/67863dc1a37b137ef1cb5f72/23892059-ae0b-4b6c-b42f-2fa36e442669/file+uploadmockup.png)
![[bottom navigation] for a fitness tracking app](https://images.squarespace-cdn.com/content/v1/67863dc1a37b137ef1cb5f72/dc0e4077-01e1-4988-89da-cec17362c8ae/Bottom+NavigationREVISED.png)