The Goal
JLL Real Estate came to us with an interesting project. They wanted us to create two unique websites for Unley and Northpark shopping centres, but they also had to share the same structural layout to increase turnaround speed and keep to a budget.
If we created two websites with the same layout and structure, how did we make them look different?
Step 1: Sitemap
Before we could figure out how to make these two websites look different, we had to decide on the structure of the sites. We worked with Sarah, marketing coordinator at JLL, to create a sitemap which helped us understand what content had to be shown, and which parts could be repeated.
Because this workshop was held during the COVID-19 social distancing period, we used InVision Freehand to collaborate.
Step 2: Wireframes
Once we laid out where our content was going, we began to draw up some rough wireframes with Sarah. This is where we dictated layout and functionality, and also gave Sarah an idea of how the website would be structured once completed.
Step 3: Design
Now that we knew where everything was going and how it was going to be laid out, it was finally time for the exciting bit! We created the basic page layouts for each website using Adobe Xd, and then used different colours, opacity levels, image treatments and typefaces to give each site it’s own unique personality.
The final result
” Digital Noir were fabulous to work with! They produced 2 great websites that are not only user friendly but beautiful in design. They were super helpful throughout the process & nailed the look & feel for what I asked of them. ”
– JLL Australia
Have a look for yourself!
WE'RE READY FOR THE NEXT CHALLENGE
If you have a digital problem that you need help to solve, let us know! We’ll be back in touch for a chat soon.
WE'RE READY FOR THE NEXT CHALLENGE
If you have a digital problem that you need help to solve, let us know! We’ll be back in touch for a chat soon.