Redesigning the SEF Site

Design
1

Decision to redesign was clear. Current site even though preforms on the aspect of functionality, fails to impress the eyes of our client.
Current Website: https://sefglobal.org

Due to the mentioned fact the topic has been brought up and worked on multiple times by the team. But was failed to achieve each and every time. After long discussions it was clear that the problem was starting the designing from a middle point.
So the focus of this thread is to start the design process from scratch and continue till the end.

Goals to achieve (in order)

  1. Designing Wireframes.
  2. Picking a Design System.
  3. Content creation (Images, texts, links, etc.)
  4. Creating mockups/visual elements.
  5. Developing the website.

Breaking-down the Goals

1. Designing Wireframes.

Extremely simplistic diagram showing how the website is linked together. This will help to identify caveats in the current design. And to identify high priority pages that are harder to visit. Having the wireframes will help to rearrange existing pages and when adding new pages in the future.

Estimated time: 2 weeks

2. Picking a Design System.

Design system should provide necessary tools to confidently design the website.
https://material.io/components?platform=web

Estimated time: 1 week

3. Content creation (Images, texts, links, etc.)

@EngTeam should discuss with other teams and gather necessary content for each page. Content should be finalised (should be copy and paste-able) before moving onto the next step.

Estimated time: 2 weeks

4. Creating mockups/visual elements.

Hardest step to complete. But the help of all the before steps, should help tremendously.

Estimated time: 2 months

5. Developing the website.

Coding <html>

Estimated time: 2 months

Threads should be created to each an every individual step explaining in detail.
These goals are not finalised and just my individual opinion. Before starting from the first step, we need to finalise the goals. So anyone’s suggestions are more than welcome.

cc: @EngTeam @akshika47

2 Likes
2

Thanks for initiating this thread @YohanAvishke !
I think finalizing content would need some effort. Especially on planing what pages should be there and what we going to display. Ramith and the team can work on this in parallel while dev team is working on task 1 and 2.

1 Like
3

This is a great thread.

Some more suggestions.

  1. We need to think about the information architecture (https://www.nngroup.com/articles/ia-vs-navigation/). This is should come before wire-framing or in-parallel with that.
  2. I like the 3rd step. Maybe we can extend this to long-term data storage as well. For example what Gajindu suggested with Google-sheets.
2 Likes