Twisting our everyday realities by Philip Lück

Original Source: https://abduzeedo.com/twisting-our-everyday-realities-philip-luck

Twisting our everyday realities by Philip Lück
Twisting our everyday realities by Philip Lück

AoiroStudio1222—21

3D artist Philip Lück shared a very creative project on his Behance, re-imagining our daily lives with a twisted flair. Using Maxon Cinema 4D, Philip does an incredible job at merging our realities into abstract and playful masterpieces. Some of them aren’t too obvious at first glance but this is what it is about too. You gotta take the time to think about your reality and how the artist pushed it into a new reality. Check it out, how does it reflect with your reality?

More Links

Personal Site
Behance
Instagram

Digital Art

Twisting our everyday realities by Philip LückTwisting our everyday realities by Philip LückTwisting our everyday realities by Philip LückTwisting our everyday realities by Philip LückTwisting our everyday realities by Philip LückTwisting our everyday realities by Philip LückTwisting our everyday realities by Philip LückTwisting our everyday realities by Philip Lück

Follow Philip on Behance

Moon Display Typeface — Font Design

Original Source: https://abduzeedo.com/moon-display-typeface-font-design

Moon Display Typeface — Font Design
Moon Display Typeface — Font Design

AoiroStudio1222—21

After featuring a couple of NFT projects for the past days, I think it will be a good chance of pace to feature font design for a change. Actually by saying that, I stumbled across the work of Dan Ferro who shared about his typeface design titled ‘Moon Display’. This set comes with uppercase, lowercase, and glyph; the overall design makes me think of poster design and graphic design. It’s really bold, serif and I really love the art direction here. These projects always give me the inspiration to create my own typeface someday. What do you think?

Font Design

custom typeface design Display graphic design  poster type Typeface typography

custom typeface design Display graphic design  poster type Typeface typography

custom typeface design Display graphic design  poster type Typeface typography

custom typeface design Display graphic design  poster type Typeface typography

custom typeface design Display graphic design  poster type Typeface typography

custom typeface design Display graphic design  poster type Typeface typography

custom typeface design Display graphic design  poster type Typeface typography

custom typeface design Display graphic design  poster type Typeface typography

custom typeface design Display graphic design  poster type Typeface typography

custom typeface design Display graphic design  poster type Typeface typography

 

custom typeface design Display graphic design  poster type Typeface typography

custom typeface design Display graphic design  poster type Typeface typography

custom typeface design Display graphic design  poster type Typeface typography

custom typeface design Display graphic design  poster type Typeface typography

custom typeface design Display graphic design  poster type Typeface typography

custom typeface design Display graphic design  poster type Typeface typography

custom typeface design Display graphic design  poster type Typeface typography

 

Dan Ferro is a creative director and a designer based in Los Angeles, CA, USA. Check out more of his work via Behance.

A Complete Sana Commerce Review

Original Source: https://ecommerce-platforms.com/articles/sana-commerce-review

B2B eCommerce and B2C businesses acting as manufacturers, distributors, or wholesalers face many challenges, the most important of which is ensuring their customers are happy. To help leave a smile on your customer’s face, using the right eCommerce software platform for your business is imperative. One such platform is Sana Commerce. So in this Sana Commerce review, we’re taking a deep dive into what this eCommerce solution has to offer.

That’s a lot to get through so let’s make a start.

What is Sana Commerce?

sana commerce review

Sana Commerce was born in 2007 in Rotterdam, the Netherlands. Its CEO is Michiel Schipperus and the company aims to provide an eCommerce platform to help distributors, manufacturers, and wholesalers run their online businesses. Namely, by eliminating system silos and needless complications and accommodations that some mainstream eCommerce solutions cause. 

For starters, this Dutch business helps entrepreneurs run an online store that provides customers with reliable and accurate data. The platform achieves this by making your Microsoft Dynamics ERP system (Enterprise Resource Planning), and eCommerce functionalities work as one unified structure. As a result, you only have to maintain one database, with data updating in real-time. 

At the time of writing, it’s used by over 1,500 businesses worldwide across various industries, including automotive, chemicals, construction, food and beverage, manufacturing, medical supplies, electronics, distribution, and retail. Also, some of their more notable clients include heavy hitters like Mitsubishi, Hummert International, and Pepco. 

