Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Design Website UI/UX #12

Open
ronnielutaro opened this issue May 9, 2022 · 11 comments
Open

Design Website UI/UX #12

ronnielutaro opened this issue May 9, 2022 · 11 comments

Comments

@ronnielutaro
Copy link
Contributor

ronnielutaro commented May 9, 2022

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
Copy link
Collaborator

@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
Copy link
Contributor Author

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

@KakoozaJerry
Copy link
Collaborator

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
Copy link
Contributor

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
Copy link
Collaborator

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
Copy link
Collaborator

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
Copy link
Contributor

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
Copy link
Collaborator

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

@KakoozaJerry
Copy link
Collaborator

KakoozaJerry commented May 23, 2022

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

  • Description section for running open-source projects in the community

  • Blogging section

  • Team Leads page

  • Future events

  • Newsletter Subscription section

  • Dedicated Summit Page(Sponsors, Powerpoints, Talks, Agenda, Donation options) , this is a separate website link

  • E-commerce page for merchandise

  • An open-source chat section such as a ranking system for most contributors

  • Download option for full-scaled out application

@Lincoln-developer
Copy link

Alright team, it's great work

@kaksv
Copy link

kaksv commented Jan 22, 2023

This looks interesting to find

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

6 participants