Website

Context

Solve For Tomorrow is a global Samsung initiative that rewards the new ideas which change the communities, this contest is focused to students and their teachers looking for innovation and creativity with new projects.

Project intro

To understand the multiple ideas and projects we started reviewing previous contests and the possible interests of the students and teachers to show their creations and how can impact in the community.

Project Goals

Develop a website that invite the students to present their own projects.
Communicate clearly to students and teachers how the contest works.
Provide useful information and tools for a successful production of their projects.
Clarify all doubts about the contest

Customer Mindsets

Students | “A good opportunity to show to world our project.”
We have good ideas for innovate with projects and we want to present them for move and change our communities.
Teachers | “There are great ideas everywhere in the country”
This is a great opportunity to show how the education everywhere in the country is able to change the present and future of the kids with the creativity.

Ideate

With the ux team research, I identified some key points to transform them in an attractive interface that allows the users, in this case students of schools and teachers to find easily the tools to register their proposals and provide them with information in the best way.

User persona

Empathy map

User Flow

Wireframes

Mid Fidelity

High fidelity

Moodboard

In order to define the visual design we develop a moodboard that evoke innovation and calm in a learning environment.

Style guide

With this style guide I defined some visual foundations that will help to develop the design system of the platform, providing consistency to all elements.

Brand

Solve For Tomorrow is a global Samsung brand that support the education community inviting kids around the world to present their ideas that change communities, the use of the brand maintain the Samsung guidelines with the only use of the official font and with the brand values we started to define the landing DNA.

Colors

The definition of the scheme colors was based on the requirements to difference the contest with other regional countries, is required use the flag colors but with different contrast and use of gradations that allow to difference sections and actions in the interface.

Tipography

The type scale is defined with the official Samsung font Sharp for titles and for content text Samsung One, the font provide the consistency of Samsung such a main brand and maintain the hierarchy with sections and actions.

Imagery & illustrations

The imagery and use of illustrations provide the user in this case kids an attractive interface that allow to interact with the elements and provide motion with the information, also the creation of this world which each idea of the characters could be the idea of the competitors.

Components Library

The creation of a components library allowed us to define elements that facilitated the communication with development team and the delivery of assets, in this way the visual aspects of the interface could be consistent with the porpuse, for this reason I create the assets with atomic design methodology.

Animations

The use of simple animations regarding with the illustrations provide the interface value knowing the target group of this project, in this case the animations were developed with svg using the Lottie library and supporting the performance of the site with the small size of the assets.

Final design

Finally we presented a responsive site with all requirements considering both the brand and the users of the contest, following I going to explain the relevant sections and how them works.

Form

We analysed the needed data and categorize it in a stepper that allows the user check all required information and I used components that help the user to complete successfully the process.

Previous versions

On this section we displayed videos of the latest winners of the contest that allows to inspire the students that want to register and send their own proposals.

Resources

The resources section allows the students to see video capsules with tips and information to create a better project quality.

Solve for Tomorrow Website