Sana Commerce also offers:

Flexibility: Sana Commerce boasts a decoupled front and back end built upon the React framework. This enables forward-thinking businesses to be headless commerce ready and benefit from all the flexibility of this structure. 

Fast performance: The Sana Commerce Cloud improves front-end experiences with high-speed page performance. In fact, it’s the first single-page application (SPA) explicitly built for B2B businesses. 

Go to top

A Sana Commerce Review: Sana Commerce Pros and Cons

We’ll cover lots of information, but let’s start this Sana Commerce review with a consolidated pro-cons list:

Pros:

It’s suitable for B2B and B2C businesses.It’s well-reviewed.There’s a handy online resource library, blog, and FAQs section.You can ask for a free assessment and personalized demo tailored to your business before you spend your hard-earned cash.Sana integrates with a significant number of add-ons, including Amazon Pay, World Pay, PayPal, FedEx, UPS, and MailChimp.

Cons:

No prices available on Sana Commerce’s websiteThere’s no free trial available at the time of writingIts website isn’t written in accessible language for first-time usersSome reviewers have said they find the software confusing to use

Go to top

Sana Commerce Features

Sana Commerce offers multiple features, but we’re zoning-in on the following set of key functionalities:

Order Management

While it’s natural for businesses to focus on how their website looks, it’s equally important to have a platform that makes it easy to provide customers with a seamless experience. 

The Sana order management feature aims to do precisely this. 

How? 

By offering the following capabilities:

B2B and B2C Order Processing and Returns Management

Most notably, you can:

Display shopping cart calculations in real-timeEdit orders (including after they’ve been placed)Communicate order status to clientsAllow past orders to be reordered with just a click.Facilitate streamlined product returnsUse your ERP’s standard quote request (RFQ) process.Customers can track their orders in real-time.Customers can save their cart to buy later.Shoppers can benefit from dynamic billing and shipping addresses.Consumers can access one-step checkoutCustomers can view product manuals online

Needless to say, the above goes a long way to making the ordering and returns process easier for you, your team, and most importantly, your customers. 

sana commerce review

Organize and Display Products

Sana Commerce’s order management features automatically create product pages for your online store based on products housed in your ERP and product information management system (AKA the PIM system). 

If you make any changes to products in your ERP, this is then mirrored in your online store in real-time. As a result, all of your products showcase the correct images, stock availability, ratings, reviews, product descriptions, prices, and more. 

sana commerce review

You Can Offer a Localized Experience

You can translate your online store into multiple languages using Sana’s ready-to-use language packs. You can also translate just certain pages based on product availability in different countries. It goes without saying, this functionality comes in especially handy for entrepreneurs looking to extend their global reach. 

sana commerce review

Manage Online and Offline Order History

You can keep all online and offline order data in one place via the Sana Commerce Cloud. This allows customers to view their past orders with you via email, phone, and fax. 

sana commerce review

Native ERP Integration

Sana Commerce’s native ERP integration ensures you never lose out on any sales. Nor are you ever put in a situation where you have to fix incorrect data. Namely, because any changes you make are updated in real-time, and all data is stored in one place, which works wonders for eliminating replication, silos, and confusion. 

sana commerce review

Enhance The Customer Experience

To stay ahead of your competitors, it’s essential to keep customers happy by providing an excellent customer experience. Sana Commerce helps you do this by:

Account Management From One Centralized Dashboard

From the convenience of one account dashboard, you and your customers can view each customer’s orders, quotes, returns, etc. Customers can also see their account history with your business without needing to phone/email your customer support team. 

Sana Commerce review

Efficient Invoicing

You can enable customers to pay invoices online, and B2B customers can pay multiple invoices simultaneously to save you time and reduce errors.

Sana Commerce review

ERP Standard Quote Request Process

Sana Commerce is designed to meet the needs of different order scenarios. This includes different industries, what you sell, and who you sell to. Your customers can also create or quote an order using your ERP’s standard quote request process. 

Sana Commerce review

Visual Designer

