Roy Alnashef

Los Angeles

Product designer for web, desktop, and mobile apps. Currently working with 23/7 Global and Mane Addicts

css, html, thinking, ui, ux

Date Picker - LiveThrough — Survivalists on LiveThrough wanna pick dates! We're gonna lettem. Download the Sketch file. Maybe your people can pick dates too.
Scott's Cheap Flights - concept — This is a concept I made recently for Scott's Cheap Flights. Scott's delivers fantastic deals on international flights to its subscribers. They do so by watching for sales and mistakes made by airlines and forwarding those deals through an email newsletter. Since the flight availabilities are usually set in the future and destinations tend to be arbitrary, I made the assumption that the flier...
Buyer On-boarding — Brandboom just launched a network that matches wholesale buyers with Brands implicitly by learning from each transaction that happens on the platform, and explicitly through matching trade shows. The matches get even better when buyers and sellers complete their profiles and add information about their businesses. This on-boarding design aims to help buyers fill out their profiles, add trade sh...
LiveThrough Course List — LiveThrough.co gives survivalists and outdoorsmen with various levels of experience a catalogue where they can find courses to expand their skills. It's a little passion project of mine : )
Brandboom - Share your catalogue — After a seller designs a digital catalog, they can generate links to share with retail buyers. They can give the link an access code, an expiration date, and decide whether or not a buyer can download images. Once the first buyer visits the URL, a visitor log is saved and can be viewed by the seller. Here's a look at the old share widget.
Brandboom Modals
Brandboom - Retail company profile — This is the first iteration of a retail profile page as seen from an admin level retail buyer's perspective. The admin can edit the company information, manage their buying team, add and edit store locations and distribution centers, and add/edit a billing method.
Brandboom Form Guidelines — Form styles from Brandboom's design system
Brandboom Color Swatches — Brandboom's color swatches are picked to leave as much room as possible for our future designers to create freely. These colors should cover every shade that might be used in our ui and illustrations. Since our brand color is red #E54641, we decided to use blue as our primary color. The light grey scale is used for background and border colors while the dark grey scale is used for type.
Brandboom Button Guidelines — Brandboom is a huge platform with lots of different actions for users to take and feedback for the system to deliver. We developed a button set for the app that should meet every need we could have, and includes animated feedback right in the buttons themselves. We use the solid buttons the most, which should be easily recognizable and provide high contrast against any base color in our dashboa...
Brandboom Type Guidelines — The product team at Brandboom decided to use Roboto as the main typeface for our app interface and for long-form text on the public site. Roboto Condensed is used for promotional headlines in the app and for the main headlines on the website.
Progress Button State — This is a simple progress state that the Brandboom team and I implimented as part of the first iteration of the design system. It's not too flashy, but it does a good job of letting a user know that everything's ok while something's happening in the background. Hopefully, we'll be able to do something a little more fun later on, but we like it for now : )
Practicing my animations — Putting some interaction practice time in. This is fun : ) Does the teal card feel like it's getting ahead of the other cards on the reverse transition?
Account Registration — This is a registration flow for a web app that aggregates all of your content and the feeds you follow into a single place. In the early stages, users will have to add their content and feeds by url. Later on, the app will be able to scrub their social accounts and pull in their content and feeds automatically.
Brandboom home page concept — This is one of the home page concepts I worked on for Brandboom's website. This version explores the idea of leading a visitor through a step system that shows them how they can find buyers and grow their brand. Not a new idea, but pretty good at showcasing the three main features on Brandboom: designing a digital lookbook, finding qualified wholesale buyers, and managing an e-commerce business.
Smart Leads Animation — With every interaction a buyer has on Brandboom, your leads get smarter! Looking to get better at animation, so feedback is appreciated : )
Chat Widget Animation — Brandboom lets wholesale buyers chat with sellers while they shop. On the seller side, we allow them to watch some of the buyer's behaviors right in the chat widget so they can anticipate questions and strategize their messaging. This is an animation showing some of the different events that are being tracked.
Wholesale Catalogue List — At Brandboom, we've been working on a toolset for brands to easily design digital catalogs with their wholesale inventory, share them with buyers, and take orders. This is a list page of those catalogue designs.
A Little Slide And Wiggle — Having a little fun with Flinto : )
Sidestep - API example use case — This is a little example for how you can use Sidestep's api to add value to your transactional emails. You can see this and other examples on Sidestep's Developer page: https://shopsidestep.com/developer
Startitup Case Study - Long Beach, CA — This is a case study template that I was fortunate to work on with StartItUp.org. The goal of this page is to tell the story about how StartItUp and the city of Long Beach, CA have been working together to boost the local economy by providing entrepreneurs with the digital and analog tools they need to better launch their local businesses. The initial wireframe I was presented with seemed dis...
Sidestep - Event Detail — On Sidestep, artists and merch managers can let their fans pre-order merch and pick it up at any show on their tour. The event detail screen delivers pre-order data for an event, a downloadable pull-sheet, and a downloadable settlement that merch managers can use to settle their bill with a venue.
Sidestep - Promotion Links — We've been working on ways that our artists and store managers can track their marketing efforts back to Sidestep. This is the beginning of a solution that allows artists to share unique links with their online networks and track the value of merch that gets added to the cart or checked out by their fans. Each share generates a new link. Artists can add notes to the links to help identify them....
Sidestep 404 — This 404 page was a quick project to give Sidestep's lost shoppers options for finding artists and shopping for merch. When the shopper begins typing in the search field, the page populates with content containing the search term.

← Prev Next →

Loading more…