![](https://static.wixstatic.com/media/a3c153_6f27754e06844d62a1708b316797fc08~mv2.jpg/v1/fill/w_669,h_446,al_c,q_80,usm_0.66_1.00_0.01,enc_auto/a3c153_6f27754e06844d62a1708b316797fc08~mv2.jpg)
LOCAL OFFER UX DESIGN
Project Brief
This was a project given to the college (DISC) by the Manchester City Council where they were requesting help with updating their "Local Offer" website; the Local Offer, put simply, is a website collecting all the events and services offered mainly to young people with SEND.
Tools
Adobe Photoshop
Adobe XD
01
Initial Planning
So after consulting the brief, I then had to go out and find some guides and information on how to use the basics of Adobe XD as I was going to make the initial wireframe of the website layout.
After some YouTube searching and web browsing, I found out how do the basics of Adobe XD and then I moved onto drawing a basic plan on some paper. After getting a couple of ideas down, I moved over to Adobe XD and I tried to recreate them digitally.
02
Creation
The must-haves were that it needed to have the phrases "I am a young person", "I am family" and "I work with young people" as options, which I placed at the top.
Then there would be a section where news and events would be posted and could be easily clicked on and accessed, that became the middle part of the home page.
Then it needed a FAQ section which I added below, the idea was that it'd be a simple drop-down box with the question and then the answer in the drop down.
The final part was a section where you could sign up to the newsletter in order to keep up to date with what was happening, that became the footer.
Not shown, the very bottom was to include the contact information, copyrights and the involved parties, I added this section in the later version.
![Wireframe #2.png](https://static.wixstatic.com/media/87a6c0_8b9628fb25a041339c576812fdf1b952~mv2.png/v1/fill/w_275,h_628,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/Wireframe%20%232.png)
![Web 1920 – 2.png](https://static.wixstatic.com/media/87a6c0_7c7890af95304ce399cb0c1258d8f825~mv2.png/v1/fill/w_334,h_871,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/Web%201920%20%E2%80%93%202.png)
03
Final Version
I only designed the initial wireframe which was then handed off to the developer who refined the idea and built the page, this ended up being the final concept.
Another intern at the college provided the custom "local offer" graphic for the logo, then another built this concept web page based off my initial design and I built the original wireframe prototype.