Sana Commerce comes with a drag-and-drop visual designer that enables you to build a customer-facing website that supports omnichannel purchases. In addition, all pages are responsive, and as such, are mobile, desktop, and tablet friendly.

You can also enable customers to zoom in on specific features from a single product image. From here, customers can also add the product to their shopping cart and view additional product information. This is especially helpful for B2B customers who sell spare parts, for example.

Sana Commerce review

Go to top

Sana Commerce Insights

You can view all commercial data such as your web analytics, data on order numbers, order value, customer numbers, and revenue from one dashboard. Rather than Google Analytics, Sana uses Piwik PRO to offer customers insights and clickstream data. These analytics are customer-specific and not anonymous, so you can see individual customer purchases and click paths.

Sana Commerce review

Go to top

Sana Pay

To provide a seamless customer experience, your business must offer a safe and straightforward online payment process. Sana Pay aims to make purchasing painless by allowing your business to accept customer payments via all major credit and debit cards and bank payments. 

This personalized checkout feature seamlessly integrates with your ERP and Sana Commerce website. Sana Pay also helps boost conversions by making repeat purchases easy and offering a customized checkout experience. For instance, you can enable customers to make purchases in multiple currencies.

Sana Commerce review

Go to top

Integrations

On top of the key features mentioned above, you also have access to Sana apps. Sana integrates with several payment service providers, including Amazon Pay and PayPal, as well as email marketing automation services like MailChimp, and product feed integrations for different marketplaces like Amazon, Facebook, and eBay. Of course, Sana Commerce also integrates with popular shipping providers like UPS, FedEx, and the United States Postal Service (USPS).

Sana Commerce can also configure price quote solutions (CPQ) and product information management systems that you can integrate with. Both of which aim to simplify the storage and management of your product data. 

Sana Commerce review

Go to top

A Sana Commerce Review: Sana Commerce Pricing

Sana Commerce has three pricing plans to choose from. The right package for you mainly comes down to company size:

Customer PortalStandardEnterprise

At the time of writing, there were no prices available on the Sana website. So if you’re interested, you’ll have to contact Sana Commerce directly for a quote. 

That said, let’s look at what each pricing plan has to offer:

Customer Portal

This package is aimed at businesses looking to simplify their O2C (Order to Cash) systems and enable customers to view and pay for products online. 

With this plan, you receive:

A native ERP integrationCatalog browsing24/7 access to historical documents and dataCustomer account management featuresInvoice management features Online payment capabilitiesRMA handlingA production and test environmentAccess to a customer success managerBi-weekly product updatesProjects team

Standard

This plan is the most popular out of the three. It’s for any business that wants to sell online quickly using the Sana Commerce Cloud. Standard plan customers receive everything in the Customer Portal plan, plus: 

An intuitive CMS (content management system)Real-time order capabilitiesExtra-test environment for developersSingle-page applicationA B2B streamlined checkout flow with Sana PayWeb store and ERP analytics50,000 monthly site visitors10,000 products Guided Sana trainingBackup retention planAn SLA defined response and resolution time

Enterprise

This plan is designed for larger enterprises that want to reduce their cloud-based infrastructure costs. Here, customers receive everything listed in the above two programs, plus:

You can handle up to 200,000 monthly site visitorsYou can list up to 150,000 productsExtra acceptance environment for developersEnhanced security with Sana Commerce’s Web Application and API Protection (WAAP)An extended backup retention planA faster response and resolution time

Sana Commerce review

Go to top

A Sana Commerce Review: Customer Support and User Reviews

Sana Commerce promises a good customer experience for your customers, but what about the support the platform offers its own customers? 

The Sana website has a Resource Library where you can access blogs on new trends, white papers, reports, on-demand webinars, and infographics. There are also case studies on the Sana website, which you can search and filter by industry, region, and business goals, so you can see how businesses in your industry use Sana and what successes they have had. Featured sectors include agriculture, electronics, construction, wholesale, healthcare, manufacturing, and many more across the globe.

Sana University offers training sessions from Sana experts. However, this option is buried within the Partner Program section of Sana’s website rather than in the Resources section. So, you’ll have to hunt to find it! This is where you’ll also find Sana’s Community hub. Here you can access support, training, marketing materials and download the latest software versions of Sana Commerce. Unfortunately, you can’t access this area without an account. 

