AVESSO
Streetwear fashion store: an e-commerce app in Portuguese, from storefront to tracked order, with its own brand
- My role
- Branding · UX Writing
- Year
- 2026
AVESSOContext
AVESSO is a streetwear fashion store: an e-commerce app with a storefront, search and filters, a product page with reviews, bag, checkout, orders with tracking, account and customer service, across 48 screens.
The interface starts from a third-party e-commerce UI kit, which came in English and unbranded. My work was creating the AVESSO brand, adapting the whole app to Brazil and to the brand's voice, and reviewing the screens after the translation.
The challenge
The kit was generic: English copy, prices in Pakistani rupees, S, M and L sizes, Alaska addresses, cash payment and no brand, just a sample symbol. Good-looking, but it didn't feel like a real store, let alone a Brazilian one.
The goal was to turn that starting point into a store with a name, a logo and a way of speaking that someone in Belo Horizonte would use without anything feeling off.
What came from the kit
The structure of the 48 screens, the components, the grid, the black and gray palette, the icons and the product photos: storefront, search, filters, product, reviews, bag, checkout, addresses, cards, orders, tracking, account, notifications, FAQ and customer service.
What is AVESSO's
The name, the symbol and the logo, the app's splash screen, Hanken Grotesk replacing the original typeface, all the copy rewritten in Portuguese in the brand's voice, and the adaptation to Brazil: reais, P/M/G sizes, Pix, addresses with neighborhood and state, and Brazilian names. After the translation I reviewed the screens and fixed what the longer copy broke, such as overlapping chips, a price touching the button and a title wrapping onto two lines.
The brand
Avesso is Portuguese for the inside of a garment, the side you don't usually show. The symbol is the first letter turned inside out: an upside-down A, which also opens the logo. Black and white like the kit, so the clothes and photos are the store's color.
The journey in the app
From the first login to the delivered order, with the copy and data adapted to Brazil.
- 01 / 06
Welcome and sign-in
The splash screen with the AVESSO logo, sign-up and login with error and success messages in Portuguese, such as "Enter a valid email" and "Great to see you again".
- 02 / 06
Storefront, search and filters
Categories in Portuguese (T-shirts, Jeans, Sneakers, Hoodies), prices in reais with the discount in red, recent searches and filters by lowest and highest price, a price range in reais and size.
- 03 / 06
Product, reviews and saved items
The product page with P, M and G sizes, a rewritten description, reviews with the rating in Brazilian format (4,0) and items saved with the heart.
- 04 / 06
Bag and checkout
The bag with a subtotal, discount and shipping that add up, checkout with card, Pix and Apple Pay, a discount coupon and the order confirmation.
- 05 / 06
Orders and tracking
Ongoing and completed orders with each one's status (Packing, Picked up, On the way, Delivered), map tracking with Belo Horizonte addresses and the review after delivery.
- 06 / 06
Account and customer service
My details, addresses and payment methods, the help center with WhatsApp, the FAQ and the chat with AVESSO's customer service.
Empty states
Empty bag, no search results, no notifications and nothing saved: each state says what happened and the next step, in the same tone as the brand.
Adapting to Brazil
Translating wasn't enough: the app's data also had to be local.
Visual System
The kit's palette was kept: black and grays for the interface, green only for success and red only for discounts and errors. The typeface changed to Hanken Grotesk, a firm grotesque for both the brand and the interface.
Palette
AVESSO Black
#1A1A1A
Brand, headings and main action
White
#FFFFFF
Screen backgrounds
Light Gray
#E6E6E6
Borders and dividers
Mid Gray
#808080
Supporting text
Green
#0C9409
Success and completed order
Red
#ED1010
Discount and error
Typography
Hanken Grotesk
400 / 500 / 600 / 800
Brand, headings and interface
SF Pro
400 / 600
iOS status bar and keyboard
Credits
The screen structure, the components and the product photos come from the Ecommerce App UI Kit, a third-party kit. The AVESSO brand, the copy, the adaptation to Brazil and the screen review are mine.
Takeaways
A UI kit speeds up the structure, but it doesn't make a store. What makes a customer trust it is everything around the screen: a name they remember, a price in the format they read every day, the size they wear and copy that sounds like a person. And every translation changes the length of the words, so reviewing screen by screen is part of the job.
