https://www.omarfarooqui.com/work daily 1.0 2022-10-17 https://images.squarespace-cdn.com/content/v1/5d3f5cea1d7ae50001cee61c/1564535409293-HMRJT4WGX0FY6TUYEEI3/JCP+Coupon.png Work - Coupon in Cart My focus was to work on the coupon experience in the cart. The idea was to bring a little “fun” and possibly animation to the experience. The intention was to create a guided “wizard” that took the guess work out of picking a coupon. JCP runs multiple coupons simultaneously and some coupon might provide a better discount depending on the items in the cart as only one coupon can be applied at a time. This coupon finder would “do the math” for the user and present them with the best coupon. https://images.squarespace-cdn.com/content/v1/5d3f5cea1d7ae50001cee61c/1564523145461-AAKZ5D2PQDIOBUYJBRYD/Dribbble+-dark-.png Work - Checkout We created a prototype using Sketch + Invision to user test the entire checkout flow from shipment to order completion. JC Penny offers a vast array of products to their customers with multiple shipping and delivery options. We tested for complex scenarios involving ship-to-store, in-store-pickup, and freight delivery. These complex scenarios each came with their own restrictions. Grouping and presenting information in a manner that made the user confident when and how their order would be delivered or picked up. https://images.squarespace-cdn.com/content/v1/5d3f5cea1d7ae50001cee61c/1565056430672-QYTS8WK1V2W0L4LFTUZA/quote+process.png Work - Quote Process The most vital component to Legrand’s entire B2B Portal experience is their Quote Process. From submitting the quote to performing negotiations and approvals to ultimately placing the order, this functionality was the most time consuming element of this project. With over 15 quote types, each of which effected which fields would be present, and line by line discount calculations, the Quote Process was the tool Legrand needed to drive their business into the future as they continue to move further and further away from their mail order catalogue. https://images.squarespace-cdn.com/content/v1/5d3f5cea1d7ae50001cee61c/1565054828855-6Y90P5DG6MOG260D5MZ6/PDP+ipad.png Work - Full Product Detail Page The PDP created for Legrand contained a lot of variable parts. Shown to the right was an example of a full PDP utilizing all potential options. The simpler option would sections of content based on available data pulled from the product list database. https://images.squarespace-cdn.com/content/v1/5d3f5cea1d7ae50001cee61c/1564701166307-BLXCWTZ2GF6K7W7RDUMY/Legrand+Collage.png Work - Home / Dashboard The initial landing page was designed to function like a “My Account” meets dashboard. The information provided would allow the user to see the most recent and relevant information and activity, allowing them to advance in their work flow or begin working on a new area. Hot links would allow a user to take action and begin starting new tasks without having to dig through menus. The layout would adjust to the user’s access rights and their most frequently used tools. https://images.squarespace-cdn.com/content/v1/5d3f5cea1d7ae50001cee61c/1565055576555-TM5941XA58B10HXMJZUP/my+account+collage.png Work - Account Dashboard Where the home / dashboard provided a snapshot and quick actions, the My account provides traditional account controls as well as active and historical data. https://images.squarespace-cdn.com/content/v1/5d3f5cea1d7ae50001cee61c/1565138889164-FCCEJUSUBLANCKPBQRSB/Branding+7+A.png Work - Branding Exploration The objective was to come up with a header icon that helped express a “Pressure Test”. After exploring options involving a check, check list, or valve, ultimately we presented the client with a “pressure gauge” and they felt it accurately represented a way to monitor a potential customer’s risk of hacking, breaching or penalties. https://images.squarespace-cdn.com/content/v1/5d3f5cea1d7ae50001cee61c/1565139581253-K2TLICGSKCLZ44ALGVK9/email+choice.png Work - Email Template Between three potential email templates, Travelers decided to move forward with one that stripped the content to its bare essentials. Knowing their users and their potential email client limitations, they recognized heavy multimedia content would turn off their viewers and shift the intended layout. Links and CTAs were kept to a minimum and mainly to supplementary content. Links to the original results page would cause issue because the results are live generated and not kept anywhere. This extra backend was not something Travelers was willing to establish. https://images.squarespace-cdn.com/content/v1/5d3f5cea1d7ae50001cee61c/1565198288084-ZTHTV7LBG8LB1EBFBKZO/PFJ+account.png Work - Account Management While not the sexiest section to work on, a well designed account management section can make or break a user experience. When a user wants to customize their experience, update their profile, or simply change their password, they need should never have to second guess process. Being able to manage receipt history is key for regular users to manage expenses and be able to submit fueling expenses to their employer or contractor. https://images.squarespace-cdn.com/content/v1/5d3f5cea1d7ae50001cee61c/1565197479646-TMSOEJTB65X5ID206968/PFJ+login.png Work - Login / Registration Flow The login flow was complicated by the various potential routes a user could take in authenticating their account to access the application For registration there were multiple user journeys. The users could be a new users, new users looking to create a new app account and merge existing (possibly multiple) rewards accounts, or a returning user. There are multiple ways to authenticate the user, PFJ was looking to integrate modern biometric login like Fingerprint ID and Face ID https://images.squarespace-cdn.com/content/v1/5d3f5cea1d7ae50001cee61c/1565199350823-X3OL56OZMCQFP27Y9E8R/PFJ+Store+Details.png Work - Stop Details The stop details template for each location was broken down by prioritizing the most glanceable information towards the top of the page followed by actionable links and then a further breakdown of available services for the selected location. https://images.squarespace-cdn.com/content/v1/5d3f5cea1d7ae50001cee61c/1564523145461-AAKZ5D2PQDIOBUYJBRYD/Dribbble+-dark-.png Work - Checkout We created a prototype using Sketch + Invision to user test the entire checkout flow from shipment to order completion. JC Penny offers a vast array of products to their customers with multiple shipping and delivery options. We tested for complex scenarios involving ship-to-store, in-store-pickup, and freight delivery. These complex scenarios each came with their own restrictions. Grouping and presenting information in a manner that made the user confident when and how their order would be delivered or picked up. https://images.squarespace-cdn.com/content/v1/5d3f5cea1d7ae50001cee61c/1564535409293-HMRJT4WGX0FY6TUYEEI3/JCP+Coupon.png Work - Coupon in Cart My focus was to work on the coupon experience in the cart. The idea was to bring a little “fun” and possibly animation to the experience. The intention was to create a guided “wizard” that took the guess work out of picking a coupon. JCP runs multiple coupons simultaneously and some coupon might provide a better discount depending on the items in the cart as only one coupon can be applied at a time. This coupon finder would “do the math” for the user and present them with the best coupon. https://images.squarespace-cdn.com/content/v1/5d3f5cea1d7ae50001cee61c/1665863462707-HPY3F6Z6MFLQM7MI9SO1/pdp.png Work - Product Details Page Designed to accommodate the vast number of variation available to a customer for an product line. The user can select any size, length or color available. https://images.squarespace-cdn.com/content/v1/5d3f5cea1d7ae50001cee61c/1665863146464-UHH1MJ6MA2JESQVIF2US/home.png Work - Home Clean modern and engaging. The goal of the new homepage was to create a sense of creativity and showcase use cases of C2G products. https://images.squarespace-cdn.com/content/v1/5d3f5cea1d7ae50001cee61c/1665864270915-XJSCL7MZCHPZSCGZSM51/PDP.png Work - Product Details Page Designed to accommodate the vast number of variation available to a customer for an product line. The user can also easily find documentation for the product and detailed technical specifications as they scroll the page. Kennametal’s PDP were very technically dense and the variants each had their own uses. Providing the user the right information to make informed ordering decision was key goal identified in customer journeys. https://images.squarespace-cdn.com/content/v1/5d3f5cea1d7ae50001cee61c/1665865184180-YVVUY7LFQ8C548D5H1ZA/Frame+2+%281%29.png Work - Direct Connect Direct Connect is a SaaS-like custom CAD fabrication tool for creating and managing existing CADS. Placing orders and discussing designs in real time to manage costs and feasibility. https://images.squarespace-cdn.com/content/v1/5d3f5cea1d7ae50001cee61c/1665864255613-3GJZV8QUKVTV8IRA0QW7/homepage.png Work - Home The homepage for Kennametal was focused on highlighting unique drilling attachments. Showcasing categories and press releases were the focus of the homepage. https://images.squarespace-cdn.com/content/v1/5d3f5cea1d7ae50001cee61c/1564525898942-W2AXB2EAM0WCAZHPKHNB/image-asset.jpeg Work https://images.squarespace-cdn.com/content/v1/5d3f5cea1d7ae50001cee61c/1564594236570-A2NJ8S29Y7TR1W6D82XY/image-asset.jpeg Work https://images.squarespace-cdn.com/content/v1/5d3f5cea1d7ae50001cee61c/1565056914396-SKGY00Z7OQGCTJJSCUI8/image-asset.jpeg Work https://images.squarespace-cdn.com/content/v1/5d3f5cea1d7ae50001cee61c/1565190713163-CMY18DD0LXP7L2K5MEV3/image-asset.jpeg Work https://images.squarespace-cdn.com/content/v1/5d3f5cea1d7ae50001cee61c/1565199949797-05O7BYIPU74QIS28KNAI/image-asset.jpeg Work https://images.squarespace-cdn.com/content/v1/5d3f5cea1d7ae50001cee61c/1564525898942-W2AXB2EAM0WCAZHPKHNB/image-asset.jpeg Work https://images.squarespace-cdn.com/content/v1/5d3f5cea1d7ae50001cee61c/1665863828897-VF1R431K7G8ZHPGFSMAO/1280_U1Lbz0XWhg291oOe.jpg Work https://images.squarespace-cdn.com/content/v1/5d3f5cea1d7ae50001cee61c/1665864126549-0IKRLTA02CDVVSA9PFAO/ezgif-5-111dca2dd3.jpg Work https://www.omarfarooqui.com/about daily 0.75 2022-10-17 https://images.squarespace-cdn.com/content/v1/5d3f5cea1d7ae50001cee61c/1564537541127-QOCAR2SHGRTKBDV1IYXJ/IMG_20180529_195008-1.jpg About https://www.omarfarooqui.com/contact daily 0.75 2019-07-31 https://images.squarespace-cdn.com/content/v1/5d3f5cea1d7ae50001cee61c/1564537300189-SWM7E6AT9XS16B3B9SVG/image-asset.jpeg Contact