If you want to reach Sana, you can do this via live chat or phone. You can contact Sana by phone Monday to Friday, 9 am to 5 pm, and there are two numbers to choose from, one’s US-based and one in the Netherlands. You can also connect via social media – more specifically, Facebook, Instagram, Twitter, and LinkedIn. 

As for reviews, Sana performs well on G2, where it’s recognized as a Momentum Leader among mid-market eCommerce platforms. Reviewers praised its YouTube instruction videos, easy setup, functionality, and good customer service. However, some reviewers say the learning curve is steep, and some seem unclear about what the product can and can’t do. 

Capterra reviewers score it an impressive 4.5 out of 5 and note its exemplary customer service, ease of use, and easy implementation. However, some reviewers were less optimistic about how cumbersome adding individual items is when building a Sana eCommerce store.

Sana Commerce review

Go to top

A Sana Commerce Review: Is Sana Commerce Right for Your Business?

While no eCommerce solution is 100% perfect, it’s essential to try and find one that fits the line share of your B2B and B2C business needs. Now that you’ve read our Sana Commerce review, you’ll hopefully have a better idea of what it can do for you.

Sana Commerce is an exciting proposition because it can use the existing data and logic stored in your Microsoft Dynamics or Microsoft Dynamics 375 ERP. As such, it can make your ERP and eCommerce platform work as one, which goes a long way to eliminating needless silos. 

If you’re looking for such a solution, then judging by Sana’s glowing online reputation, it may be worth a punt.

Are you ready to try www.sana-commerce.com? Or are you considering other eCommerce platforms like Shopify, BigCommerce, or Magento? Either way, let us know in the comments box below how you get on! 

The post A Complete Sana Commerce Review appeared first on Ecommerce Platforms.

The best USB-C mouse available in 2021

Original Source: https://www.creativebloq.com/buying-guides/best-usb-c-mouse

Find the best USB-C mouse for you, whatever your needs.

How to Choose a Color For Your Website

Original Source: https://www.hongkiat.com/blog/choosing-color-for-website/

Your website’s color scheme is a vital UI element that ensures positive visual appeal leading to a good user experience. You may not realize but a lot of users make their buying decisions n the…

Visit hongkiat.com for full content.

20 Free Christmas Card Templates You Can Download

Original Source: https://www.hongkiat.com/blog/free-christmas-card-templates/

When you’re creating Christmas-specific designs, you’ll find a lot of websites that offer Christmas resources like fonts, icons and vectors. However, certain type of resources like…

Visit hongkiat.com for full content.

Best Wireless Inkjet Printer Reviews

Original Source: https://designrfix.com/article/best-wireless-inkjet-printer/

Today, the most common type of printer used in many homes and offices is the best wireless inkjet printer. These printers have become very popular due to their ease of use and convenience. They can be used anywhere without having to worry about cables or wires getting tangled up. With them, you can print from your…

The post Best Wireless Inkjet Printer Reviews appeared first on DesignrFix.

You can now buy a Switch OLED dock, without the Switch OLED

Original Source: https://www.creativebloq.com/news/switch-oled-dock

But should you?

Exciting New Tools For Designers, Holidays 2021

Original Source: https://www.webdesignerdepot.com/2021/12/exciting-new-tools-for-designers-holidays-2021/

The year’s winding down as everyone segues into a much-needed holiday R&R. But that doesn’t mean there aren’t some awesome new tools and resources for website design projects.

Check them out, and hit the ground running in January. Here’s what’s new for designers this holiday period. Enjoy!

Fancy Border Radius Generator

Fancy Border Radius Generator is a fun tool that allows you to create exciting shapes for elements. Use the included templates or create your own border shapes and then export the CSS/HTML for a variety of uses.

Pulsetic

Pulsetic answers the question: “Is your website down?” Get website downtime alerts by phone call, SMS, email, or Slack. Create beautiful status pages and incident management reports and keep visitors (and your team) updated.

Ffflux SVG Generator

