QR Code | Product Design | Filter | Dashboard | Analysis | Login
Services We Provided:
Product Design - Landing Page Design - Branding - Art Direction
Let's Mail 👋
Let's Chat Telegram 👋
Follow Me
Logging into a system has never been so much fun!
Interactive forms, password reset with eye-catching qr code. All methods are geared towards the user's enjoyment and intended service. During login, the app's promotional video, system information and advertisements provide a high-level experience.
Dig deeper into the image and see the details. Profit from the smooth transition of the background to the golden ratio intervals.
A Simple, Plain, Understandable Landing Page
Not a giant a gigantic approach, Adaptive Menu
In this project, we aimed to create a visually clean yet highly functional interface, which led us to explore Apple’s innovative “dynamic island” concept. Inspired by this solution, we developed a system where the content dynamically adapts to its context, offering the user different sets of actions depending on where they are within the app.
For example, on the dashboard screen, users are presented with the main menus. However, when navigating to an item page, those menus automatically shift into more specific functions such as filter options, adding to favorites, sorting items, and making selections. On the filter screen, the UI adjusts exclusively for filtering needs, while on the item detail screen, users are given functionalities like download, edit, print, and clone.
The visual I’ve shared below demonstrates the adaptive UI concept in action. The lower section of the interface morphs between different functional elements, ensuring that the user only sees relevant controls depending on the context. This dynamic design approach not only streamlines the user experience but also minimizes clutter, creating a more intuitive and responsive interface.
By introducing this flexibility, we’ve built a system that feels seamless and tailored to the user’s current task, making the overall experience more fluid and enjoyable.
Dynamic QR Listing Interface
This screen represents the item page, where QR codes are listed. Each QR code is displayed in a card format, equipped with specific functions tailored to the user’s needs. These QR code cards include essential information like the target URL, QR code link, view and scan statistics, allowing users to take quick actions directly from this interface.
The side menu on the left is designed for users to manage their independent folders. Without leaving the page, users can quickly add new folders or switch between existing ones, ensuring a smooth and uninterrupted experience. This unique side menu structure offers a more functional solution, departing from traditional listing formats.
The top section features a quick category structure, providing fast access, while the adaptive menu system offers category-specific functions. For instance, filtering, sorting, and actions based on status adapt automatically depending on the user’s current location on the page. This ensures users only see the relevant functions, keeping the interface clutter-free and focused.
In summary, this screen provides users with a flexible and customizable experience, enabling them to easily manage their QR codes in an intuitive and efficient way.
List selection screen
The adaptive menu with practical and intuitive responses makes it easy to select and organize!
A pinpoint content transportation tool: Advence Filter
Choose the filter structure you need from the left menu. This way you won't get lost among other detailed filters. If you edit the details of the filters you have selected in the middle area. On the right side, you can see the effect and power of the filter on the content in real time.
A table view that appeals to every user who does not break with tradition
We have not left out users who want to see a lot of content in a small space. We have provided all the ways for users to quickly reach their audience and content. We also offer a completely personalized experience as the columns are determined by the user.
Imagine a menu, impossible not to understand!
The smart menu has an image, content detail and menu information that describes what you click on or select directly in the top area. Thus, a structure that directly guides users who have never used the program.
