oscakampala / oscakampala.github.io

Website code for the open source kampala community
https://oscakampala.org
10 stars 23 forks source link

Design Website UI/UX #12

Open ronnielutaro opened 2 years ago

ronnielutaro commented 2 years ago

The design team at Open Source Community Africa has already fully designed a style guide that you can as well reference here. You may as well make use of the chapter's design assets/resources. The goal here is to re-design the User Interface/User Experience(UI/UX) for all the necessary initial OSCA Kampala Website pages, while keeping Simplicity, Usability and Aesthetics in mind.

The output of all this will be used and easily followed by other contributors while working on the original/initial development of the website's layouts in reference to these UI/UX designs.

Ideally, the recommended tool to support easy collaboration is Figma, as other designers may as well easily contribute to these same designs with more creative ideas once the Figma Board link is shared. The official OSCA Kampala Figma Board may be referenced here. In cases where you're more comfortable using other Design tools for example Adobe XD, you may export your designs and import them into Figma. An example of how to do this for Adobe XD can be referenced here. Similarly for other tools, you may try to find out how to do the same with your tool of choice. Your ultimate goal should be to export your designs to the same Figma Board/resource.

KakoozaJerry commented 2 years ago

@RonnieLutalo and @Samsonroyal, or anyone here, I have created a Figma link here where open collaborative mock ups can be designed and shared. You simply have to know how to use Figma which resource I have linked here and you can start making proposed design pages .

Ensure to create a new frame for each website page and also include all the resource assets used

ronnielutaro commented 2 years ago

Alright, I'll start working on a few designs, thanks @KakoozaJerry!

KakoozaJerry commented 2 years ago

WhatsApp Image 2022-05-13 at 4 10 40 PM WhatsApp Image 2022-05-13 at 4 10 39 PM (1) WhatsApp Image 2022-05-13 at 4 10 39 PM WhatsApp Image 2022-05-13 at 4 10 38 PM

Samsonroyal commented 2 years ago

this stuff is awesome; can we now get it into figma? so they (designs) can look more pleasant to the eye and closer to our goal.

KakoozaJerry commented 2 years ago

this stuff is awesome; can we now get it into figma? so they (designs) can look more pleasant to the eye and closer to our goal.

@SyfaCollins

SyfaCollins commented 2 years ago

surely

this stuff is awesome; can we now get it into figma? so they (designs) can look more pleasant to the eye and closer to our goal.

Surely

Samsonroyal commented 2 years ago

surely

this stuff is awesome; can we now get it into figma? so they (designs) can look more pleasant to the eye and closer to our goal.

Surely

Looking forward to seeing the figma designs

SyfaCollins commented 2 years ago

@KakoozaJerry @RonnieLutalo @Samsonroyal I have so far handled two pages of the home and experience, you can check them out and modify more.

KakoozaJerry commented 2 years ago

This looks great, I think we can as well add a section for some of the suggested items below from previous discussions,

Lincoln-developer commented 2 years ago

Alright team, it's great work

kaksv commented 1 year ago

This looks interesting to find