Sticker Wall – Creating holo effect in SwiftUI ✨ — There were so many tiny things to consider when creating the holo effect, that I truly believe these details would have been impossible to prepare for in Sketch or Figma. Details such as: - using an additional dynamic white sparkle layer to create a compelling holo effect - reacting to pitch/roll changes relative to various device positions (e.g. in hand, on table, etc.) - resetting motion values when the device rests for more than 2 seconds with minimal motion - keeping battery and performance in mind - providing "dev/config" controls in context to tweak values just to feel right Hope you'll find this post interesting! 🙌 #swiftui #concept #stickers
Karim Saif
Product Designer ⁕ in Egypt
Visual Designer ⁕ Product Designer ⁕I fell in love with technology ⁕ Framer ⁕ Figma ⁕ Spline ⁕ Rive ⁕ Notion ⁕ Software Engineer ⁕ UI Designer ⁕ Prompt Engineer
- bento.me/karimsaif
- Egypt
(TERRACOTTA) iPhone 14 - Animated mockup — The Terracotta Collection contains four animated video mockups adding up to a total of 26 seconds of footage. » After Effects CC » Drag & drop workflow » Adjustable reflections » iPhone 14 Pro x 2 » MacBook Pro x 2 » Showreel ready file ↳ bakedgraphics.com
eOne - Visual Identity — Short animation overview of eOne's new visual identity and website. You can check out more at bb.agency/project/eone #web #branding #product
New phone number purchase — One of the modals I recently designed for the OpenPhone web and Mac app
Skala progress bar — A progress bar for Skala. This prototype was made in Processing, but it’s Swift in the production app. #animation #progress #spinner
Graphite Logo Exploration #2 — An open-source and free design software made by very passionate volunteers. Similar to my first iteration, I decided on a slightly more abstract approach. I "carved" the pencil out of the hexagon. I think this makes for a really nice logomark/app icon! What do you all think?
Settings Page for Mobile App - Lokie App — ◑ Design Elements: Clean Layout: The screens maintain a clean and organized layout, ensuring clarity and ease of use. Consistent Typography: The use of consistent fonts and font sizes enhances readability. Iconography: Icons represent various settings and categories, aiding quick recognition. Color Scheme: The light mode employs a soft color palette, reducing eye strain. #appdesign #figma #settings
Eindsprint — Exam training detailpage — It's time for the final exams again! For some, it's a breeze, for others, a massive challenge. With Eindsprint, you can confidently approach your final exams. Eindsprint assists students in passing their final exams by offering exam training. I helped Eindsprint optimize the search and booking process for exam training. In doing so, I worked on improving the training detail page and overhauled the ordering process. Eindsprint provides exercises and trainings to equip you for success in your final exams. Eindsprint already helped more than 10.000 students!
2024 Portfolio Website — As a 90s kid, pixel games have always held a special place in my heart. Marking my first year as a product designer, I’ve decided to infuse my portfolio website with a pixel theme! Check it out here: bygideon.com
Sticker Wall – Playing with SwiftUI 😍 — My first ever SwiftUI project trying to recreate Apple iMessage holo stickers ✨ Huge thank you for Philip Davis for his incredible course, Janum Trivedi and Alex Widua for the open source projects and Gavin Nelson for the inspiring prototypes! 🙌🔥 #swiftui #concept #stickers
Airbnb Countdown Button — Quick pass at the countdown button from the Brian Chesky's post on X today Community file available here 👇 www.figma.com/community/file/1367534021362169439/airbnb-countdown-button
Huis van het Boek logo — In The Hague, you'll find a hidden gem for book enthusiasts: 'Huis van het Boek,' which translates to 'House of the Book.' The brand has been distilled to its core resulting in a self-explanatory logo that has given it a fitting, contemporary appearance.
Graphite Logo Exploration — An open-source and free design software made by very passionate volunteers. For this #logo , I wanted to nod to Graphite’s roots. The current logo features a pencil, which is a big favorite among the folks who contribute to the software. So, I made sure to keep that iconic pencil in my design by giving it a little twist. By playing with negative space, I not only kept the pencil but also introduced a node, which is a key part of Graphite’s features.