Ffflux SVG Generator makes it easy to generate fluid and organic-feeling gradients. You can use the resulting graphics as backgrounds to elements on a page to give a colorful fluid look to page elements. Choose colors and styles, then save or copy your SVG for use.

Fable

Fable is a web-based motion design platform to help you tell moving stories. It’s designed to be easy enough for beginners to use but has tools that even the most experienced motion designers can appreciate. This is a premium tool, but you can try it free.

Modern Fluid Typography Editor

Modern Fluid Typography Editor takes the guesswork out of sizing and scale for type sizes on different screens. Set a few preferences and see ranges your type styles should fall in. This typography calculator is visual and easy to use.

Emoji to Scale

Emoji to Scale is a fun look at emojis in a real-world relationship to each other. Make sure to also note the Pokemon to Scale project, which is just as much fun.

Page Flip Text Effect

Page Flip Text Effect is a fun and straightforward PSD asset that adds a nice element to design projects. Everyone can use some fun, colorful animation, right?

Nanonets

Nanonets is a practical tool for automated table extraction. You can snag tables from PDFs, scanned files, and images. Then capture relevant data stored in tabular structures on any document and convert to JSON Excel, or CSV and download.

Browsers.page

Browsers.page shows browser name and version, matched with a list of the browsers you support as a company or project. It’s a visual reminder to update if you are working with some browser lag. It’s a free tool and includes a frontend API.

UKO UI

UKO UI is a Figma dashboard and design system bundle packed with components and pages to build from. It’s free for personal use.

Floating UI

Floating UI is a low-level library for positioning “floating” elements like tooltips, popovers, dropdowns, menus, and more. Since these types of elements float on top of the UI without disrupting the flow of content, challenges arise when positioning them. It exposes primitives, which enable a floating element to be positioned next to a given reference element while appearing in view for the user.

Style-Dictionary-Play

Style-Dictionary-Play lets you experiment with a style dictionary in your browser with a live preview and mobile and desktop views. It’s an open-source tool and allows for URL project sharing, and you can use it without logging in or signing up.

Airplane Runbooks

Airplane Runbooks makes it easy to turn small amounts of code into complex internal workflows. Model onboarding flows, admin operations, cron-like schedules, and more and share with your team. It’s like Zapier but for first-party operations that touch prod data.

Shoelace

Shoelace is a forward-thinking library of web components that works with any framework. It’s fully customizable – and has a dark mode. It’s built with accessibility in mind, and the open-source tool is packed with components.

Tutorial: Coloring with Code

Coloring with Code is an excellent tutorial by the team at Codrops that will help you create beautiful, inspiring, and unique color palettes/combinations, all from the comfort of your favorite text editor. It’s practical and easy to follow along as you work through the steps on your own.

Stytch

Stytch is a full-stack authentication and authorization platform whose APIs make it simple to seamlessly onboard, authenticate and engage users. Improve security and user experience by going passwordless with this premium tool.

Highlight

Highlight keeps web apps stable. With pixel-perfect session replay, you’ll get complete visibility into issues and interactions that are slowing down users. You can start using this premium tool in minutes, and it works on every framework.

Source

p img {display:inline-block; margin-right:10px;}
.alignleft {float:left;}
p.showcase {clear:both;}
body#browserfriendly p, body#podcast p, div#emailbody p{margin:0;}

The post Exciting New Tools For Designers, Holidays 2021 first appeared on Webdesigner Depot.

Case Study: A Unique Website for Basement Grotesque

Original Source: https://tympanus.net/codrops/2021/12/13/case-study-a-unique-website-for-basement-grotesque/

Basement Grotesque is one of basement studio’s first self-initiated projects. We wanted to create a typeface tailored to the studio’s visual language. It became the perfect excuse to show it off with a website that could suit its inherent bold and striking style.

The Beginnings

Our design team had just redesigned the studio’s identity. For the wordmark, instead of using an existing font, we decided to draw each of the characters in an effort to capture the distinct voice and style of the studio. Once we had drawn those final seven letters (and the period sign), it seemed only natural to expand them to a full-fledged bespoke font. That was the beginning of Basement Grotesque.

