Hello, my name is Athar.

I'm a UI/UX Designer who likes to prototype in HTML, CSS and JavaScript.

Check out some of my work below

Design Leadership

Client: Tandon Group Users: External and internal
Project: Lead user experience and website design and development for three brands.

Workflow Tool

Client: Apple Users: Individual Contributers
Project: Combine three existing tools into one dashboard to improve workflow and increase productivity.
Email
A mail update dashboard to track and close correspondences in 24 hours.
Productivity
A daily production tracker with real time updates and historical data at a glance.
Tasks
A list to claim, filter and process different workloads according to varying levels of importance.

Global Process Overview

Client: Apple Users: Management Team and Individual Contributers
Project: Design a web application to track productivity in real time for all team members.
Real Time
Updating every 15 minutes from the database.
Productivity
A daily production tracker with real time updates at a glance.
All Users
All processes with drill-down to individual users.

Calculator UI

Client: Infinxinc.com Users: Potential Clients
Project: Stepped sign in form and calculator with state based interactions.
Sign in form
Make it easy to add information and "unlock" the next step.
Workflow
Guide users with appropriate controls and feedback.
Fruitful
Simple, intuitive and worthwhile for the user.

Fashion jewelry site redesign

Client: Isharya Users: Retail traffic
Project: Redesign an existing jewelry e-commerce site.
Update
New visual design to reflect a luxury brand
Usability
Subtle, simple, and useful interactions
Accessible
Responsive, device agnostic design
Athar Hafiz © 2018

Digital Art

I like to make art with code. Scroll below for some of my experiments with HTML/CSS.

Card select UI

Flexbox with feedback using opacity filters and transitions
  • 4×32 Glass Tag
  • sku#: ST015 (F11)
  • Large Ferrite Transponder
  • sku#: ST019 (H5)
  • 30mm Clear Laminated Tag
  • sku#: ST069 (G3)
  • FDA Meat Tag
  • sku#: ST027 (J4)
  • Harsh Environment Tag
  • sku#: ST001 (B3)

Isometric 3D screens

3 dimensional tiles

Rotation on x,y and z axis with translateZ

1

2

3

4

5

6

7

8

9