Work

work

what I have done so far

Summary

Summary Cover
Summary Logo

UI/UX Design

Feasibility Study

Case Study

In a fast moving world where people are always on the move and everyone’s looking for tldr’s, Summary is the goto app for getting all your favorite content, condensed. Its a mix of content publishing and sharing to let people share their thoughts in a concise fashion and follow their favorite users and topics to get summaries instead of drudging on long boring articles. Not only that, since its a sharing platform, users can also leverage the platform to share news and build event timelines. These use cases were used as motivation for further feasibility study of this idea. A basic set of app screens were designed keeping the publishing and social aspect of app in place.

Arrow

Arosha Afridi

Arosha Afridi Cover
Arosha Afridi Logo

UI/UX Design | ReactJS

aroshaafridi.com

Case Study

Arosha Afridi is a graphic design major based out of Harrisonburg, Virginia. Being an artist in the making, Arosha needed her online portfolio to be flexible enough to display the full range of her work. Therefore, the neutrality of theme and easy categorisation were the main focus during the UX design. Simplicity of theme also paves way for artwork to outshine other components of the website by grabbing user’s focus against simple background and minimal noise. Considering the fact that it was more important to draw user’s attention to individual artworks rather than creating a visual overload, large imagery was used in portfolio section.

Arrow

Covid-19 Curator

Covid-19 Curator Cover
Covid-19 Curator Logo

UI/UX Design | ReactJS

covid19.muaviausmani.com

Case Study

COVID-19 has brought with it a surge of misinformation. And with the constant stress on stats and mounting numbers, the information outlets and content sharing platforms often paint a very apocalyptic picture of the world. With so much misinformation and depression, finding reasonable and scientifically valid information can be like looking for a needle through a haystack for some. This was the motivation behind building COVID-19 curator, a microsite for curating valid bits of information, collected from the internet. Since the goal was to give up noise in favor of reason, a clean design needed to be an ambassador of this motivation as well.

Arrow

HireNinja

HireNinja Cover
HireNinja Logo

UI/UX Design | ReactJS | Ionic

Under Development

Case Study

HireNinja is a platform for companies to find vetted software developers. Once a developer signs up, the app takes her through a series of steps where she can add her work experiences, education, and portfolio. To be eligible to apply for jobs, developers are required to pass HireNinja’s coding tests, after which they become a part of vetted developer pool that member companies can choose from. The platform also allows companies to manage their hiring pipelines, hire developers from a select pool based on their subscription plans, and can have prolonged access to their preferred developers for future hirings.

Arrow

edjx

edjx Cover
edjx Logo

ReactJS | NodeJS | Postgres

edjx.io

Case Study

EDJX is a serverless edge computing platform that allows businesses to harness the power of large scale cloud infrastructures. Through its business model, EDJX aims to bring infrastructure owners and potential consumers to a single platform that serves the needs of all stakeholders. EDJX is also leveraging the power of blockchain for safe and smooth transactions between the infrastructure owners and consumers. As one of the first engineers at EDJX, I had the opportunity to build the Dashboard app from ground up, made a lot of contributions to its backend architecture, and learned to translate business goals into technical features.

Arrow
Close

Covid-19 Curator

Covid-19 Curator Cover

UI/UX Design | ReactJS

covid19.muaviausmani.com

Overview:

COVID-19 has brought with it a surge of misinformation. And with the constant stress on stats and mounting numbers, the information outlets and content sharing platforms often paint a very apocalyptic picture of the world. With so much misinformation and depression, finding reasonable and scientifically valid information can be like looking for a needle through a haystack for some. This was the motivation behind building COVID-19 curator, a microsite for curating valid bits of information, collected from the internet. Since the goal was to give up noise in favor of reason, a clean design needed to be an ambassador of this motivation as well.

Users & Audience:

The project is aimed at general public looking to find informative resources on COVID-19. Therefore, it has videos from short quick info format to long podcasts, as well as written articles from Medium and other sources for those who might prefer to read.

Scope & Constraints:

The project was aimed to be a UX design exercise more than a full stack challenge, so no automated mechanisms were used for data collection. For videos, YouTube was chosen as only source, since all valid outlets found on social media elsewhere are more than likely to have a YouTube presence. Articles were curated from Medium, and other news websites. One tradeoff with articles section was Medium, and most media outlets don't provide easy to use APIs and finding customized solutions would have taken longer, which is why it lacks imagery and focuses on the more important goal of content curation.

Design Process:

The design process began with a little inspiration to build a custom logo. So I began looking for suitable COVID-19 icon candidates on Iconfinder and stumbled upon the well crafted icon set Coronavirus Flat by Becris.

COVID-19 Icon

The font chosen for logo was Averia Sans Libre, since it strikes a decent balance between an apocalyptic look and not looking too much like Comic Sans.

COVID-19 Logo

Roboto has been used for rest of the text as offers a wide range of weights and is highly legible.

Homepage design was kept minimal with an intent of nudging user toward inner pages.

COVID-19 Home

Since the microsite is geared towards raising awareness and providing users with information, I thought a checklist page would be great to allow users quick access to basic precautionary tips.

COVID-19 Checklist

The articles are shown in an iframe (if allowed by content source) in an effort to retain user on microsite.

COVID-19 Checklist
Divider