Instigating action through a landing page redesign

A redesign of the Challenge landing page that enhances its functionality and instigates participants to collaborate

27 50

Written by Erika Díaz Gómez

Updated on 23:09, Apr 28, 2017

Upload the Design Brief Deliverables

Screen 1. Landing page Screen 2. A personal story to portrait the challenge and create identification Screen 3. The introduction to the "How Might We" question and a clear timeline to give details of the whole process. Also a quick link to the tools and an invitation to collaborate Screen 4. Contributions page enhanced

Functional prototype in action

My creative process allowed me to conclude that the challenge landing page presented a big opportunity to create value for collaborators. By presenting a functional and appealing navigation experience, I aim to attract both frequent participants and new users into bringing their ideas into action. Storytelling, new ways for collaboration and tools that might instigate their interest were main features of the redesign. Functional Prototype https://invis.io/87BAYH6ND#/228847799_HM-_Feedback

Please share a link to your portfolio

www.eriqueta.com

Why do you want to be OpenIDEO's Visual and User Experience Designer?

I am Erika and I ask a lot of questions. Although visual design has been part of my experience for 8 years, it was 18 months ago that I decided to acquire a human centered approach by attending a Swedish innovation school called Hyper Island. My career started as an editorial designer specialized in data visualization and moved afterwards towards digital media, innovation and user experience. I believe in diversity, collaboration and constant learning.

How many years of experience do you have?

More than 5 years of experience

How did you hear about this challenge?

I received a newsletter from the IDEO community. I'm a contributor and very big enthusiast of the collaborative projects.

What did you learn when developing the deliverables in response to the design brief?

- Methodologies for facilitating creative processes are a very important asset to implement in projects. - The importance to contribute / add to what already exists. Sometimes we get too excited about creating from scratch instead of building upon already created experiences. - Feedback is the best gift you can receive :)

DESCRIPTION

A redesign of the Inclusion Challenge landing page that contains 4 sections

1. A landing page that accentuate the challenge and timeline aspect.
2. A testimony of a person which will present the problem in a personal way in order to connect with users and collaborators.
3. An introduction of the challenge and the timeline that also works as s toolkits for contributors.
4. An enhanced contribution page

SOME ASPECTS THAT WERE ENHANCED

- The challenge aspect was brought into the landing page in order to accentuate the character of a time limited participation. The timeline was also chosen as the aspect from which the whole website narrative will develop. The idea is that every phase will bring a different color to the website, so participants will have additional help to identify the different phases.

- The main challenge of the initiative was delivered in the form of a personal story, in order to create identification with collaborators and visitors.

- I believe that all the phases of the challenges are an opportunity for collaborators to participate and not only the "Inspiration" and "Ideas" one. Because of that, some recommendations on how to participate in each phase were included in a visual form. At the same time, the Ideo's collaboration toolbox was brought as a main aspect in the challenge, as I believe to try the tools instigates visitors to participate

DOCUMENTING MY PROCESS

I believe a good solution is not a product from a smart idea, but the result of an efficient process, because of that, I've decided to include some steps I took for arriving quickly into this solution. This process was adapted from Hyper Island creative tools, Google Venture's design sprint and Ideo's Human Centered Design handbook.

1. Mapping the challenge and define long term goals

2. Framing the design challenge, or defining the "How might we" question

3. Ask for potential users top of mind visual references

4. Ideation

After a short ideation and this phases, I understood that the solution that would create the most value would be a redesign of the challenge landing page.

4. Propose an user Journey

5. Map existing solution

5. Prototype

6. Finalize Details

7. Iterate

I have invited friends and colleagues to leave comments on this public prototype link. Please leave yours too! I consider this next phases part of my iteration process :)

Written by

Erika Díaz Gómez