From af117702167467d72fd9f9b00653ea7941117a3c Mon Sep 17 00:00:00 2001 From: Corey McCormick Date: Sun, 20 Oct 2024 18:16:11 +1000 Subject: [PATCH 1/2] Start adding details about design comp --- src/App.jsx | 2 + src/component/Navbar.jsx | 1 + src/routes/DesignCompetition.jsx | 90 ++++++++++++++++++++++++++++++++ src/styles/design-comp.css | 4 ++ 4 files changed, 97 insertions(+) create mode 100644 src/routes/DesignCompetition.jsx create mode 100644 src/styles/design-comp.css diff --git a/src/App.jsx b/src/App.jsx index b13918e..4841f3c 100644 --- a/src/App.jsx +++ b/src/App.jsx @@ -13,6 +13,7 @@ import Constitution from "./constitution"; import SGM from "./Sgm"; import HackathonPage from "@/routes/Hackathon"; +import DesignCompetitionPage from "./routes/DesignCompetition"; function App() { return ( @@ -30,6 +31,7 @@ function App() { } /> } /> } /> + } /> diff --git a/src/component/Navbar.jsx b/src/component/Navbar.jsx index 80c6962..d51b9c5 100644 --- a/src/component/Navbar.jsx +++ b/src/component/Navbar.jsx @@ -43,6 +43,7 @@ function Navbar() { Rules + ✨ Design Competition ✨ + }>Expressions of interest now open! + +
+

What's this all about?

+

+ Code Network's website is where we showcase who our club is, why we exist, and what we do. We need to communicate this information to: +

    +
  • Students - who want to know why they should join our community and how they can get involved
    • +
  • Members - who want to see what our upcoming events are
    • +
  • Academics at QUT - who want to share our club with their students
    • +
  • People in the industry - who want to know why they should support our club
    • +
+

+

+ Code Network is planning to rebuild this website in 2025 as part of our transition towards more open club projects. We feel that this + would be a great opportunity for our members to contribute to a real-world project. +

+

+ And then we thought, why stop with the code? Why don't we give our members a chance to design our website? That's where you come in! +

+

Your Mission...

+

...should you choose to accept it, is to show us your design skills and to create the coolest website anyone has ever seen!

- setValue(val)} - textColor="inherit" - variant="fullWidth" - > - - - - - - - - - - - Phase - Date - Details - - - - - Entries Open - 18 November 2024 until 10 February 2025 - Submissions to be made via a Google Form. Link to be provided soon! - - - Shortlist Announced - 16 February 2025 - The top 10 candidates will be announced and will be voted on by the community. - - - Community Vote - 17 to 20 February 2025 - Members of the Code Network community will be asked to vote on their favourite design. - - - Winning Design Announced - TBA - The winning design will be announced at the first Code Network event of the year. Shortlisted candidates will be invited to attend to be recognised in-person. - - -
- - - - test2 - -
+

All the details:

+ setValue(val)} + textColor="inherit" + variant="fullWidth" + > + + + + + + - - ) + + + + + + Phase + Date + Details + + + + + Expressions of Interest Open + 21 October until 15 November 2024 + + People who would be interested in participating in the competition are asked to express their interest during this time period.
+ Express your interest here! + + + + Entries Open + 18 November 2024 until 10 February 2025 + Submissions to be made via a Google Form. Link to be provided soon! + + + Shortlist Announced + 16 February 2025 + The top 10 candidates will be announced and will be voted on by the community. + + + Community Vote + 17 to 20 February 2025 + Members of the Code Network community will be asked to vote on their favourite design. + + + Winning Design Announced + TBA + The winning design will be announced at the first Code Network event of the year. Shortlisted candidates will be invited to attend to be recognised in-person. + + +
+ +

Please note, this timeline is subject to change at the discretion of the Executive Team. Please check back regularly for the latest details.

+ + +

Design Mock-ups

+
    +
  • Can be of any format, but we strongly recommend using Figma.
    • +
  • Can be of any level of fidelity, but preference will be given to high-fidelity designs
    • +
  • + We are looking for wireframes that will be relevant to our website. Some suggestions are below, but you are not required to design all of these, + and you are encouraged to add your own pages that you see are relevant. + + + + + Page + Notes + + + + + Home Page + This should act as the cover page to Code Network, and should provide any visitors to our site with a good indication of what our club is like overall. This is where your creativity should shine! + + + About Us + Could be combined with the Home Page. This is where you can go into more detail about who we are as a club, why we exist, and what we do. + + + Upcoming Events + Could also be integrated with the Home Page, but should serve as a quick way to see what events are coming up for our club. + + + Major Event Details Page + Show us, if we had a major event coming up, such as our Winter Hackathon, what should people see? + + + Projects Showcase + A place for our members to display the cool things they have been building as part of our club. + + + Club Projects + + This is a place for people to see the projects our club is building that they can contribute to. + Different from the Projects Showcase in that the showcase page is more of a hall of fame, while + the Club Projects is where members can find things they can contribute to. + + + + Blog + Where our club shares the latest updates regarding what's happening + + + Industry Engagement + + Our club relies on funding from industry sponsors to run our activies. We may need to dedicate a page to telling + companies why they should support our club and what they would get out of sponsorship. Consider our prospectus + on the current home page for inspiration. + + + + Anything Else + + Show us your creativity! What else do you think people visiting our website should be able to see? + + + +
    +     +
    • +
+

Responsive Layout

+

For each page, please provide a mobile device-responsive version.

+

Explanation of Design Choices

+

You will be asked to provide a brief statement to explain your overall design choices in your wireframes.

+ + +

Judging criteria coming soon!

+ + + + + + + Prize + Award + + + + + First Prize + $500 Prezzee eGift Card + + + Shortlist Prize + $25 QUT Retail Gift Voucher (to be confirmed) + + +
+ +

Other prizes may also be announced at the discretion of the Executive Team.

+ + +

Please direct any questions to hello@codenetwork.co.

+

We would be happy to answer any questions relating to the competition or about what we would like to see from the website.

+ + + + + ) }