ARTISM

Responsive site

VISIT ARTISM

OVERVIEW

Artism is a non-profit organization which connects individuals with autism to the society through arts. It is also a marketplace to showcase and sell arts created by these aspiring artists with autism.

Project brief is to build a one to three pages site of any subject matter using either the responsive or adaptive approach. The site must demonstrates unique mobile, tablet and desktop layouts.

Artism responsive mockup

MY ROLE

  • Research, persona & content writing
  • Site map & wireframes
  • Logo design
  • Design mockup
  • Final build

RESEARCH, PERSONA & CONTENT WRITING

Autism is something close to my heart. The subject matter is inspired by a very gifted and talented cousin who has autism. Despite limitation in verbal ability, he communicates with people around him through his world of strikingly colourful artistic creations.

Artism persona

SITEMAP & WIREFRAMES

Site's hierarchy in reference to organization's goal to create awareness about autism by focusing on the artists' strengths rather than what they might not have. It highligted the need as a non-profit to generate donation to support their cause and to run the organization.

Artism sitemap
Artism wireframes

LOGO DESIGN

Since the 1960s, symbol related to autism is often represented by the jigsaw puzzle piece(s). The origin of this connection was supposed to signify a missing piece in people with autism. This actually portrayed very negatively on them by saying they do not “fit in” a complete puzzle.

Autism logo references

Staying away from the puzzle piece symbol, the initial logo design was a looping DNA helix – nothing is missing but a complete circle. However to create a stronger connection between autism and art, it was redesigned as a typographic logo combining “Art” and “Autism”. Hence “Artism” was born.

Artism logo sketches

DESIGN MOCKUP

Striking green and purple palette combined with alternating white spaces brought attention to the colourful artworks.

VISIT ARTISM
Artism design mockup

CONCLUSION

A great learning experience to plan and develop a responsive site from scratch.

VISIT ARTISM

→ SEE OTHER PROJECTS

Pocket Chicken thumbnail Artism thumbnail TripTravGo thumbnail Call Me Orange thumbnail Archer Design Build thumbnail K-tobe Bodyfit thumbnail