CSS Design Award - Site of the day
Awwwards - Honorable Mention
Behance - Featured UI
Landing page for TENET, it’s an AI landing page.
A company create a free investment community via Discord and then offer paid subscriptions to access our stock portfolios, educational lessons, and investment mentoring.
They are a serious investment website and offering real long term advice that works unlike many other pretend mentors and gurus online and on social media which offer day-trading services that are not real.
They want to improve an existing website based on scale.com which is their favourite page.
To encourage users to Join their Discord channel and hopefully sign up to their paid services.
We used mind mapping to envision the website’s information architecture, prioritize the hierarchy of pieces, and create a fully functional website. To enhance the overall UX, we must anticipate their needs and present relevant information at each step. As a result, the site structure is influenced by various user types. It was able to simplify user flows between sites based on this by deleting unneeded pages, combining existing ones, and creating new ones as needed
We got ideas for design and animation from their new branding guidelines, especially a series of notation marks showing development have been created to sit as part of the brand suite, highlighting the never stationary nature of the tech behind the brand. These marks were used freely and create a sense of expression and progress within the brand and marketing communications.
We missed some requirements about text, font, colours,... However, video call meetings helped us understand clearly.
This Typeface designed by Mash Creative is a geometric sans font family who dares the modernism and the harmony of the curves. With Modernist roots but details referencing mechanical early Grotesks, Aeonik positions itself as a Neo-Grotesk with a Geometric skeleton; with proportions that are wider than a typical Grotesk, but thinner than a typical Geometric Sans. Structurally, this creates a fantastic balance for both display and text use.
Gray is a neutral color and is the foundation of the color system. Almost everything in UI design — text, form fields, backgrounds, dividers — are usually gray. They want to use the same colors on scale.com.
Big glassmorphism icons are used for NFT IQ’s solutions to get more attentions.
Webflow only allows one product page in one project, but the client wanted to add four types of products with four different types of layouts which were nearly impossible to achieve. Normally webflow developers make static pages, because of that the products are not linked with cms and content no longer remains dynamic. The issue with it is that the client has to add products on separate static pages and also if he wants to update or change any information, the client has to make changes on all static pages.
Whereas we used specific filters and some custom code to create product template pages so that the client can easily manage all product pages from one cms collection list,
As always we even used cms filters for documentation, testimonials, user video reviews, and faqs of each product so that the client can add documents, testimonials, user video reviews, and faqs with the respective product, by doing this client and his team members were able to change and update the content easily
The client wanted the webflow native tab component to work as tabs on the desktop and as a slider on mobile, so it was not possible to use only webflow. Usually, webflow developers make separate sections for desktop and mobiles which makes the site heavy and when the client wants to make any change they have to change from the desktop as well as the mobile which is a painful process.
The client wanted the webflow native tab component to work as tabs on the desktop and as a slider on mobile, so it was not possible to use only webflow. Usually, webflow developers make separate sections for desktop and mobiles which makes the site heavy and when the client wants to make any change they have to change from the desktop as well as the mobile which is a painful process.
By TENET
