About me

Name: Getty Orawo

Affiliation (Podii Software academy and Consultancy)

Location: (Kisumu, Kenya)

Project description

Abstract/summary (<20 words):

UI design enhancement of publiclab.org

Problem

Publiclab.org being a functional and well informative site needs a few touches on it's UI displays to bring out the best in it's presentation to first timers visiting the site and even day-to-day users. There are various pages that need UI attention taking that they aren't as presentable as they could ultimately be.

Timeline/milestones

Having No solid professional background in design or graphics. I will maximize my time on the implementation using the many good looking ready-made wire frames from the UI designers. This will involve breaking down the milestones into smaller manageable chunks so as to cover much ground with maximum understanding of the concepts used.

Milestone 1) Profile Page

The profile page currently looks like this fro a new user:

The wire frame we could use for the design revamp is:

Timeline (Profile Page)

For the highlighted period below; The following milestones can be accomplished on this page:

Milestone 2 (Dashboard Page)

The dashboard page is the default first encounter when a user logs into the site. It should be good enough to keep the users interested in what Publiclab.org has to offer. This is how the Dashboard looks as at now:

_
_

The Dashboard appears too crowded by the tags,

The activity section is quite informative but also cluttered and not as presentable.

The social media section is a bit hidden.

Here is the wire frame we could use to style the dashboard and make it look amazing.

Timeline (Dashboard Page)

For the highlighted period below; The following milestones can be accomplished on this page:

Milestone 3(Questions Page)

It is cluttered with tags at first view

The question text box is too small and may discourage longer questions

The display of the questions is detailed but the look can be made better.

Here is how the questions page looks now:

For the Questions page, her's the UI wire frame that we could use:

Timeline (Questions Page)

For the highlighted period below; The following milestones can be accomplished on this page:

Milestone 4(peoples page)

As at now, this is how the people's page looks:

_
_

This page could be better displayed using cards rather than rows.

Timeline (Peoples Page)

For the highlighted period below; The following milestones can be accomplished on this page:

Milestone 5 (Subscription stats Page)

I worked on the backend functionality of grouping the subscription stats(that were in JSON format) into common subscriber count. This is how the page looked.

_
_

It's to be grouped and fixed into this layout:

Timeline (Subscription Stats page)

For the highlighted period below; The following milestones can be accomplished on this page:

Needs

I would need all the assistance and guidance I can get from my mentors in everything I do. _

I would also ask for resources on UI design so that I can better my design approach

Would love guidance with what 2D javascript engine best works for the final milestone

First-time contribution

closed PR: https://github.com/publiclab/plots2/pull/5224

open Issue: https://github.com/publiclab/plots2/issues/5229

Experience

While starting school I learn HTML and CSS with a side of JavaScript but it wasn't my cup of tea back then. In 2016 I was an intern at a coding boot camp where I started learning Ruby on Rails; After the boot camp I drifted from coding once again due to impostor Syndrome. I was getting really discouraged by how much people around me know that I don't. Beginning 2017 I began the journey once again and swore not to quit no matter the circumstances. I went back to coding in Ruby which is the prettiest language ever laid my eyes on. I do Javascript and love to play around with Jquery animations. Earlier this year I began learning a functional paradigm called 'Elixir on Phoenix' alongside Ruby and the experience is fantastic. _

Github profile: github.com/gettyorawo

Gitlab Profile: gitlab.com/gettyorawo

Teamwork

Mozilla Community

Podii community

Agile Ventures Community

Passion

Public lab projects are amazing to work on since they are not just bound to one strategy of doing things. The personnel is welcoming to new ideas and they are very inspiring when it comes to collaboration. I'm passionate about graphics and motion, no wonder my attraction to JavaScript and Jquery libraries.

Audience

There are millions of people who visit the public lab website on a daily. I want them to feel the welcoming Ora whenever they visit the site. It's to reach out to people with impostor Syndrome like I used to have, those who don't feel they could achieve much but have so much potential. They need to know that they can actually be part of a community like public lab that welcomes everyone with open arms. This will be a stepping stone for them as it is fro me since they get to learn so much while having fun too.

Commitment

From reviews and alumni blogs, I understand that joining Outreachy takes one's full commitment to the project's contribution and collaboration. I am a tonne excited to be part of this journey since I have seen other people grow so much from this, and I'm also excited to grow both skill wise and social wise.