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

Summary

Summary Cover

UI/UX Design

Feasibility Study

Overview:

*Feasibility study for Summary app was conducted as a part of an ongoing project at HireNinja Inc. Therefore, in company's interest, the conclusions of this process are not being mentioned here.
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.

Users & Audience:

Summary app considers its target audience to be the people who:
- Don't have much time to read longer articles
- Have shorter attention spans when it comes to mobile screens
- Are not cut for writing longer pieces of text, but would like to share their thoughts with the world

Scope & Constraints:

Scope:

The project had to be implemented in an MVP fashion first. So the immediate need for UX research was to determine what essential features the app should non negotiably have.

Constraints:

The first thing I understood from my experience as an avid reader is that a summarization app can't be a replacement for knowledge acquisition. Therefore, it would best work as a medium of information exchange.

Secondly, when considering the range of subjects across which the summarization strategy can be applied is rather narrow. You can for example, explain the gist of an article related to coding in 7 pointers. But say if you're talking about a philosophical topic, take human morality for example, its going to require deep thought explained in a continuous line of reasoning. Hence this app cannot present itself to be a publishing platform solely like Medium.

Third, given the network density and user unwillingness to move from already existing social media giants like Facebook & Twitter, the app can't be a social platform neither in entirety or partiality. Instead, it should find ways to leverage the power of already dominant behemoths.

And finally, the app can potentially be leveraged to build news timelines given enough flexibility is allowed in its architecture.

Design Process:

Keeping in context the idea of marrying time based feed style with a touch of publishing, the app homepage welcomes user with featured stories atop the screen, followed by latest stories/summaries from user's subscribed accounts and topics.

Summary Home

On opening a story user gets a touch of freshness with parallax display on story's cover. But the goal here is to present an all too familiar article/news story pattern where the user gets author details and related links at the end.

Summary Art

The font combination is a contrast between a serif (Merriweather) and sans serif (Open Sans) font.

New Summary screen is inspired by Google Keep and Medium's "infinity-ish" design as I feel it gives user a sense of independence in expressing their thoughts rather than having to experience typing in a bordered field. This display can be implemented using the same old html components, but the user experience of a borderless input field is nothing less than liberating.

Summary New

And finally, the profile section draws inspiration from all too familiar Instagram, but throws in a little variation with Merriweather's beautiful numerics to assert that this is afterall, a text dominant platform.

Summary Profile
Divider