cedi web design
centre of interprise, design and innovation
INTRO & BACKGROUND
There is the need for a finished website to be launch this year regarding the New Centre of Enterprise, Design & Innovation (CEDI). There will be the need to be in place a social media strategy. the brief requieres to deign and create a website, following the University of Winchester guidelines received,but in the same time being aware of the already existing section from the WordPress website received. In terms of challenges I had to find a solution that meets both of these needs , while providing ‘fresh’ ideas .
ABOUT
This project will help to determine the internal and external requirements from such a centre with regards of Business Diagnostics, Knowledge, Heritage Interpretation design, New technology ( AR/VR/3D/Printing), Training and Networking.
Here is the link to the finished Website Prototype created by me in Adobe XD, copy and paste it in your preferred browser to see the entire website :
https://l.facebook.com/l.php?u=https%3A%2F%2Fxd.adobe.com%2Fview%2F32603a97-07d4-4349-5455-2ab5fa0b7949-4451%2F%3Ffullscreen%26fbclid%3DIwAR0Uk5VcR1vB9KG_su897gmn6otendIobYDuLEIt20AZps9c1z9LsyKpFVQ&h=AT3CV2qsCUeAgcRO9GV0k9Vt_zde-a0oOFEvCdJl59wTDgPaNYd7yVuE0XFn_76cC65QTY2nvTXzHtqH801eGQjoT87BM1xzRHFGz4mX4DOAvd39PNo_ujBUn2qbZNLq2Xm2
Web Designs
All the designs were made following the Branding of University of Winchester and quidelines .
TOP OF THE PAGES ALL DESIGNED ACCORDING TO THE QUIDELINES & BRANDING
As part of the brief the users should have the possibility to log into their own accounts therefore I had to design a membership Log in page following the guidelines and brand. Therefore this is what i came up with using Adobe XD
The page has the title of the Web Page, the Name and Password spaces that need to be filled, along with a ‘forget password?’ button which every Log In page should have . And lastly a Log in Button. I also added a “Not a member yet?Click here” part for the people that didn’t create in account yet. It isn’t
Once you created your membership account you will have your own page where you can easily access all the files you uploaded by clicking on the file icon. You also have your own profile pic with your name , the Settings option and info about your membership all on the same page for easy access.
Just like the example in the left which is the top of the Digital Heritage Design Service Page , each service page will have the specific grid on top of it which represents the brand of University of Winchester(the squares) .
VIEW DETAILS PAGE
BUSINESS DIAGNOSTIC PAGE
HOW I MADE THE GALLERY WORK AS A 'REAL' ONE IN ADOBE XD
ALL THE PAGES THAT I DESIGNED AND PROTOTYPED FOR THE ENTIRE WEBSITE
BLOG PAGE
The website also requires a Blog Page which had to have the column that you can see in the right which has the Recent Posts, Recent Comments, Archives and Meta.
Underneath the article you have all the recent comments from this specific article, which is different than the small ‘Recent Comments’ section on the left which shows the most recent comments from several articles.
THE SERVICES THE COMPANY OFFERS
The services offered by CEDI are Business Diagnostic Testing, Digital Innovation Lab, Training Hub, Digital Heritage Design, Networking and Maker Days, Research & Consultancy ,which each have a separate page for you to explore.
You can access them using the Services button or by clicking on one of the images from the services section from the Home Page that you can see in the image on the right.