From then on, our task was fairly clear: we had to create a strong typeface, suitable for large headings and titling, and it had to be bold. Inspired by the specimens of grotesque typefaces of the early 19th century, and combining them with the renewed brutalist aesthetics of the contemporary visual landscape, Basement Grotesque would become our first venture into the daunting world of type design. We weren’t just designing and releasing a new font; we were on the journey of learning a new craft by doing.

Coincidentally, the studio had established quarterly hackathons to devote specific time and space to develop self-initiated projects where the whole team would get together, work on and ship anything we wanted to explore and test that wouldn’t normally be possible with client work. After some brainstorming, the first project chosen for our first hackathon was the site to launch and share our first typeface. Again, it just felt like a natural decision.

“This font is really the result of a creative itch we wanted to scratch a long time ago. We took on the challenge and now we have a growing typeface, open and available to anyone who wants to use it” — Andres Briganti, Head of Design

The Process

Once the goal was set, the challenge was to finish at least one weight of the typeface and then make a website to promote it and its future additions. We had to do something captivating so that it would motivate our community to use it and share it.

The font quickly got to a stage where it was advanced enough to be released. Part of the appeal of the project was the idea to create something that was an ongoing effort and a work in progress. New weights and widths, and even revisions and updates would become available and open to the public as time goes by.

Starting with the Black Weight (800), each character was carefully designed to convey the studio’s visual style, and some of the features of the current version are:

413 unique glyphs14 discretionary ligaturesBold, our voice and tone, of courseOld style and lining figuresLanguage support for Western and Central European languages

Create, Develop and Show Off

With the font in hand, we now had to build a website to present it. It had to be interactive enough to show the typeface’s features, but also feel solid and performant.

The preferred tech stack at basement is Next.js with TypeScript. Having those as basics, we then chose GSAP for animations, Stitches for CSS-in-JS, and Locomotive Scroll for better scrolling experiences — among other libraries. We started from a template repository, next-typescript, for faster development.

“We worked on a tight deadline, and the team really delivered. Each of us worked on a specific section, and then we arranged everything together to get to the final result.” Julian Benegas, Head of Development.

The repository was made open-source, so feel free to fork and play around with it: https://github.com/basementstudio/basement-grotesque.

Interesting Code Challenges

1) In the “Try this beauty” section, we have an interactive preview, where you can adjust the font size, leading, and tracking, to see how it looks. We had to create a ResizableTextarea component to solve some spacing issues. The syncHeights function synced the height of a placeholder div with the actual textarea node. A bit hacky!

function syncHeights(textarea: HTMLTextAreaElement, div: HTMLDivElement) {
const value = textarea.value.replace(/n/g, '<br>')
div.innerHTML = value + '<br style="line-height: 3px;">'
div.style.display = 'block'
textarea.style.height = div.offsetHeight + 'px'
div.style.display = 'none'
}

Full source here.

2) On the footer, we used the 2d physics library p2.js to get that cool “falling letters” animation. The code is a bit long, but please, feel free to follow the source from here.

3) We integrated with Twitter’s API to get and render tweets hashtagged #basementgrotesque on the website. On the download flow, we suggested that users tweet something to show some love ?

const handleDownload = useCallback(() => {
const encoded = {
text: encodeURIComponent(
'I’m downloading the #basementgrotesque typeface, the boldest font I’ll ever use on my side-projects. Thank you guys @basementstudio 🏴 Get it now: https://grotesque.basement.studio/'
)
}
window.open(
`https://twitter.com/intent/tweet?text=${encoded.text}`,
'_blank'
)
download(
encodeURI(location.origin + '/BasementGrotesque-Black_v1.202.zip')
)
}, [])

Full source here.

The Results

See it for yourself: https://grotesque.basement.studio/.

The code is open-source: https://github.com/basementstudio/basement-grotesque.

More About Us

basement.studio is a small team of like-minded individuals whose purpose is to create visually compelling brands and websites, focusing not only on their looks but also on their performance. As we like to say: we make cool shit that performs.

Our award-winning team of designers and developers are hungry for even more interesting projects to build.

Do you have any projects in mind? Don’t be shy: https://basement.studio/contact.

The post Case Study: A Unique Website for Basement Grotesque appeared first on Codrops.