My Role(s)
For the Reality app, I designed the entire user interface and user experience on Figma, ensuring the app was fully functional. The app's primary goal was to authenticate all forms of media, with users able to upload videos, access a quick test feature, explore community discussions, and view trending content. I was responsible for creating intuitive and engaging designs for all pages, ensuring a smooth user journey throughout the app.
Takeaways
This project was a great opportunity to expand my UI/UX skills. By working through the practical design challenges, I was able to refine my ability to create cohesive brand elements and a seamless user experience. The process helped me grow as a designer and better understand how to merge aesthetics with functionality to deliver a polished final product.
Reality App
Design:
UI/UX Branding
Advertisement
Designed Fall 24'
Programs Used:
Figma
Photoshop
Illustrator
Reality is an app for authenticating articles and videos through a simple submission process. The design, developed in Figma, ensures a smooth and intuitive user experience. Features include video uploads, quick tests, community discussions, and trending content, balancing aesthetics with functionality.
Process
The goal of the Reality app project was to design a tool that helps users verify videos, articles, and photos through an authentication system. The app also serves as a learning resource to teach users how to spot fake content and report it directly. To support the launch, I created targeted marketing materials, including social media posts and posters, aimed at younger, digitally active audiences.
The left image shows my first design direction, originally called AuthenTech, which leaned too heavily into a corporate, business-focused aesthetic. With a greenish-blue palette and a tech-style “A” logo using rounded square elements, it lacked the relatability needed for a younger audience. The right image shows further logo sketches, exploring variations of the A mark as I shifted toward a more approachable, youth-friendly identity.
This section shows the Illustrator explorations for the original AuthenTech concept, including the initial color palette, logo development, and typographic tests. These visuals represent the early ideation phase of the project—one that ultimately felt too corporate and misaligned with the goal of creating a relatable, youth-oriented app.
This image shows the Illustrator wireframe of the Reality app layout, outlining key screens such as Home, Video Check, Trending, Quick Test, and Community. Alongside the app structure, it also includes the wireframe layout for social media promotions, blocking out how posts will look using the updated Reality branding. These frames focus on function and flow before moving into full visual design.
This final stage captures the logo refinement process for Reality, exploring color adjustments, shape variations, and the incorporation of a magnifying glass icon—a visual metaphor for the app’s mission to help users “see the reality.” The magnifying glass became a key element in the splash screen animation, where it moves dynamically to reveal the logo and reinforce the theme of uncovering truth.
UI Screen Breakout
Splash Screen and
Mobile Walkthrough
Advertisement Deliverables
UI/UX Process
The first draft of the UI/UX process showcases the initial AuthenTech app design, featuring a green and blue color scheme with a basic layout structure. This early version focused on outlining key functionality but lacked the visual tone and approachability needed for the younger audience the project aimed to engage.
The second draft remained under the AuthenTech name, but marked the beginning of a color transition, as I started experimenting with coral tones to create a more inviting and youthful feel. While the branding hadn’t fully shifted, the app’s layout and functionality began to take clearer shape, with improved organization and a more user-friendly structure emerging.
The third screenshot shows a more complete functional blockout of the app, with the main screens fully mapped out before moving into secondary flows and interactions. Although the logo was still unfinished at this stage, the app’s overall structure and color palette were starting to come together, setting a solid foundation for the next design phase.
